/* MoneyBuddy Admin — static production stylesheet */
*,
*::before,
*::after { box-sizing:border-box; }
html { line-height:1.5; -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body { margin:0; font-family:"Hanken Grotesk",Arial,sans-serif; }
button,input,select,textarea { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
img,svg { display:block; max-width:100%; }
table { border-collapse:collapse; border-color:inherit; text-indent:0; }
h1,h2,h3,p { margin:0; }
a { color:inherit; text-decoration:none; }

/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
.pointer-events-none {
  pointer-events: none;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.mx-auto {
  margin-inline: auto;
}
.mt-auto {
  margin-top: auto;
}
.mt-space-md {
  margin-top: var(--spacing-space-md);
}
.mb-space-md {
  margin-bottom: var(--spacing-space-md);
}
.mb-space-sm {
  margin-bottom: var(--spacing-space-sm);
}
.ml-auto {
  margin-left: auto;
}
.ml-space-xs {
  margin-left: var(--spacing-space-xs);
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.min-h-screen {
  min-height: 100vh;
}
.w-full {
  width: 100%;
}
.max-w-\[1600px\] {
  max-width: 1600px;
}
.flex-1 {
  flex: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-x-full {
  --tw-translate-x: -100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.items-baseline {
  align-items: baseline;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.gap-space-md {
  gap: var(--spacing-space-md);
}
.gap-space-sm {
  gap: var(--spacing-space-sm);
}
.gap-space-xs {
  gap: var(--spacing-space-xs);
}
.space-y-space-lg {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-space-lg) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-space-lg) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-space-md {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-space-md) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-space-md) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.divide-y {
  :where(& > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
}
.divide-outline-variant\/20 {
  :where(& > :not(:last-child)) {
    border-color: color-mix(in srgb, #c1c8c5 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-outline-variant) 20%, transparent);
    }
  }
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.rounded-l-lg {
  border-top-left-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}
.rounded-r-lg {
  border-top-right-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.border-l-2 {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
}
.border-\[\#183C35\]\/20 {
  border-color: color-mix(in oklab, #183C35 20%, transparent);
}
.border-\[\#334155\]\/10 {
  border-color: color-mix(in oklab, #334155 10%, transparent);
}
.border-\[\#C9A24A\]\/20 {
  border-color: color-mix(in oklab, #C9A24A 20%, transparent);
}
.border-\[\#C9A24A\]\/30 {
  border-color: color-mix(in oklab, #C9A24A 30%, transparent);
}
.border-\[\#C9A24A\]\/40 {
  border-color: color-mix(in oklab, #C9A24A 40%, transparent);
}
.border-\[\#CBD5E1\] {
  border-color: #CBD5E1;
}
.border-outline-variant\/20 {
  border-color: color-mix(in srgb, #c1c8c5 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-outline-variant) 20%, transparent);
  }
}
.border-outline-variant\/30 {
  border-color: color-mix(in srgb, #c1c8c5 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-outline-variant) 30%, transparent);
  }
}
.border-outline-variant\/50 {
  border-color: color-mix(in srgb, #c1c8c5 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-outline-variant) 50%, transparent);
  }
}
.border-primary {
  border-color: var(--color-primary);
}
.border-secondary-fixed\/40 {
  border-color: color-mix(in srgb, #dae2ff 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-secondary-fixed) 40%, transparent);
  }
}
.bg-\[\#94A3B8\] {
  background-color: #94A3B8;
}
.bg-\[\#C9A24A\] {
  background-color: #C9A24A;
}
.bg-\[\#E8F1EE\] {
  background-color: #E8F1EE;
}
.bg-\[\#ECF0F8\] {
  background-color: #ECF0F8;
}
.bg-\[\#F1F5F9\] {
  background-color: #F1F5F9;
}
.bg-\[\#F8F6F0\] {
  background-color: #F8F6F0;
}
.bg-\[\#F8F6F0\]\/80 {
  background-color: color-mix(in oklab, #F8F6F0 80%, transparent);
}
.bg-\[\#FAF5E8\] {
  background-color: #FAF5E8;
}
.bg-\[\#FAF5E8\]\/80 {
  background-color: color-mix(in oklab, #FAF5E8 80%, transparent);
}
.bg-outline {
  background-color: var(--color-outline);
}
.bg-outline-variant {
  background-color: var(--color-outline-variant);
}
.bg-primary-container {
  background-color: var(--color-primary-container);
}
.bg-secondary {
  background-color: var(--color-secondary);
}
.bg-surface-container-low {
  background-color: var(--color-surface-container-low);
}
.bg-surface-container-lowest {
  background-color: var(--color-surface-container-lowest);
}
.bg-surface-container-lowest\/90 {
  background-color: color-mix(in srgb, #ffffff 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-surface-container-lowest) 90%, transparent);
  }
}
.bg-gradient-to-r {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-\[\#FAF5E8\] {
  --tw-gradient-from: #FAF5E8;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-\[\#E8F1EE\] {
  --tw-gradient-to: #E8F1EE;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.p-space-lg {
  padding: var(--spacing-space-lg);
}
.p-space-md {
  padding: var(--spacing-space-md);
}
.px-space-lg {
  padding-inline: var(--spacing-space-lg);
}
.px-space-md {
  padding-inline: var(--spacing-space-md);
}
.px-space-xs {
  padding-inline: var(--spacing-space-xs);
}
.py-space-md {
  padding-block: var(--spacing-space-md);
}
.py-space-sm {
  padding-block: var(--spacing-space-sm);
}
.py-space-xs {
  padding-block: var(--spacing-space-xs);
}
.pt-space-md {
  padding-top: var(--spacing-space-md);
}
.pb-space-md {
  padding-bottom: var(--spacing-space-md);
}
.pb-space-sm {
  padding-bottom: var(--spacing-space-sm);
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.font-body-md {
  font-family: var(--font-body-md);
}
.font-body-sm {
  font-family: var(--font-body-sm);
}
.font-headline-sm {
  font-family: var(--font-headline-sm);
}
.font-headline-xl {
  font-family: var(--font-headline-xl);
}
.font-label-md {
  font-family: var(--font-label-md);
}
.font-label-sm {
  font-family: var(--font-label-sm);
}
.text-body-md {
  font-size: var(--text-body-md);
  line-height: var(--tw-leading, var(--text-body-md--line-height));
}
.text-body-sm {
  font-size: var(--text-body-sm);
  line-height: var(--tw-leading, var(--text-body-sm--line-height));
}
.text-headline-sm {
  font-size: var(--text-headline-sm);
  line-height: var(--tw-leading, var(--text-headline-sm--line-height));
}
.text-headline-xl {
  font-size: var(--text-headline-xl);
  line-height: var(--tw-leading, var(--text-headline-xl--line-height));
}
.text-label-md {
  font-size: var(--text-label-md);
  line-height: var(--tw-leading, var(--text-label-md--line-height));
}
.text-label-sm {
  font-size: var(--text-label-sm);
  line-height: var(--tw-leading, var(--text-label-sm--line-height));
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[\#8C6E23\] {
  color: #8C6E23;
}
.text-\[\#142B5C\] {
  color: #142B5C;
}
.text-\[\#183C35\] {
  color: #183C35;
}
.text-\[\#64748B\] {
  color: #64748B;
}
.text-\[\#C9A24A\] {
  color: #C9A24A;
}
.text-on-surface {
  color: var(--color-on-surface);
}
.text-on-surface-variant {
  color: var(--color-on-surface-variant);
}
.text-on-surface-variant\/70 {
  color: color-mix(in srgb, #414846 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-on-surface-variant) 70%, transparent);
  }
}
.text-outline {
  color: var(--color-outline);
}
.text-primary {
  color: var(--color-primary);
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-50 {
  opacity: 50%;
}
.ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-2 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-\[\#C9A24A\]\/40 {
  --tw-ring-color: color-mix(in oklab, #C9A24A 40%, transparent);
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
.duration-150 {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.selection\:bg-primary-container {
  & *::selection {
    background-color: var(--color-primary-container);
  }
  &::selection {
    background-color: var(--color-primary-container);
  }
}
.hover\:border-\[\#183C35\]\/30 {
  &:hover {
    @media (hover: hover) {
      border-color: color-mix(in oklab, #183C35 30%, transparent);
    }
  }
}
.hover\:bg-\[\#FAF5E8\] {
  &:hover {
    @media (hover: hover) {
      background-color: #FAF5E8;
    }
  }
}
.hover\:bg-surface-container-low {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-surface-container-low);
    }
  }
}
.hover\:text-error {
  &:hover {
    @media (hover: hover) {
      color: var(--color-error);
    }
  }
}
.hover\:text-on-surface {
  &:hover {
    @media (hover: hover) {
      color: var(--color-on-surface);
    }
  }
}
.hover\:underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.active\:scale-95 {
  &:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.active\:scale-\[0\.99\] {
  &:active {
    scale: 0.99;
  }
}
:root, :host {
  --color-on-surface-variant: #414846;
  --color-on-surface: #0d1c2f;
  --color-outline: #717976;
  --color-error: #ba1a1a;
  --color-surface-container-low: #eff4ff;
  --color-primary: #002620;
  --color-secondary: #495d91;
  --color-surface-container-lowest: #ffffff;
  --color-outline-variant: #c1c8c5;
  --color-secondary-fixed: #dae2ff;
  --color-primary-container: #183c35;
  --radius-lg: .5rem;
  --radius-xl: .75rem;
  --spacing-space-xs: .25rem;
  --spacing-space-lg: 1.5rem;
  --spacing-space-sm: .5rem;
  --spacing-space-md: 1rem;
  --font-body-md: "Hanken Grotesk",sans-serif;
  --font-body-sm: "Hanken Grotesk",sans-serif;
  --font-headline-sm: "Manrope",sans-serif;
  --font-label-md: "JetBrains Mono",monospace;
  --font-headline-xl: "Manrope",sans-serif;
  --font-label-sm: "JetBrains Mono",monospace;
  --text-body-md: .9375rem;
  --text-body-md--line-height: 1.5rem;
  --text-body-sm: .8125rem;
  --text-body-sm--line-height: 1.25rem;
  --text-headline-sm: 1.125rem;
  --text-headline-sm--line-height: 1.5rem;
  --text-label-md: .8125rem;
  --text-label-md--line-height: 1rem;
  --text-headline-xl: 2.25rem;
  --text-headline-xl--line-height: 2.75rem;
  --text-label-sm: .6875rem;
  --text-label-sm--line-height: .875rem;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}


:root{
  --mb-forest:#183C35;
  --mb-navy:#142B5C;
  --mb-cream:#F8F6F0;
  --mb-gold:#C9A24A;
  --mb-sage:#E8F1EE;
  --mb-ink:#16222D;
}

::selection{background:#183C35;color:#fff}
body{
  background:
    radial-gradient(circle at 92% 0%, rgba(201,162,74,.09), transparent 23rem),
    linear-gradient(180deg,#FBFAF5 0%,#F8F6F0 100%);
  color:var(--mb-ink);
}

/* Brand */
.mb-brand-logo{
  width:32px;height:32px;object-fit:contain;border-radius:9px;
  background:#fff;
}
.mb-mobile-logo{width:26px;height:26px;object-fit:contain;border-radius:8px}
.mb-header-logo{width:26px;height:26px;object-fit:contain;border-radius:8px;align-self:center;margin-right:2px}

/* Make the sidebar unmistakably MoneyBuddy */
#side-nav{
  background:
    radial-gradient(circle at 10% 6%,rgba(201,162,74,.13),transparent 11rem),
    #fff;
}
#side-nav::before{
  content:"";
  position:absolute;inset:0 auto 0 0;width:4px;
  background:linear-gradient(180deg,#183C35 0%,#C9A24A 55%,#142B5C 100%);
}
#side-nav nav a[href="#overview"]{
  box-shadow:inset 0 0 0 1px rgba(24,60,53,.04);
}
.mb-admin-access-note{
  display:flex;gap:10px;align-items:flex-start;
  padding:11px 12px;border-radius:12px;
  background:#F7F8F4;border:1px solid rgba(24,60,53,.12);
  color:#183C35;
}
.mb-admin-access-note>.material-symbols-outlined{font-size:18px;margin-top:1px}
.mb-admin-access-note div{display:flex;flex-direction:column;gap:2px}
.mb-admin-access-note strong{font:700 12px/1.25 "Manrope",sans-serif}
.mb-admin-access-note span:not(.material-symbols-outlined){font:400 11px/1.35 "Hanken Grotesk",sans-serif;color:#67736F}

/* Header polish */
header{
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 10px 30px -28px rgba(24,60,53,.32)!important;
}
header h1{color:#183C35!important}
#utc-clock{color:#142B5C!important}

/* Cards */
main .rounded-xl{
  border-color:rgba(24,60,53,.11)!important;
  box-shadow:0 12px 32px -28px rgba(24,60,53,.28)!important;
}
main .rounded-xl:hover{
  box-shadow:0 18px 42px -32px rgba(24,60,53,.36)!important;
}
[data-metric]{
  position:relative;overflow:hidden;
}
[data-metric]::after{
  content:"";
  position:absolute;right:-18px;bottom:-28px;width:86px;height:86px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,162,74,.10),rgba(201,162,74,0) 68%);
  pointer-events:none;
}

/* Placeholder / not-yet-connected states */
.mb-status-chip{
  display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;
  font:700 10px/1 "JetBrains Mono",monospace;
}
.mb-status-muted{background:#F1F5F9;color:#64748B}
.mb-awaiting-banner{
  width:100%;display:flex;align-items:center;gap:8px;
  color:#54605D;font:600 12px/1.35 "Hanken Grotesk",sans-serif;
}
.mb-awaiting-banner .material-symbols-outlined{font-size:17px;color:#183C35}
.mb-table-empty{
  padding:42px 18px!important;text-align:center;color:#77817E;
  font:500 13px/1.55 "Hanken Grotesk",sans-serif;
}
.mb-empty-state,
.mb-empty-insights{
  display:flex;align-items:flex-start;gap:12px;
  padding:18px;border-radius:14px;border:1px dashed rgba(24,60,53,.20);
  background:linear-gradient(135deg,#FBFCF9,#F7F5ED);
  color:#183C35;
}
.mb-empty-state .material-symbols-outlined,
.mb-empty-insights .material-symbols-outlined{
  width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  border-radius:10px;background:#E8F1EE;font-size:19px;
}
.mb-empty-state>div,.mb-empty-insights>div{display:flex;flex-direction:column;gap:4px}
.mb-empty-state strong,.mb-empty-insights strong{font:700 13px/1.3 "Manrope",sans-serif}
.mb-empty-state span:not(.material-symbols-outlined),
.mb-empty-insights span:not(.material-symbols-outlined){
  color:#6A7571;font:400 12px/1.45 "Hanken Grotesk",sans-serif;
}

/* Better table behavior */
table{width:100%}
thead{background:#FAF9F4}
th{color:#66716E!important}
tbody tr:last-child td{border-bottom:0}
.overflow-x-auto{-webkit-overflow-scrolling:touch}

/* Mobile nav overlay */
.mb-nav-overlay{
  display:none;position:fixed;inset:0;z-index:45;background:rgba(13,28,47,.28);
  border:0;padding:0;
}
.mb-nav-overlay.is-open{display:block}

/* Buttons */
button:focus-visible,a:focus-visible{
  outline:3px solid rgba(201,162,74,.55);outline-offset:2px;
}
#refresh-btn{
  border-color:rgba(24,60,53,.18)!important;
}
#refresh-btn:hover{background:#F4F7F3!important}
#refresh-btn.is-refreshing .material-symbols-outlined{animation:mbspin .65s linear infinite}
@keyframes mbspin{to{transform:rotate(360deg)}}

/* Product Insights is intentionally quiet until data exists */
.mb-empty-insights{margin-top:18px}

/* Footer */
footer{
  background:#fff!important;
  color:#74807C!important;
}
footer .text-primary{color:#183C35!important}

/* Small decorative MoneyBuddy brand mark on admin surface */
main::before{
  content:"MONEYBUDDY • ADMIN";
  display:block;
  margin-bottom:-8px;
  color:#8A948F;
  font:700 10px/1 "JetBrains Mono",monospace;
  letter-spacing:.12em;
}

/* Responsive improvements */
@media(max-width:767px){
  main{padding-bottom:36px!important}
  header>div{padding-left:14px!important;padding-right:14px!important}
  #side-nav{box-shadow:18px 0 52px -28px rgba(13,28,47,.45)!important}
  .mb-nav-overlay.is-open{display:block}
  [data-metric]{min-height:152px}
  .mb-header-logo{display:none}
  .mb-empty-state,.mb-empty-insights{padding:14px}
  table{min-width:680px}
}
@media(min-width:768px){
  .mb-nav-overlay{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ===== MoneyBuddy live Supabase admin connection ===== */
.mb-auth-gate{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:20px;background:rgba(248,246,240,.94);backdrop-filter:blur(14px);transition:opacity .2s ease,visibility .2s ease}
.mb-auth-gate.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.mb-auth-card{width:min(100%,430px);padding:30px;border-radius:28px;background:#fff;border:1px solid rgba(24,60,53,.12);box-shadow:0 32px 70px -38px rgba(20,43,92,.38);text-align:center}
.mb-auth-logo{width:76px;height:76px;object-fit:contain;margin:0 auto 14px;border-radius:20px}
.mb-auth-kicker{display:inline-flex;padding:5px 9px;border-radius:999px;background:#FAF5E8;color:#8C6E23;font:800 10px/1.2 "JetBrains Mono",monospace;letter-spacing:.08em}
.mb-auth-card h2{margin:12px 0 6px;color:#183C35;font:800 24px/1.2 Manrope,sans-serif}.mb-auth-card>p{color:#697570;font-size:14px;line-height:1.5}
.mb-auth-form{margin-top:22px;text-align:left}.mb-auth-form label{display:block;margin-bottom:6px;color:#183C35;font-size:12px;font-weight:800}.mb-auth-form input{width:100%;height:48px;border:1px solid rgba(24,60,53,.18);border-radius:14px;padding:0 14px;background:#FBFCF9;color:#16222D;outline:none}.mb-auth-form input:focus{border-color:#183C35;box-shadow:0 0 0 3px rgba(24,60,53,.10)}
.mb-auth-form button{width:100%;height:48px;margin-top:10px;border:0;border-radius:14px;background:#183C35;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.mb-auth-form button:disabled{opacity:.55;cursor:wait}
.mb-auth-message{min-height:20px;margin-top:12px;font-size:12px;color:#66736E}.mb-auth-message[data-kind="error"]{color:#B42336}.mb-auth-message[data-kind="success"]{color:#1F6C50}
.mb-admin-locked>div:not(#adminAuthGate),.mb-admin-locked>aside,.mb-admin-locked>footer{filter:blur(2px);pointer-events:none;user-select:none}
.mb-status-live{background:#E8F1EE;color:#1F6C50}.mb-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.mb-chart-head h2{font:800 18px/1.2 Manrope,sans-serif;color:#183C35}.mb-chart-head p{margin-top:3px;color:#6C7773;font-size:12px}
.mb-signup-chart{height:200px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:9px;padding:8px 2px 0}.mb-chart-col{height:100%;display:grid;grid-template-rows:22px 1fr 22px;align-items:end;text-align:center;min-width:0}.mb-chart-value{font:700 11px/1 "JetBrains Mono",monospace;color:#183C35}.mb-chart-bar-wrap{height:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid rgba(24,60,53,.10)}.mb-chart-bar{display:block;width:min(70%,34px);min-height:5px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#C9A24A 0%,#183C35 100%);transition:height .25s ease}.mb-chart-label{font:700 10px/1 "JetBrains Mono",monospace;color:#78837F;padding-top:6px}
.mb-user-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font:700 10px/1.1 "JetBrains Mono",monospace}.mb-pill-active{background:#E8F1EE;color:#1F6C50}.mb-pill-new{background:#FAF5E8;color:#8C6E23}.mb-pill-pending{background:#F1F5F9;color:#64748B}
.mb-feedback-card{padding:13px;border-radius:14px;background:#FBFCF9;border:1px solid rgba(24,60,53,.10)}.mb-feedback-top,.mb-feedback-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.mb-feedback-top{font-size:10px;color:#78837F}.mb-feedback-type{font:800 10px/1 "JetBrains Mono",monospace;color:#8C6E23;text-transform:uppercase;letter-spacing:.05em}.mb-feedback-card p{margin:8px 0 10px;color:#263D38;font-size:13px;line-height:1.45}.mb-feedback-meta{flex-wrap:wrap;justify-content:flex-start;color:#7A8581;font-size:10px}.mb-feedback-status{margin-left:auto;padding:3px 7px;border-radius:999px;background:#FAF5E8;color:#8C6E23;font-weight:800}
.mb-insights-live{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:10px;margin-top:18px}.mb-insight-live{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(201,162,74,.18)}.mb-insight-live .material-symbols-outlined{color:#C9A24A;font-size:19px}.mb-insight-live p{color:#3B4B46;font-size:12px;line-height:1.45}
@media(min-width:768px){.mb-insights-live{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.mb-auth-card{padding:24px 18px}.mb-signup-chart{height:165px;gap:5px}.mb-chart-label{font-size:9px}}



/* ============================================================
   MoneyBuddy Admin — Premium Product Command Center
   Presentation-only redesign. Supabase/auth/data logic untouched.
   ============================================================ */

:root{
  --mbp-forest:#183C35;
  --mbp-forest-2:#204C43;
  --mbp-navy:#142B5C;
  --mbp-cream:#F8F6F0;
  --mbp-paper:#FFFDF8;
  --mbp-white:#FFFFFF;
  --mbp-gold:#C9A24A;
  --mbp-gold-soft:#F5EEDB;
  --mbp-sage:#E8F1EE;
  --mbp-sage-2:#DDEBE5;
  --mbp-ink:#17211E;
  --mbp-muted:#66736E;
  --mbp-border:rgba(24,60,53,.10);
}

html{background:var(--mbp-cream);}
body{
  color:var(--mbp-ink);
  background:
    radial-gradient(circle at 88% 0%, rgba(201,162,74,.10), transparent 23rem),
    radial-gradient(circle at 0% 55%, rgba(24,60,53,.06), transparent 30rem),
    linear-gradient(180deg,#FBFAF6 0%,#F7F5EF 100%) !important;
}

/* Sidebar */
#side-nav{
  width:248px!important;
  background:
    radial-gradient(circle at 28px 34px,rgba(201,162,74,.10),transparent 140px),
    linear-gradient(180deg,#173B34 0%,#12312C 100%)!important;
  border-right:0!important;
  color:#fff!important;
  box-shadow:18px 0 50px -38px rgba(9,32,27,.6)!important;
}
#side-nav::before{display:none!important}
#side-nav .mb-brand-logo{
  width:38px!important;height:38px!important;border-radius:12px!important;
  box-shadow:0 7px 18px -10px rgba(0,0,0,.45);
}
#side-nav .text-primary,
#side-nav .text-on-surface,
#side-nav .text-on-surface-variant,
#side-nav .text-outline{
  color:rgba(255,255,255,.78)!important;
}
#side-nav .font-headline-sm.text-primary{color:#fff!important;font-size:16px!important}
#side-nav nav{gap:5px!important}
#side-nav nav a{
  min-height:43px;
  border:1px solid transparent!important;
  border-left:0!important;
  color:rgba(255,255,255,.68)!important;
  border-radius:12px!important;
  padding:10px 12px!important;
  font-weight:600!important;
}
#side-nav nav a:hover{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
#side-nav nav a[href="#overview"]{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
#side-nav nav a .material-symbols-outlined{color:inherit!important}
#side-nav .mb-admin-access-note{
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#fff!important;
  border-radius:14px!important;
}
#side-nav .mb-admin-access-note span:not(.material-symbols-outlined){
  color:rgba(255,255,255,.58)!important;
}
#side-nav>div:last-child{
  border-top:1px solid rgba(255,255,255,.08)!important;
}
#side-nav>div:last-child .bg-\[\#E8F1EE\]{
  background:rgba(201,162,74,.16)!important;
  border-color:rgba(201,162,74,.28)!important;
  color:#F6E7B5!important;
}
#adminLogoutButton{
  color:rgba(255,255,255,.68)!important;
  border-radius:11px!important;
}
#adminLogoutButton:hover{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}

/* Header */
header{
  height:68px!important;
  background:rgba(251,250,246,.88)!important;
  border-bottom:1px solid rgba(24,60,53,.07)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
header>div{height:68px!important;padding-left:24px!important;padding-right:24px!important}
header h1{
  color:var(--mbp-forest)!important;
  font-size:15px!important;
  letter-spacing:-.015em!important;
}
.mb-header-logo{width:28px!important;height:28px!important;border-radius:9px!important}
#refresh-btn{
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:11px!important;
  background:#fff!important;
  border:1px solid var(--mbp-border)!important;
  box-shadow:0 7px 18px -16px rgba(24,60,53,.45)!important;
}
#refresh-btn:hover{background:var(--mbp-sage)!important}
#utc-clock{
  background:transparent!important;
  color:var(--mbp-navy)!important;
}

/* Main spacing */
main{
  max-width:1520px!important;
  padding:28px clamp(18px,2.4vw,38px) 48px!important;
  gap:0!important;
}
main::before{display:none!important}
main>section{margin-bottom:22px}

/* Premium welcome hero */
.mb-admin-hero{
  position:relative;
  min-height:240px;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  overflow:hidden;
  border-radius:28px;
  background:
    radial-gradient(circle at 82% 25%,rgba(201,162,74,.20),transparent 20rem),
    linear-gradient(135deg,#173D35 0%,#1B4A40 55%,#142B5C 135%);
  color:#fff;
  box-shadow:0 24px 60px -42px rgba(13,48,40,.60);
}
.mb-admin-hero::after{
  content:"";
  position:absolute;
  inset:auto -8% -60% 40%;
  height:260px;
  border-radius:50%;
  background:rgba(255,255,255,.035);
  transform:rotate(-9deg);
}
.mb-admin-hero-copy{
  position:relative;z-index:2;
  padding:34px 36px;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
}
.mb-admin-kicker{
  display:inline-flex;align-items:center;gap:8px;
  margin-bottom:12px;
  color:#F5E7BC;
  font:800 10px/1 "JetBrains Mono",monospace;
  letter-spacing:.14em;
}
.mb-live-dot{
  width:7px;height:7px;border-radius:50%;
  background:#E6C86A;
  box-shadow:0 0 0 5px rgba(230,200,106,.10);
}
.mb-admin-hero h2{
  max-width:700px;
  margin:0;
  color:#fff;
  font:750 clamp(29px,3.2vw,46px)/1.05 "Manrope",sans-serif;
  letter-spacing:-.045em;
}
.mb-admin-hero-copy>p{
  max-width:670px;
  margin-top:12px;
  color:rgba(255,255,255,.72);
  font:500 15px/1.6 "Hanken Grotesk",sans-serif;
}
.mb-admin-hero-meta{
  display:flex;flex-wrap:wrap;gap:9px;
  margin-top:22px;
}
.mb-admin-hero-meta>span{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.78);
  font-size:11px;font-weight:600;
}
.mb-admin-hero-meta .material-symbols-outlined{font-size:14px;color:#E8D393}
.mb-admin-hero-art{
  position:relative;z-index:2;
  min-height:240px;
  display:flex;align-items:center;justify-content:center;
  padding:26px 26px 26px 0;
}
.mb-admin-buddy-card{
  position:relative;z-index:3;
  width:170px;height:170px;
  display:grid;place-items:center;
  border-radius:42px;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,243,230,.84));
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 30px 48px -28px rgba(0,0,0,.50);
  transform:rotate(3deg);
}
.mb-admin-buddy-card img{
  width:150px;height:150px;object-fit:contain;
  filter:drop-shadow(0 10px 12px rgba(12,50,42,.20));
}
.mb-admin-orbit{
  position:absolute;border:1px solid rgba(255,255,255,.10);border-radius:50%;
}
.mb-admin-orbit-one{width:250px;height:250px}
.mb-admin-orbit-two{width:320px;height:320px;border-color:rgba(201,162,74,.12)}
.mb-admin-hero-badge{
  position:absolute;z-index:4;
  right:20px;bottom:24px;
  display:flex;align-items:center;gap:9px;
  max-width:230px;
  padding:11px 13px;
  border-radius:15px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.7);
  color:var(--mbp-forest);
  box-shadow:0 18px 34px -24px rgba(0,0,0,.45);
}
.mb-admin-hero-badge>.material-symbols-outlined{
  width:30px;height:30px;display:grid;place-items:center;
  border-radius:9px;background:var(--mbp-sage);font-size:18px;
}
.mb-admin-hero-badge div{display:flex;flex-direction:column}
.mb-admin-hero-badge strong{font:750 11px/1.3 "Manrope",sans-serif}
.mb-admin-hero-badge small{margin-top:2px;color:#6B7772;font-size:9.5px;line-height:1.25}

/* KPI cards */
#overview>div{gap:14px!important}
[data-metric]{
  min-height:168px;
  padding:20px!important;
  border:1px solid var(--mbp-border)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.90)!important;
  box-shadow:0 18px 38px -34px rgba(20,43,92,.38)!important;
}
[data-metric]::before{
  content:attr(data-card-index);
  position:absolute;
  right:18px;bottom:12px;
  color:rgba(24,60,53,.055);
  font:800 44px/1 "Manrope",sans-serif;
  pointer-events:none;
}
[data-metric]::after{display:none!important}
[data-metric]:hover{
  transform:translateY(-2px);
  border-color:rgba(24,60,53,.18)!important;
  box-shadow:0 22px 42px -32px rgba(20,43,92,.30)!important;
}
[data-metric] .font-headline-xl{
  font-size:38px!important;
  line-height:1!important;
  color:var(--mbp-forest)!important;
  letter-spacing:-.055em!important;
}
[data-metric]>div:first-child>span:first-child{
  text-transform:uppercase;
  letter-spacing:.08em;
  font:700 10px/1.2 "JetBrains Mono",monospace!important;
  color:#6A7772!important;
}
[data-metric]>div:first-child>span:last-child{
  width:36px!important;height:36px!important;border-radius:11px!important;
}
[data-metric] p{
  margin-top:9px!important;
  color:#7A8580!important;
  font-size:11.5px!important;
}
.mb-status-chip{font-size:9px!important;padding:4px 7px!important}

/* Shared content cards */
#signupActivityCard,
main section[aria-label="Activity and Feature Adoption"]>div,
main section[aria-label="Detailed Activity and Support"]>div:first-child,
#system-health-panel,
#feedbackList.closest{
  border-radius:22px!important;
}
#signupActivityCard,
main section[aria-label="Activity and Feature Adoption"]>div,
main section[aria-label="Detailed Activity and Support"]>div:first-child,
main section[aria-label="Detailed Activity and Support"]>div:last-child>div{
  border:1px solid var(--mbp-border)!important;
  background:rgba(255,255,255,.91)!important;
  box-shadow:0 18px 42px -38px rgba(20,43,92,.36)!important;
}
main h2,main h3{
  letter-spacing:-.025em!important;
}
main h2{font-size:17px!important}
main h3{font-size:15px!important}
main section[aria-label="Activity and Feature Adoption"]{
  gap:14px!important;
}
main section[aria-label="Detailed Activity and Support"]{
  gap:14px!important;
}

/* Signup chart */
.mb-chart-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  margin-bottom:20px;
}
.mb-chart-head h2{margin:0;color:var(--mbp-navy);font:750 18px/1.2 "Manrope",sans-serif}
.mb-chart-head p{margin:4px 0 0;color:#7B8581;font-size:12px}
.mb-signup-chart{
  min-height:230px!important;
  gap:12px!important;
  padding:24px 10px 4px!important;
  border-radius:18px;
  background:
    linear-gradient(to bottom,rgba(24,60,53,.045) 1px,transparent 1px) 0 0/100% 25%,
    linear-gradient(180deg,#FBFCFA,#FFF)!important;
  border:1px solid rgba(24,60,53,.07);
}
.mb-chart-col{gap:7px!important}
.mb-chart-bar-wrap{
  height:154px!important;
  border-radius:10px 10px 5px 5px!important;
  background:rgba(24,60,53,.055)!important;
  overflow:hidden;
}
.mb-chart-bar{
  background:linear-gradient(180deg,#D8B653 0%,#C9A24A 55%,#B68D31 100%)!important;
  border-radius:9px 9px 4px 4px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
}
.mb-chart-value{
  font:700 11px/1 "JetBrains Mono",monospace!important;
  color:var(--mbp-forest)!important;
}
.mb-chart-label{font-size:10px!important;color:#7A8580!important}

/* Feature adoption */
[data-feature-event]{
  padding:10px 0!important;
  border-bottom:1px solid rgba(24,60,53,.065);
}
[data-feature-event]:last-child{border-bottom:0}
[data-feature-event] .h-2{
  height:7px!important;
  background:#EDF1EC!important;
  border:0!important;
}
[data-feature-event] [data-feature-bar]{
  background:linear-gradient(90deg,#183C35,#2A685A)!important;
}
[data-feature-event="safety_cushion_opened"] [data-feature-bar]{
  background:linear-gradient(90deg,#C9A24A,#DAB95F)!important;
}
[data-feature-event="buddy_selected"] [data-feature-bar]{
  background:linear-gradient(90deg,#142B5C,#35528C)!important;
}

/* Product insights */
.mb-empty-insights,
.mb-insights-live{
  border-radius:18px!important;
  background:linear-gradient(145deg,#F7FAF7,#FBF7EB)!important;
  border:1px solid rgba(24,60,53,.08)!important;
}
.mb-insight-live{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:12px 0!important;
}
.mb-insight-live+.mb-insight-live{border-top:1px solid rgba(24,60,53,.08)}
.mb-insight-live .material-symbols-outlined{
  width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;
  border-radius:9px;background:#fff;color:var(--mbp-gold);font-size:17px;
}
.mb-insight-live p{font-size:12.5px;line-height:1.5;color:#46544F}

/* Recent users table */
table{border-spacing:0 7px!important;border-collapse:separate!important}
thead tr{background:transparent!important;border:0!important}
thead th{
  padding:6px 12px!important;
  color:#7D8783!important;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:9px!important;
}
tbody tr{
  background:#FCFCF9;
  box-shadow:inset 0 0 0 1px rgba(24,60,53,.06);
}
tbody tr td{
  border:0!important;
  padding-top:12px!important;padding-bottom:12px!important;
}
tbody tr td:first-child{border-radius:12px 0 0 12px}
tbody tr td:last-child{border-radius:0 12px 12px 0}
.mb-user-pill{
  border-radius:999px!important;
  padding:4px 8px!important;
  font-size:9.5px!important;
  font-weight:750!important;
}
.mb-pill-active{background:#E5F4EB!important;color:#256548!important}
.mb-pill-new{background:#FBF0D2!important;color:#8A681B!important}
.mb-pill-pending{background:#EEF1F7!important;color:#53627D!important}

/* Feedback */
#feedbackList{
  max-height:360px;
  overflow:auto;
  padding-right:3px;
}
.mb-feedback-card{
  padding:14px!important;
  border-radius:16px!important;
  border:1px solid rgba(24,60,53,.08)!important;
  background:#FCFCF9!important;
  box-shadow:none!important;
}
.mb-feedback-card+.mb-feedback-card{margin-top:8px!important}
.mb-feedback-type{
  background:var(--mbp-sage)!important;
  color:var(--mbp-forest)!important;
  border-radius:999px!important;
  padding:4px 7px!important;
}
.mb-feedback-card p{
  margin:10px 0!important;
  font-size:12.5px!important;
  line-height:1.55!important;
  color:#35443F!important;
}

/* System / platform health */
#system-health-panel{
  background:linear-gradient(145deg,#F8FBF8,#FFFCF5)!important;
}
#system-health-panel [data-health-key]{
  border:1px solid rgba(24,60,53,.06);
  background:rgba(255,255,255,.82)!important;
  border-radius:12px!important;
}

/* Auth gate – premium but still isolated and secure */
.mb-auth-gate{
  background:
    radial-gradient(circle at 72% 15%,rgba(201,162,74,.14),transparent 24rem),
    linear-gradient(145deg,#F8F6F0,#EEF4F0)!important;
}
.mb-auth-card{
  border-radius:26px!important;
  border:1px solid rgba(24,60,53,.10)!important;
  box-shadow:0 35px 80px -52px rgba(18,63,49,.50)!important;
}

/* Footer */
.mb-premium-footer{
  background:transparent!important;
  border-top:1px solid rgba(24,60,53,.07)!important;
}

/* Responsive */
@media(max-width:1100px){
  .mb-admin-hero{grid-template-columns:1fr .62fr}
  .mb-admin-buddy-card{width:145px;height:145px;border-radius:34px}
  .mb-admin-buddy-card img{width:128px;height:128px}
  .mb-admin-hero-badge{display:none}
}
@media(max-width:767px){
  #side-nav{width:min(82vw,300px)!important}
  main{padding:18px 14px 36px!important}
  main>section{margin-bottom:14px}
  .mb-admin-hero{
    min-height:auto;
    grid-template-columns:1fr;
    border-radius:22px;
  }
  .mb-admin-hero-copy{padding:26px 22px 18px}
  .mb-admin-hero h2{font-size:32px}
  .mb-admin-hero-copy>p{font-size:14px}
  .mb-admin-hero-meta{gap:6px;margin-top:17px}
  .mb-admin-hero-meta>span{font-size:10px;padding:6px 8px}
  .mb-admin-hero-art{
    min-height:155px;
    padding:5px 20px 20px;
  }
  .mb-admin-buddy-card{
    width:122px;height:122px;border-radius:28px;transform:none;
  }
  .mb-admin-buddy-card img{width:108px;height:108px}
  .mb-admin-orbit-one{width:170px;height:170px}
  .mb-admin-orbit-two{width:210px;height:210px}
  [data-metric]{min-height:145px;padding:17px!important;border-radius:18px!important}
  [data-metric] .font-headline-xl{font-size:34px!important}
  #signupActivityCard,
  main section[aria-label="Activity and Feature Adoption"]>div,
  main section[aria-label="Detailed Activity and Support"]>div:first-child,
  main section[aria-label="Detailed Activity and Support"]>div:last-child>div{
    border-radius:18px!important;
    padding:17px!important;
  }
  .mb-signup-chart{min-width:0!important;min-height:200px!important;padding-left:5px!important;padding-right:5px!important}
  .mb-chart-bar-wrap{height:125px!important}
  table{min-width:650px!important}
  header>div{padding-left:14px!important;padding-right:14px!important}
  header .flex.items-baseline.gap-space-sm>span:nth-of-type(1),
  header .flex.items-baseline.gap-space-sm>span:nth-of-type(2){display:none!important}
}
@media(max-width:430px){
  .mb-admin-hero h2{font-size:28px}
  .mb-admin-hero-copy{padding:23px 18px 15px}
  .mb-admin-hero-meta>span:nth-child(3){display:none}
}



/* ============================================================
   MoneyBuddy Admin V2 — structured, lively product dashboard
   ============================================================ */
:root{
  --mb2-forest:#173C34;
  --mb2-forest2:#23584C;
  --mb2-navy:#152D5E;
  --mb2-gold:#CAA448;
  --mb2-cream:#F7F4EC;
  --mb2-paper:#FFFDF8;
  --mb2-muted:#697873;
  --mb2-line:rgba(23,60,52,.09);
}

body{background:#F6F4EE!important}
main{max-width:1460px!important}

/* Navigation: calmer desktop rail, obvious mobile drawer */
#side-nav{width:224px!important}
#side-nav nav a{min-height:40px!important;font-size:12px!important}
#side-nav .mb-admin-access-note{
  padding:12px!important;
  margin-top:2px!important;
}
.mb2-nav-close{
  display:none;
  align-items:center;
  gap:6px;
  border:0;
  background:rgba(255,255,255,.08);
  color:#fff;
  border-radius:10px;
  padding:7px 9px;
  font-size:11px;
  font-weight:700;
}
.mb2-nav-close .material-symbols-outlined{font-size:16px}

/* Mobile overlay fix */
.mb-nav-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:45!important;
  display:none!important;
  width:100vw!important;
  height:100vh!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  background:rgba(11,31,26,.48)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}
.mb-nav-overlay.is-open{display:block!important}
#side-nav{z-index:60!important}

/* Compact top bar */
header{height:62px!important}
header>div{height:62px!important}

/* Compact hero */
.mb-admin-hero{
  min-height:168px!important;
  grid-template-columns:minmax(0,1fr) 330px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 84% 20%,rgba(202,164,72,.24),transparent 15rem),
    linear-gradient(125deg,#173C34 0%,#1F5146 57%,#152D5E 130%)!important;
}
.mb2-hero-copy{
  position:relative;
  z-index:3;
  padding:28px 32px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.mb2-eyebrow{
  display:flex;align-items:center;gap:8px;
  color:#F0DC9D;
  font-size:9px;font-weight:800;letter-spacing:.14em;
  margin-bottom:8px;
}
.mb2-live-dot{width:7px;height:7px;border-radius:99px;background:#F0CF69;box-shadow:0 0 0 5px rgba(240,207,105,.11)}
.mb2-hero-copy h2{
  margin:0!important;
  color:#fff!important;
  font-size:36px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.mb2-hero-copy p{
  margin:10px 0 0!important;
  max-width:560px;
  color:rgba(255,255,255,.70)!important;
  font-size:13.5px!important;
}
.mb2-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
.mb2-hero-actions span{
  display:flex;align-items:center;gap:5px;
  padding:6px 9px;border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.75);
  font-size:9.5px;font-weight:650;
}
.mb2-hero-actions .material-symbols-outlined{font-size:13px;color:#F2D987}
.mb2-hero-side{
  position:relative;
  min-height:168px;
  display:flex;align-items:center;justify-content:center;
}
.mb2-buddy-orb{
  width:112px;height:112px;
  display:grid;place-items:center;
  border-radius:34px;
  background:linear-gradient(145deg,#fff,#F5F0E4);
  border:1px solid rgba(255,255,255,.7);
  transform:rotate(3deg);
  box-shadow:0 22px 35px -25px rgba(0,0,0,.5);
}
.mb2-buddy-orb img{width:101px;height:101px;object-fit:contain}
.mb2-hero-note{
  position:absolute;right:22px;bottom:18px;
  width:176px;
  padding:9px 11px;
  display:flex;flex-direction:column;
  background:rgba(255,255,255,.94);
  border-radius:12px;
  box-shadow:0 14px 26px -20px rgba(0,0,0,.5);
}
.mb2-hero-note span{font-size:8.5px;font-weight:800;letter-spacing:.08em;color:#A27E28}
.mb2-hero-note strong{margin-top:2px;font-size:10px;line-height:1.3;color:#173C34}

/* Section hierarchy */
.mb2-section-heading{
  display:flex;justify-content:space-between;align-items:end;gap:18px;
  margin:3px 0 11px;
}
.mb2-section-heading h2{
  margin:3px 0 0!important;
  font-size:20px!important;
  color:#173C34!important;
  letter-spacing:-.035em!important;
}
.mb2-section-kicker{
  color:#A7832F;
  font-size:8.5px;font-weight:800;letter-spacing:.14em;
}
.mb2-section-note{
  color:#7A8782;font-size:10.5px;font-weight:600;
}
.mb2-grid-heading{grid-column:1/-1;margin-bottom:-1px}

/* KPI cards: each gets personality */
#overview>div.grid{gap:12px!important}
[data-metric]{
  min-height:150px!important;
  border-radius:18px!important;
  overflow:hidden;
  isolation:isolate;
}
[data-metric]::before{
  right:14px!important;bottom:10px!important;
  font-size:48px!important;
}
#metric-total-users{background:linear-gradient(145deg,#FFFFFF,#F1F7F4)!important}
#metric-new-users{background:linear-gradient(145deg,#FFFFFF,#FBF6E9)!important}
#metric-active-users{background:linear-gradient(145deg,#FFFFFF,#F1F4FA)!important}
#metric-feedback-count{background:linear-gradient(145deg,#FFFFFF,#FFF7F1)!important}
[data-metric] .font-headline-xl{font-size:40px!important}

/* Main card structure */
#signupActivityCard,
main section[aria-label="Activity and Feature Adoption"]>div:not(.mb2-section-heading),
main section[aria-label="Detailed Activity and Support"]>div:not(.mb2-section-heading){
  border-radius:20px!important;
}
main section[aria-label="Activity and Feature Adoption"]{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
}
#signupActivityCard{grid-column:span 8!important}
main section[aria-label="Activity and Feature Adoption"]>div:nth-of-type(3){grid-column:span 4!important}

/* Chart feels more dynamic */
.mb-signup-chart{
  min-height:220px!important;
  background:
   linear-gradient(to bottom,rgba(23,60,52,.045) 1px,transparent 1px) 0 0/100% 25%,
   radial-gradient(circle at 80% 0%,rgba(202,164,72,.10),transparent 10rem),
   #FCFDFB!important;
}
.mb-chart-bar{
  background:linear-gradient(180deg,#E0C063,#C9A24A 52%,#A97F25)!important;
}

/* Founder/product signals: no longer an oversized banner */
#productInsightsSection{
  border-radius:20px!important;
  background:
    radial-gradient(circle at 92% 20%,rgba(202,164,72,.12),transparent 14rem),
    linear-gradient(145deg,#173C34,#1C493F)!important;
  border:0!important;
  box-shadow:0 20px 42px -34px rgba(23,60,52,.65)!important;
}
#productInsightsSection h2,
#productInsightsSection h3,
#productInsightsSection strong{color:#fff!important}
#productInsightsSection p,
#productInsightsSection span{color:rgba(255,255,255,.72)!important}
#productInsightsContent{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
#productInsightsContent .material-symbols-outlined{color:#F0D984!important}

/* Detailed section: users wider, feedback rail tighter */
main section[aria-label="Detailed Activity and Support"]>div:nth-of-type(2){grid-column:span 8!important}
main section[aria-label="Detailed Activity and Support"]>div:nth-of-type(3){grid-column:span 4!important}
#feedbackList{max-height:300px!important}
#system-health-panel{padding:16px!important}

/* Small polish */
.mb-status-chip{border-radius:999px!important}
#feedbackUnreadBadge{border-radius:999px!important}
tbody tr:hover{background:#F7FAF8!important}
#refresh-btn{font-weight:700!important}

/* Drawer close behavior / responsive */
@media(max-width:767px){
  #side-nav{
    position:fixed!important;
    top:0!important;bottom:0!important;left:0!important;
    height:100dvh!important;
    width:min(84vw,300px)!important;
    transform:translateX(-105%)!important;
    transition:transform .22s ease!important;
    box-shadow:20px 0 55px -28px rgba(0,0,0,.55)!important;
  }
  #side-nav:not(.-translate-x-full){transform:translateX(0)!important}
  #side-nav.-translate-x-full{transform:translateX(-105%)!important}
  .mb2-nav-close{display:flex!important}
  .mb-admin-hero{grid-template-columns:1fr!important}
  .mb2-hero-side{display:none!important}
  .mb2-hero-copy{padding:24px 20px!important}
  .mb2-hero-copy h2{font-size:31px!important}
  .mb2-section-heading{align-items:flex-start!important}
  .mb2-section-note{display:none}
  #signupActivityCard,
  main section[aria-label="Activity and Feature Adoption"]>div:nth-of-type(3),
  main section[aria-label="Detailed Activity and Support"]>div:nth-of-type(2),
  main section[aria-label="Detailed Activity and Support"]>div:nth-of-type(3){
    grid-column:1/-1!important;
  }
}



/* ============================================================
   MoneyBuddy Admin V3 — compact single-header command center
   ============================================================ */

/* ONE HEADER ONLY */
body > div.md\:hidden{display:none!important}
header{
  height:56px!important;
  min-height:56px!important;
  background:rgba(255,253,248,.94)!important;
  border-bottom:1px solid rgba(23,60,52,.08)!important;
  box-shadow:none!important;
}
header>div{height:56px!important;padding:0 18px!important}
.mb-header-logo{display:none!important}
header h1{font-size:14px!important}
#refresh-btn{min-height:34px!important;height:34px!important}
header #utc-clock{font-size:10px!important}

.mb3-menu-button{
  width:36px;height:36px;
  display:grid;place-items:center;
  flex:0 0 auto;
  margin-right:3px;
  border:1px solid rgba(23,60,52,.10);
  border-radius:10px;
  background:#fff;
  color:#173C34;
  box-shadow:0 6px 16px -14px rgba(23,60,52,.55);
}
.mb3-menu-button:hover{background:#EFF5F2}
.mb3-menu-button .material-symbols-outlined{font-size:19px}

/* SIDEBAR IS NOW A REAL DRAWER AT EVERY SCREEN SIZE */
#side-nav{
  position:fixed!important;
  top:0!important;left:0!important;bottom:0!important;
  width:238px!important;
  height:100dvh!important;
  z-index:80!important;
  transform:translateX(-105%)!important;
  transition:transform .2s ease!important;
  box-shadow:22px 0 55px -28px rgba(0,0,0,.60)!important;
}
#side-nav.mb3-nav-open{
  transform:translateX(0)!important;
}
.mb2-nav-close{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:9px!important;
  padding:6px 8px!important;
  font-size:10px!important;
  font-weight:700!important;
}
.mb-nav-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:70!important;
  display:none!important;
  width:100vw!important;height:100dvh!important;
  background:rgba(10,28,24,.43)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}
.mb-nav-overlay.is-open{display:block!important}
body.mb3-drawer-open{overflow:hidden!important}

/* MAIN CONTENT USES FULL WIDTH */
body > .flex-1.flex.flex-col.min-w-0{
  width:100%!important;
  margin-left:0!important;
}
main{
  max-width:1500px!important;
  padding:14px 20px 28px!important;
}
main>section{margin-bottom:12px!important}

/* HERO: compact, not a second header */
.mb-admin-hero{
  min-height:106px!important;
  height:106px!important;
  grid-template-columns:minmax(0,1fr) 230px!important;
  border-radius:18px!important;
}
.mb2-hero-copy{padding:18px 22px!important}
.mb2-eyebrow{font-size:8px!important;margin-bottom:4px!important}
.mb2-hero-copy h2{font-size:28px!important}
.mb2-hero-copy p{margin-top:6px!important;font-size:11.5px!important}
.mb2-hero-actions{margin-top:10px!important}
.mb2-hero-actions span{padding:4px 7px!important;font-size:8.5px!important}
.mb2-hero-side{min-height:106px!important}
.mb2-buddy-orb{width:74px!important;height:74px!important;border-radius:22px!important}
.mb2-buddy-orb img{width:67px!important;height:67px!important}
.mb2-hero-note{right:14px!important;bottom:10px!important;width:150px!important;padding:7px 9px!important}
.mb2-hero-note strong{font-size:8.5px!important}
.mb2-hero-note span{font-size:7.5px!important}

/* SECTION HEADINGS */
.mb2-section-heading{
  min-height:27px!important;
  margin:0 0 7px!important;
  align-items:center!important;
}
.mb2-section-heading h2{font-size:15px!important;margin:0!important}
.mb2-section-note{font-size:9px!important}

/* KPI CARDS: four compact cards in one row on normal laptop/desktop */
#overview>div.grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
[data-metric]{
  min-height:104px!important;
  height:104px!important;
  padding:13px 14px!important;
  border-radius:15px!important;
}
[data-metric]>div:first-child{margin-bottom:4px!important}
[data-metric]>div:first-child>span:last-child{width:29px!important;height:29px!important;border-radius:9px!important}
[data-metric] .font-headline-xl{font-size:30px!important}
[data-metric] p{margin-top:4px!important;font-size:9.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-metric]::before{font-size:34px!important;right:10px!important;bottom:7px!important}
.mb-status-chip{font-size:8px!important;padding:3px 6px!important}

/* ACTIVITY ROW: compact and dense */
main section[aria-label="Activity and Feature Adoption"]{
  gap:10px!important;
}
#signupActivityCard,
main section[aria-label="Activity and Feature Adoption"]>div:not(.mb2-section-heading){
  min-height:246px!important;
  padding:14px!important;
  border-radius:16px!important;
}
.mb-chart-head{margin-bottom:8px!important}
.mb-chart-head h2{font-size:14px!important}
.mb-chart-head p{font-size:9.5px!important}
.mb-signup-chart{
  min-height:155px!important;
  height:155px!important;
  padding:14px 7px 2px!important;
}
.mb-chart-bar-wrap{height:98px!important}
[data-feature-event]{padding:6px 0!important}
[data-feature-event] .text-body-sm{font-size:10px!important}
[data-feature-event] .h-2{height:5px!important}

/* Product signals: compact strip */
#productInsightsSection{
  min-height:auto!important;
  padding:14px 16px!important;
  border-radius:16px!important;
}
#productInsightsSection .font-headline-sm,
#productInsightsSection h2,
#productInsightsSection h3{font-size:14px!important}
#productInsightsContent{padding:10px!important}

/* USERS + FEEDBACK: reduce vertical bloat */
main section[aria-label="Detailed Activity and Support"]{
  gap:10px!important;
}
main section[aria-label="Detailed Activity and Support"]>div:not(.mb2-section-heading){
  padding:14px!important;
  border-radius:16px!important;
}
table{border-spacing:0 4px!important}
thead th{padding:4px 9px!important;font-size:8px!important}
tbody tr td{padding:8px 9px!important;font-size:10px!important}
#feedbackList{max-height:205px!important}
.mb-feedback-card{padding:10px!important;border-radius:12px!important}
.mb-feedback-card p{margin:6px 0!important;font-size:10px!important;line-height:1.35!important}
#system-health-panel{padding:12px!important}
#system-health-panel [data-health-key]{padding:6px 8px!important}

/* Responsive fallback */
@media(max-width:900px){
  #overview>div.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-metric]{height:auto!important;min-height:98px!important}
  .mb-admin-hero{grid-template-columns:1fr 160px!important}
  #signupActivityCard,
  main section[aria-label="Activity and Feature Adoption"]>div:nth-of-type(3),
  main section[aria-label="Detailed Activity and Support"]>div:nth-of-type(2),
  main section[aria-label="Detailed Activity and Support"]>div:nth-of-type(3){
    grid-column:1/-1!important;
  }
}
@media(max-width:600px){
  main{padding:10px 10px 24px!important}
  .mb-admin-hero{height:auto!important;min-height:100px!important;grid-template-columns:1fr!important}
  .mb2-hero-side{display:none!important}
  #overview>div.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-metric]{padding:11px!important}
  [data-metric] p{white-space:normal}
  header>div{padding:0 10px!important}
}



/* ============================================================
   Admin V4 targeted fixes: Pulse header, Product Signals, Health
   ============================================================ */

/* Pulse header: never clip and never sit under navigation */
#mbAdminHero.mb4-pulse-hero{
  position:relative!important;
  width:100%!important;
  min-height:118px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 220px!important;
  overflow:hidden!important;
  margin:0!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 88% 22%,rgba(202,164,72,.22),transparent 13rem),
    linear-gradient(125deg,#173C34 0%,#205448 58%,#152D5E 130%)!important;
}
#mbAdminHero .mb2-hero-copy{
  min-width:0!important;
  padding:20px 24px!important;
  overflow:visible!important;
}
#mbAdminHero .mb2-hero-copy h2{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  white-space:normal!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
}
#mbAdminHero .mb2-hero-copy p{
  margin:7px 0 0!important;
  max-width:680px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}
#mbAdminHero .mb2-eyebrow{
  margin:0 0 5px!important;
  color:#F1DA93!important;
}
#mbAdminHero .mb2-hero-actions{margin-top:10px!important}
#mbAdminHero .mb2-hero-side{min-height:118px!important}
#mbAdminHero .mb2-buddy-orb{width:76px!important;height:76px!important}
#mbAdminHero .mb2-buddy-orb img{width:68px!important;height:68px!important}
#mbAdminHero .mb2-hero-note{bottom:12px!important;right:14px!important}

/* Ensure main content always starts at the correct left edge */
body > .flex-1.flex.flex-col.min-w-0{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
main{
  width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

/* Product Signals: intentionally high-contrast and easy to scan */
#productInsightsSection.mb4-product-signals{
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  padding:14px!important;
  min-height:92px!important;
  border:1px solid rgba(23,60,52,.10)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#173C34 0%,#1D493F 100%)!important;
  box-shadow:0 16px 34px -30px rgba(23,60,52,.65)!important;
  overflow:hidden!important;
}
.mb4-signals-heading{
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  min-width:0!important;
  padding:4px 3px!important;
}
.mb4-signals-kicker{
  display:block!important;
  margin-bottom:4px!important;
  color:#E9CB73!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}
.mb4-signals-heading h3{
  margin:0!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:-.025em!important;
}
.mb4-signals-live{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:12px!important;
  color:rgba(255,255,255,.62)!important;
  font-size:9px!important;
  font-weight:650!important;
}
.mb4-signals-live>span{
  width:6px!important;height:6px!important;border-radius:99px!important;
  background:#D7B654!important;
}
#productInsightsContent.mb4-signals-content,
#productInsightsContent.mb-insights-live{
  min-width:0!important;
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 14px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
#productInsightsContent.mb4-signals-content>.material-symbols-outlined{
  width:34px!important;height:34px!important;
  display:grid!important;place-items:center!important;
  flex:0 0 auto!important;
  border-radius:10px!important;
  background:rgba(233,203,115,.14)!important;
  color:#E9CB73!important;
  font-size:19px!important;
}
#productInsightsContent strong{
  display:block!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1.35!important;
}
#productInsightsContent span:not(.material-symbols-outlined){
  display:block!important;
  margin-top:3px!important;
  color:rgba(255,255,255,.66)!important;
  font-size:9.5px!important;
  line-height:1.4!important;
}
#productInsightsContent.mb-insights-live{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:8px!important;
}
#productInsightsContent .mb-insight-live{
  display:flex!important;
  gap:8px!important;
  align-items:flex-start!important;
  padding:9px 10px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.06)!important;
}
#productInsightsContent .mb-insight-live .material-symbols-outlined{
  color:#E9CB73!important;
  font-size:17px!important;
}
#productInsightsContent .mb-insight-live p{
  margin:0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:10px!important;
  line-height:1.4!important;
}

/* Platform health: clear connected state */
#systemOverallStatus{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  border:1px solid rgba(46,125,91,.18)!important;
  background:#EEF8F2!important;
  color:#2E7D5B!important;
  font-size:9px!important;
  font-weight:750!important;
}
#system-health-panel [data-health-key]{
  min-height:31px!important;
}
#system-health-panel [data-health-key] div:last-child{
  font-size:9px!important;
}

/* Responsive */
@media(max-width:800px){
  #mbAdminHero.mb4-pulse-hero{grid-template-columns:1fr!important}
  #mbAdminHero .mb2-hero-side{display:none!important}
  #productInsightsSection.mb4-product-signals{
    grid-template-columns:1fr!important;
  }
  .mb4-signals-heading{
    flex-direction:row!important;
    align-items:center!important;
  }
  .mb4-signals-live{margin-top:0!important}
}



/* ============================================================
   MoneyBuddy Admin V5 — all-in-one founder dashboard upgrades
   ============================================================ */

.mb5-toolbar{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:7px 9px;margin:0 0 10px!important;
  border:1px solid rgba(23,60,52,.08);border-radius:13px;
  background:rgba(255,255,255,.82);
}
.mb5-range-control{display:flex;gap:4px;padding:3px;background:#F1F4F1;border-radius:10px}
.mb5-range-btn{
  border:0;background:transparent;color:#6C7A75;border-radius:8px;
  padding:6px 9px;font-size:9.5px;font-weight:750;
}
.mb5-range-btn.is-active{background:#173C34;color:#fff;box-shadow:0 6px 14px -12px rgba(23,60,52,.7)}
.mb5-toolbar-actions{display:flex;align-items:center;gap:10px}
.mb5-range-status{font-size:9px;color:#7A8782}
.mb5-export-btn{
  display:flex;align-items:center;gap:5px;border:1px solid rgba(23,60,52,.10);
  background:#fff;color:#173C34;border-radius:9px;padding:6px 9px;
  font-size:9.5px;font-weight:750;
}
.mb5-export-btn .material-symbols-outlined{font-size:14px}

.mb5-snapshot{
  display:grid;grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:8px;
  margin-bottom:10px!important;
}
.mb5-snapshot-title,.mb5-mini-metric{
  min-height:68px;border:1px solid rgba(23,60,52,.08);border-radius:14px;background:#fff;
  padding:11px 12px;
}
.mb5-snapshot-title{
  display:flex;flex-direction:column;justify-content:center;
  background:linear-gradient(145deg,#173C34,#214F45);color:#fff;
}
.mb5-section-kicker{font-size:7.5px;font-weight:800;letter-spacing:.13em;color:#B18C34}
.mb5-snapshot-title .mb5-section-kicker{color:#E5C76D}
.mb5-snapshot-title strong{margin-top:3px;font-size:14px}
.mb5-mini-metric{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center}
.mb5-mini-metric>span{font-size:9px;color:#70807A;font-weight:650}
.mb5-mini-metric>strong{grid-row:1/3;grid-column:2;font-size:24px;color:#173C34;letter-spacing:-.04em}
.mb5-mini-metric>small{font-size:8.5px;color:#9A8360}

.mb5-decision-grid{
  display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr) minmax(250px,.75fr);
  gap:10px;margin-bottom:10px!important;
}
.mb5-panel{
  min-height:212px;border:1px solid rgba(23,60,52,.08);border-radius:16px;
  background:rgba(255,255,255,.92);padding:13px;
  box-shadow:0 14px 32px -30px rgba(23,60,52,.45);
}
.mb5-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.mb5-panel-head h3{margin:2px 0 0!important;font-size:14px!important;color:#173C34!important}
.mb5-panel-badge{
  padding:4px 7px;border-radius:999px;background:#EFF5F2;color:#45665C;font-size:8px;font-weight:700;
}
.mb5-text-btn{border:0;background:transparent;color:#8A6D28;font-size:9px;font-weight:750;padding:4px}

.mb5-funnel{display:flex;flex-direction:column;gap:7px}
.mb5-funnel-stage{display:grid;grid-template-columns:150px minmax(80px,1fr) 58px;gap:9px;align-items:center}
.mb5-funnel-label{display:flex;align-items:center;gap:7px;min-width:0}
.mb5-funnel-label>.material-symbols-outlined{
  width:27px;height:27px;display:grid;place-items:center;border-radius:8px;
  background:#EEF5F2;color:#173C34;font-size:15px;flex:0 0 auto;
}
.mb5-funnel-label div{min-width:0;display:flex;flex-direction:column}
.mb5-funnel-label strong{font-size:9.5px;color:#31443E;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb5-funnel-label small{font-size:7.5px;color:#8B9692}
.mb5-funnel-track{height:7px;border-radius:99px;background:#ECF0ED;overflow:hidden}
.mb5-funnel-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#173C34,#3C776A)}
.mb5-funnel-value{display:flex;align-items:baseline;justify-content:flex-end;gap:4px}
.mb5-funnel-value strong{font-size:11px;color:#173C34}
.mb5-funnel-value span{font-size:7.5px;color:#9A8360}

.mb5-activity-feed{max-height:164px;overflow:auto;padding-right:2px}
.mb5-activity-item{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid rgba(23,60,52,.06)}
.mb5-activity-item:last-child{border-bottom:0}
.mb5-activity-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;font-size:14px!important}
.mb5-tone-green{background:#E9F4EE;color:#2E7D5B}
.mb5-tone-gold{background:#FBF4DF;color:#A67B1E}
.mb5-tone-navy{background:#EEF1F8;color:#31508C}
.mb5-activity-item div{min-width:0;display:flex;flex-direction:column}
.mb5-activity-item strong{font-size:9px;color:#32453F}
.mb5-activity-item small{font-size:7.8px;color:#84908B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb5-activity-item time{font-size:7.5px;color:#A0A8A4;white-space:nowrap}

.mb5-goals{display:flex;flex-direction:column;gap:9px}
.mb5-goal>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.mb5-goal span{font-size:8.8px;color:#66756F}
.mb5-goal strong{font-size:9.5px;color:#173C34}
.mb5-goal strong small{font-size:7.5px;color:#9AA49F;font-weight:600}
.mb5-goal-track{height:6px;margin-top:4px;background:#EDF1EE;border-radius:99px;overflow:hidden}
.mb5-goal-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#CAA448,#D9BC68)}
.mb5-empty-compact{padding:14px;border-radius:10px;background:#F8FAF8;color:#87938E;font-size:9px;text-align:center}

.mb5-feedback-filters{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 8px}
.mb5-feedback-filters button{
  border:1px solid rgba(23,60,52,.08);background:#F8FAF8;color:#697873;border-radius:999px;
  padding:4px 7px;font-size:8px;font-weight:700;
}
.mb5-feedback-filters button.is-active{background:#173C34;color:#fff;border-color:#173C34}
.mb5-triage{padding:3px 6px;border-radius:999px;font-size:7.5px!important;font-weight:800!important}
.mb5-triage-bug{background:#FDECEE!important;color:#A53A45!important}
.mb5-triage-confusing{background:#FFF4DA!important;color:#8B6A22!important}
.mb5-triage-feature{background:#EEF1F8!important;color:#36538A!important}
.mb5-triage-positive{background:#E9F4EE!important;color:#2E7D5B!important}
.mb5-triage-other{background:#F1F3F2!important;color:#68756F!important}
.mb5-review-btn{
  border:0;background:transparent;color:#8B9691;font-size:7.8px;font-weight:700;padding:0;
}
.mb5-review-btn.is-reviewed{color:#2E7D5B}

.mb5-user-row{cursor:pointer;transition:.14s ease}
.mb5-user-row:hover{transform:translateY(-1px)}
.mb5-user-cell{display:inline-flex;align-items:center;gap:4px}
.mb5-user-cell .material-symbols-outlined{font-size:13px;color:#93A09A}

.mb5-user-drawer-overlay{
  position:fixed;inset:0;z-index:88;background:rgba(11,31,26,.36);backdrop-filter:blur(2px);
  opacity:0;pointer-events:none;transition:.2s ease;
}
.mb5-user-drawer-overlay.is-open{opacity:1;pointer-events:auto}
.mb5-user-drawer{
  position:fixed;top:0;right:0;bottom:0;z-index:90;width:min(390px,92vw);
  background:#FFFDF8;border-left:1px solid rgba(23,60,52,.08);
  box-shadow:-24px 0 55px -34px rgba(0,0,0,.45);
  transform:translateX(104%);transition:transform .22s ease;padding:18px;overflow:auto;
}
.mb5-user-drawer.is-open{transform:translateX(0)}
.mb5-user-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid rgba(23,60,52,.08)}
.mb5-user-drawer-head h3{margin:3px 0 0;font-size:18px;color:#173C34}
.mb5-user-drawer-head button{width:34px;height:34px;border:1px solid rgba(23,60,52,.08);background:#fff;border-radius:10px;color:#173C34}
.mb5-user-profile{display:flex;align-items:center;gap:10px;padding:18px 0}
.mb5-user-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#173C34;color:#fff;font-size:16px;font-weight:800}
.mb5-user-profile>div:last-child{display:flex;flex-direction:column}
.mb5-user-profile strong{font-size:12px;color:#263A34}
.mb5-user-profile span{font-size:9px;color:#82908A}
.mb5-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mb5-detail-grid>div{padding:10px;border:1px solid rgba(23,60,52,.07);border-radius:11px;background:#fff;display:flex;flex-direction:column}
.mb5-detail-grid span{font-size:7.5px;color:#8C9792;text-transform:uppercase;letter-spacing:.08em}
.mb5-detail-grid strong{margin-top:3px;font-size:10px;color:#31453E}
.mb5-drawer-section{margin-top:18px}
.mb5-milestone-list{margin-top:7px;border:1px solid rgba(23,60,52,.07);border-radius:12px;overflow:hidden;background:#fff}
.mb5-milestone-list>div{display:flex;justify-content:space-between;padding:9px 10px;border-bottom:1px solid rgba(23,60,52,.06)}
.mb5-milestone-list>div:last-child{border-bottom:0}
.mb5-milestone-list span{font-size:9px;color:#67766F}
.mb5-milestone-list strong{font-size:9px;color:#173C34}
.mb5-drawer-note{margin-top:7px;padding:11px;border-radius:10px;background:#F5F7F5;color:#77847E;font-size:9px;line-height:1.5}

/* Make the overall page denser even with the new intelligence cards */
#productInsightsSection{margin-bottom:10px!important}
main section[aria-label="Detailed Activity and Support"]{margin-bottom:8px!important}

@media(max-width:1100px){
  .mb5-snapshot{grid-template-columns:1fr repeat(2,minmax(0,1fr))}
  .mb5-snapshot-title{grid-row:span 2}
  .mb5-decision-grid{grid-template-columns:1.5fr 1fr}
  .mb5-goals-panel{grid-column:1/-1;min-height:auto}
}
@media(max-width:760px){
  .mb5-toolbar{align-items:flex-start;flex-direction:column}
  .mb5-toolbar-actions{width:100%;justify-content:space-between}
  .mb5-snapshot{grid-template-columns:1fr 1fr}
  .mb5-snapshot-title{grid-column:1/-1;grid-row:auto;min-height:54px}
  .mb5-decision-grid{grid-template-columns:1fr}
  .mb5-panel{min-height:auto}
  .mb5-funnel-stage{grid-template-columns:125px 1fr 50px}
}



/* ============================================================
   MoneyBuddy Admin V5 QA polish
   Explicit responsive layout rules so the dashboard does not
   depend on missing Tailwind responsive utilities.
   ============================================================ */

/* Desktop structure */
@media (min-width: 1024px){
  main section[aria-label="Activity and Feature Adoption"]{
    display:grid!important;
    grid-template-columns:minmax(0,2fr) minmax(300px,1fr)!important;
    align-items:stretch!important;
  }
  main section[aria-label="Activity and Feature Adoption"]>.mb2-section-heading{
    grid-column:1/-1!important;
  }
  #signupActivityCard{
    grid-column:1!important;
    min-width:0!important;
  }
  main section[aria-label="Activity and Feature Adoption"]>div:not(.mb2-section-heading):not(#signupActivityCard){
    grid-column:2!important;
    min-width:0!important;
  }

  main section[aria-label="Detailed Activity and Support"]{
    display:grid!important;
    grid-template-columns:minmax(0,2fr) minmax(330px,1fr)!important;
    align-items:start!important;
  }
  main section[aria-label="Detailed Activity and Support"]>.mb2-section-heading{
    grid-column:1/-1!important;
  }
  main section[aria-label="Detailed Activity and Support"]>div:nth-of-type(2){
    grid-column:1!important;
    min-width:0!important;
  }
  main section[aria-label="Detailed Activity and Support"]>div:nth-of-type(3){
    grid-column:2!important;
    min-width:0!important;
  }

  /* Keep right-side feedback/health column dense. */
  main section[aria-label="Detailed Activity and Support"]>div:nth-of-type(3){
    gap:10px!important;
  }
  #feedbackList{
    max-height:230px!important;
  }
}

/* Laptop polish */
@media (min-width: 901px) and (max-width: 1200px){
  main{padding-left:16px!important;padding-right:16px!important}
  .mb5-decision-grid{
    grid-template-columns:minmax(0,1.45fr) minmax(235px,.78fr) minmax(225px,.72fr)!important;
  }
  .mb5-funnel-stage{
    grid-template-columns:130px minmax(70px,1fr) 52px!important;
  }
  .mb5-snapshot{
    grid-template-columns:1.15fr repeat(4,minmax(0,1fr))!important;
  }
}

/* Mobile/tablet: compact swipeable data rails instead of very tall stacks. */
@media (max-width: 900px){
  main section[aria-label="Activity and Feature Adoption"]{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  main section[aria-label="Activity and Feature Adoption"]>.mb2-section-heading{
    grid-column:1!important;
  }

  .mb5-decision-grid{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(82vw, 1fr)!important;
    grid-template-columns:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    overscroll-behavior-inline:contain!important;
    gap:9px!important;
    padding-bottom:4px!important;
    scrollbar-width:none!important;
  }
  .mb5-decision-grid::-webkit-scrollbar{display:none!important}
  .mb5-decision-grid>.mb5-panel{
    grid-column:auto!important;
    scroll-snap-align:start!important;
    min-height:220px!important;
    max-height:240px!important;
    overflow:auto!important;
  }

  /* Keep user and feedback content easy to scan. */
  main section[aria-label="Detailed Activity and Support"]{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  main section[aria-label="Detailed Activity and Support"]>.mb2-section-heading,
  main section[aria-label="Detailed Activity and Support"]>div{
    grid-column:1!important;
  }
}

/* Phone-specific density */
@media (max-width: 600px){
  main{padding:10px 9px 20px!important}
  main>section{margin-bottom:8px!important}

  #mbAdminHero.mb4-pulse-hero{
    min-height:128px!important;
  }
  #mbAdminHero .mb2-hero-copy{
    padding:17px 16px!important;
  }
  #mbAdminHero .mb2-hero-copy h2{
    font-size:26px!important;
  }
  #mbAdminHero .mb2-hero-copy p{
    max-width:330px!important;
  }

  .mb5-toolbar{
    padding:6px!important;
    gap:7px!important;
  }
  .mb5-range-control{width:100%!important}
  .mb5-range-btn{flex:1!important;text-align:center!important}
  .mb5-toolbar-actions{
    width:100%!important;
    gap:6px!important;
  }
  .mb5-range-status{
    max-width:190px!important;
    line-height:1.25!important;
  }

  .mb5-snapshot{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .mb5-snapshot-title{
    grid-column:1/-1!important;
    min-height:46px!important;
    padding:9px 10px!important;
  }
  .mb5-mini-metric{
    min-height:60px!important;
    padding:9px 10px!important;
  }

  #overview>div.grid{
    gap:6px!important;
  }
  [data-metric]{
    min-height:95px!important;
    padding:11px!important;
  }
  [data-metric] .font-headline-xl{font-size:27px!important}

  /* Horizontal swipe rail for the two large engagement cards. */
  main section[aria-label="Activity and Feature Adoption"]{
    grid-auto-flow:column!important;
    grid-auto-columns:88vw!important;
    grid-template-columns:none!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    padding-bottom:4px!important;
    scrollbar-width:none!important;
  }
  main section[aria-label="Activity and Feature Adoption"]::-webkit-scrollbar{display:none!important}
  main section[aria-label="Activity and Feature Adoption"]>.mb2-section-heading{
    position:sticky!important;
    left:0!important;
    grid-column:auto!important;
    grid-row:1!important;
    width:calc(100vw - 18px)!important;
  }
  #signupActivityCard,
  main section[aria-label="Activity and Feature Adoption"]>div:not(.mb2-section-heading){
    grid-column:auto!important;
    grid-row:2!important;
    scroll-snap-align:start!important;
    min-height:310px!important;
    max-height:335px!important;
    overflow:hidden!important;
  }
  .mb-signup-chart{
    height:180px!important;
    min-height:180px!important;
  }
  .mb-chart-bar-wrap{height:116px!important}

  .mb5-decision-grid{
    grid-auto-columns:88vw!important;
  }
  .mb5-decision-grid>.mb5-panel{
    min-height:218px!important;
    max-height:235px!important;
  }

  #productInsightsSection.mb4-product-signals{
    padding:11px!important;
    min-height:auto!important;
  }
  #productInsightsContent.mb-insights-live{
    grid-template-columns:1fr!important;
  }
  #productInsightsContent .mb-insight-live{
    min-height:46px!important;
  }

  #feedbackList{max-height:190px!important}
  #system-health-panel [data-health-key]{min-height:29px!important}
}

/* Prevent horizontal page overflow at all widths. */
html,body{max-width:100%;overflow-x:hidden}
main,main>*{min-width:0}

.mb5-range-btn.is-disabled,.mb5-range-btn:disabled{
  opacity:.38!important;cursor:not-allowed!important;box-shadow:none!important;
}

/* Final QA guard: keep the user detail drawer completely hidden until opened. */
.mb5-user-drawer{
  visibility:hidden!important;
  pointer-events:none!important;
}
.mb5-user-drawer.is-open{
  visibility:visible!important;
  pointer-events:auto!important;
}



/* ============================================================
   MoneyBuddy Admin V7 — final executive polish
   ============================================================ */

/* Hero: smaller and more metric-first */
#mbAdminHero.mb4-pulse-hero{
  min-height:100px!important;
  height:auto!important;
}
#mbAdminHero .mb2-hero-copy{
  padding:16px 22px!important;
}
#mbAdminHero .mb2-hero-copy h2{
  font-size:28px!important;
}
#mbAdminHero .mb2-hero-copy p{
  margin-top:5px!important;
}
#mbAdminHero .mb2-hero-actions{
  margin-top:8px!important;
}
#mbAdminHero .mb2-hero-side{
  min-height:100px!important;
}
#mbAdminHero .mb2-buddy-orb{
  width:68px!important;height:68px!important;
}
#mbAdminHero .mb2-buddy-orb img{
  width:61px!important;height:61px!important;
}
#mbAdminHero .mb2-hero-note{
  width:142px!important;
  padding:6px 8px!important;
}

/* Beta Goals: stronger founder-focused visual hierarchy */
.mb5-goals-panel{
  background:
    radial-gradient(circle at 100% 0%,rgba(202,164,72,.10),transparent 11rem),
    linear-gradient(180deg,#FFFDF8,#FBFAF5)!important;
  border-color:rgba(202,164,72,.22)!important;
}
.mb5-goals-panel .mb5-panel-head h3{
  color:#173C34!important;
  font-size:15px!important;
}
.mb5-goal{
  padding:5px 0!important;
}
.mb5-goal>div:first-child span{
  font-weight:650!important;
  color:#536660!important;
}
.mb5-goal>div:first-child strong{
  font-size:10.5px!important;
}
.mb5-goal-track{
  height:7px!important;
  background:#EEEDE7!important;
}
.mb5-goal-track span{
  background:linear-gradient(90deg,#173C34 0%,#3B7366 68%,#CAA448 100%)!important;
}

/* Product Signals: focused, max 3 concise signals */
#productInsightsSection.mb4-product-signals{
  grid-template-columns:210px minmax(0,1fr)!important;
}
#productInsightsContent.mb-insights-live{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
#productInsightsContent .mb-insight-live{
  min-height:58px!important;
  align-items:center!important;
}
#productInsightsContent .mb-insight-live p{
  font-size:9.5px!important;
  line-height:1.45!important;
}

/* Platform Health: clearer operational context */
.mb7-health-title{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.mb7-health-title-row{
  display:flex;
  align-items:center;
  gap:8px;
}
.mb7-health-refresh{
  padding-left:26px;
  font-size:7.5px;
  line-height:1.2;
  color:#8A9792;
}
#system-health-panel [data-health-key]{
  background:#FAFBF9!important;
}

/* Recent users: session count is more useful than generic device source */
#recentSignupsBody td:nth-child(4),
#recentSignupsBody th:nth-child(4){
  font-variant-numeric:tabular-nums;
}

/* Slightly tighter rhythm */
.mb5-snapshot{margin-bottom:8px!important}
#overview{margin-bottom:8px!important}
.mb5-decision-grid{margin-bottom:8px!important}
#productInsightsSection{margin-bottom:8px!important}

@media(max-width:900px){
  #productInsightsSection.mb4-product-signals{
    grid-template-columns:1fr!important;
  }
  #productInsightsContent.mb-insights-live{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:600px){
  #mbAdminHero.mb4-pulse-hero{
    min-height:112px!important;
  }
  #mbAdminHero .mb2-hero-copy{
    padding:15px 15px!important;
  }
  #mbAdminHero .mb2-hero-copy h2{
    font-size:25px!important;
  }
  .mb7-health-refresh{
    padding-left:0;
  }
}