/* Central MD 10.17.66 — theme layer, loaded only by the Central entrypoint. */
:root { color-scheme: dark; }
html { background: #000 !important; }
body.central-theme {
  --bg:#000; --panel:#19191b; --panel2:#242426; --card:#19191b;
  --text:#fafafa; --muted:#a2a2ab; --line:#303034; --accent:#0873eb;
  --green:#32d35c; --red:#ff5262; --yellow:#ffb340; --blue:#409cff;
  --md-font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;
  background:#000 !important; color:var(--text) !important;
  font-family:var(--md-font) !important; -webkit-font-smoothing:antialiased;
  min-height:100dvh !important; font-size:15px; line-height:1.45;
}
body.central-theme *, body.central-theme *::before, body.central-theme *::after { box-sizing:border-box; }
body.central-theme :is(button,input,select,textarea) { font-family:var(--md-font) !important; }
body.central-theme :is(button,a,input,select,textarea):focus-visible { outline:2px solid #79b8ff !important; outline-offset:3px; }
body.central-theme button { cursor:pointer; touch-action:manipulation; }
body.central-theme button:disabled { cursor:default; opacity:.5; }
body.central-theme #app { display:block; min-height:100dvh !important; padding:0 !important; background:#000 !important; }
body.central-theme #app > .sidebar { display:none !important; }
body.central-theme #app main {
  width:calc(100% - 240px) !important; max-width:1320px !important;
  margin:0 0 0 240px !important; padding:24px 40px 100px !important;
  min-width:0; min-height:100dvh; height:auto !important; overflow:visible !important;
  background:#000 !important; position:relative !important; top:auto !important;
}
body.central-theme #app .page { max-width:1120px !important; width:100% !important; margin:0 auto !important; padding:0 0 24px !important; }
body.central-theme #app .page:not(.active) { display:none !important; }
body.central-theme #app main .page.active { display:block !important; }
body.central-theme #app .topbar {
  position:relative !important; inset:auto !important; display:grid !important;
  grid-template-columns:44px minmax(0,1fr) auto !important; align-items:center !important;
  gap:12px !important; margin:0 auto 24px !important; padding:8px 0 18px !important;
  max-width:1120px; min-height:64px !important; width:100% !important;
  background:transparent !important; border:0 !important; border-radius:0 !important;
  box-shadow:none !important; backdrop-filter:none !important; z-index:10 !important;
}
body.central-theme #app .topbar > div:first-of-type { min-width:0; }
body.central-theme #app #page-title { display:block !important; font-family:var(--md-font) !important; font-size:22px !important; font-weight:800 !important; letter-spacing:-.5px !important; line-height:1.25 !important; color:#fafafa !important; margin:0 !important; }
body.central-theme #app #page-subtitle { display:none !important; }
body.central-theme #app .top-actions { display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; justify-content:flex-end !important; gap:8px !important; width:auto !important; margin:0 !important; }
body.central-theme #app #monthFilter { width:164px !important; min-width:0 !important; min-height:44px !important; padding:9px 10px !important; border:0 !important; font-size:14px !important; }
body.central-theme #app :is(.md-back,#privacyToggle) { display:grid !important; place-items:center; flex:none; width:44px !important; height:44px !important; min-width:44px !important; min-height:44px !important; padding:10px !important; border:0 !important; border-radius:50% !important; background:transparent !important; color:#409cff !important; box-shadow:none !important; }
body.central-theme #app .md-back svg { width:24px; height:24px; }
body.central-theme #app #privacyToggle { font-size:0 !important; color:#a2a2ab !important; position:relative; }
body.central-theme #privacyToggle::before { content:""; display:block; width:24px; height:24px; background:currentColor; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3' fill='black'/%3E%3C/svg%3E") center/contain; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3' fill='black'/%3E%3C/svg%3E") center/contain; }
body.central-theme.privacy-hidden #privacyToggle::after { content:""; position:absolute; width:29px; height:2px; background:currentColor; transform:rotate(-45deg); }
body.central-theme #app main :is(.card,.mini-metric,.comparison-card,.task-item,.goal-card,.supplier-card-compact,.compact-panel,.colombia-summary) {
  background:#19191b !important; background-image:none !important; border:1px solid #29292c !important;
  border-radius:22px !important; box-shadow:none !important; color:#fafafa !important;
}
body.central-theme #app main .card { padding:22px !important; }
body.central-theme #app main .card .card { background:#232325 !important; border-color:transparent !important; padding:16px !important; border-radius:16px !important; }
body.central-theme #app main :is(.card h3,.section-title h3,.clean-header h3) { font-family:var(--md-font) !important; color:#fafafa !important; font-size:19px !important; line-height:1.3 !important; font-weight:800 !important; letter-spacing:-.25px !important; }
body.central-theme #app main :is(.metric strong,.mini-metric strong,.owner-hero strong,.money-row b) { font-family:var(--md-font) !important; font-variant-numeric:tabular-nums; font-weight:800 !important; font-size:clamp(23px,2.4vw,30px) !important; letter-spacing:-.7px !important; line-height:1.18 !important; overflow-wrap:anywhere; }
body.central-theme #app main :is(.metric span,.mini-metric span,.money-row small) { font-size:14px !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important; color:#a2a2ab !important; }
body.central-theme #app main :is(.muted,.hint,.tiny,.task-meta,.section-title > span) { color:#a2a2ab !important; font-size:13px !important; line-height:1.5 !important; }
body.central-theme #app main :is(.card-head,.section-title) { gap:12px !important; flex-wrap:wrap; }
body.central-theme #app main :is(.clean-header,.section-title) { position:static !important; top:auto !important; background:transparent !important; border:0 !important; box-shadow:none !important; padding:8px 0 !important; margin-bottom:16px !important; }
body.central-theme #app main .clean-header { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; flex-wrap:wrap !important; }
body.central-theme #app main .clean-header p { margin:6px 0 0; }
body.central-theme :is(.primary,.ghost,.danger,.icon-btn,.link-btn) { font-family:var(--md-font) !important; min-height:44px; line-height:1.3 !important; border-radius:14px !important; font-size:14px !important; font-weight:700 !important; padding:11px 15px !important; box-shadow:none !important; text-decoration:none; }
body.central-theme .primary { background:#0873eb !important; color:#fff !important; border:1px solid transparent !important; }
body.central-theme :is(.ghost,.icon-btn) { background:#28282b !important; color:#f7f7fa !important; border:1px solid transparent !important; }
body.central-theme .link-btn { color:#409cff !important; }
body.central-theme :is(.danger,.danger-text) { color:#ff6b77 !important; }
body.central-theme .danger { background:#35171d !important; border-color:#52222b !important; }
body.central-theme #app :is(input,select,textarea),body.central-theme .auth-card :is(input,select,textarea) {
  font-size:16px !important; color:#fafafa !important; background:#242426 !important;
  border:1px solid #3b3b40 !important; border-radius:12px !important; min-height:46px !important;
  padding:11px 12px !important; max-width:100%; box-shadow:none !important;
}
body.central-theme input::placeholder,body.central-theme textarea::placeholder { color:#a2a2ab !important; opacity:1; }
body.central-theme #app input[type="checkbox"],body.central-theme #app input[type="radio"] { min-height:22px !important; width:22px !important; height:22px !important; padding:0 !important; accent-color:#0873eb; }
body.central-theme #app main :is(.filters,.compact-filters) { gap:10px !important; background:transparent !important; border:0 !important; padding:0 !important; }
body.central-theme #app main :is(th,td) { border-color:#303034 !important; font-family:var(--md-font) !important; font-variant-numeric:tabular-nums; font-size:14px !important; }
body.central-theme #app main th { color:#a2a2ab !important; font-size:12px !important; font-weight:700 !important; }
body.central-theme #app main :is(thead,tr,td,th) { background-color:transparent !important; background-image:none !important; }
body.central-theme #app main :is(.task-item,.comparison-card,.goal-card) { padding:16px !important; }
body.central-theme #app main :is(.badge,.task-chip) { background:#29292c !important; border:0 !important; font-size:12px !important; border-radius:9px !important; padding:5px 8px !important; }
body.central-theme #app main .good,body.central-theme #app main #dashRevenue { color:#32d35c !important; }
body.central-theme #app main .bad,body.central-theme #app main #dashExpense { color:#ff5262 !important; }
body.central-theme #app main .progress { height:8px !important; background:#333336 !important; border:0 !important; box-shadow:none !important; }
body.central-theme #app main .progress > div { background:#0a84ff !important; }
body.central-theme #app main .mt { margin-top:20px !important; }
/* Finance hero keeps the original balance node and calculations. */
body.central-theme #app #dashboard .compact-main { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px !important; }
body.central-theme #app #dashboard .compact-main > .featured { grid-column:1/-1 !important; display:flex !important; flex-direction:column-reverse !important; align-items:flex-start !important; min-height:120px !important; padding:20px 0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; }
body.central-theme #app #dashboard #dashProfit,body.central-theme #app #elemen_dashboard #elCash { font-size:clamp(38px,5.4vw,56px) !important; font-weight:850 !important; letter-spacing:-1.6px !important; line-height:1.12 !important; color:#fff !important; }
body.central-theme #app #dashboard .featured > span { margin:10px 0 0 !important; font-size:17px !important; font-weight:700 !important; }
body.central-theme #app #dashboard .compact-main > .metric:not(.featured) { min-height:100px !important; padding:20px !important; }
body.central-theme #app #dashboard .compact-secondary { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
body.central-theme #app #dashboard .personal-balance-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
body.central-theme #app #elemen_dashboard .owner-hero { display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:12px !important; padding:24px 0 !important; margin:0 0 20px !important; background:transparent !important; border:0 !important; border-radius:0 !important; }
body.central-theme #app #elemen_dashboard .owner-hero > span { color:#a2a2ab !important; font-size:16px !important; font-weight:700 !important; letter-spacing:0 !important; }
body.central-theme #app #elemen_dashboard .money-row { display:grid !important; grid-template-columns:1fr 1fr !important; gap:24px !important; width:100% !important; padding:18px 0 0 !important; background:none !important; border:0 !important; }
body.central-theme #app #elemen_dashboard .money-row > div { background:#19191b !important; border:0 !important; border-radius:18px !important; padding:18px !important; }
body.central-theme #app #elemen_dashboard .owner-section { width:100% !important; margin:24px 0 !important; padding:0 !important; }
body.central-theme #app #elemen_dashboard .owner-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:12px !important; }
body.central-theme #app #elemen_dashboard .mini-metric { padding:18px !important; min-height:104px !important; }
body.central-theme #app #elemen_dashboard .mini-metric.highlight { background:#172119 !important; border-color:#253b2a !important; }
body.central-theme #app #colombia_dashboard .colombia-kpis { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
/* New navigation: a single set of controls for desktop and mobile. */
body.central-theme #app .md-navigation { display:flex !important; flex-direction:column; gap:8px; position:fixed; inset:0 auto 0 0; width:240px; padding:40px 20px; background:#101012; border-right:1px solid #232326; z-index:70; }
body.central-theme #app .md-nav-brand { font-size:22px; font-weight:800; letter-spacing:-.7px; padding:0 12px 34px; }
body.central-theme #app .md-navigation button { display:flex; align-items:center; gap:14px; min-height:52px; width:100%; padding:13px 14px; background:transparent; border:0; border-radius:14px; color:#a2a2ab; font-size:14px; font-weight:650; text-align:left; }
body.central-theme #app .md-navigation svg { width:23px; height:23px; flex:none; }
body.central-theme #app .md-navigation button[aria-current="page"] { color:#409cff; background:#102238; }
body.central-theme #app .md-context { max-width:1120px; margin:0 auto 18px; }
body.central-theme #app .md-context button { display:inline-flex; color:#409cff; background:#101e2c; border:1px solid #203a52; border-radius:99px; padding:10px 16px; font-size:13px; font-weight:650; min-height:44px; }
body.central-theme #app .md-welcome { padding:18px 0 32px; }
body.central-theme #app .md-eyebrow { color:#92929b; font-size:12px; font-weight:800; letter-spacing:1.8px; }
body.central-theme #app .md-welcome h1 { font-size:clamp(30px,3.8vw,44px); line-height:1.15; font-weight:800; letter-spacing:-1.3px; margin:14px 0; }
body.central-theme #app .md-welcome p { color:#a2a2ab; font-size:16px; max-width:520px; line-height:1.5; margin:0; }
body.central-theme #app .md-feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
body.central-theme #app :is(.md-feature,.md-tile,.md-row) { display:flex; align-items:center; gap:16px; width:100%; min-width:0; text-align:left; color:#fafafa; text-decoration:none; background:#19191b; border:1px solid #29292c; border-radius:22px; padding:22px; font-family:var(--md-font); }
body.central-theme #app :is(.md-feature,.md-tile) { flex-direction:column; align-items:flex-start; position:relative; gap:24px; }
body.central-theme #app .md-feature { min-height:200px; padding:28px; }
body.central-theme #app :is(.md-feature,.md-tile) > svg { position:absolute; right:20px; top:26px; }
body.central-theme #app :is(.md-row,.md-feature,.md-tile) > svg { width:18px; height:18px; flex:none; color:#777780; }
body.central-theme #app .md-copy { display:flex; flex:1; flex-direction:column; gap:4px; min-width:0; }
body.central-theme #app .md-label { font-size:16px; font-weight:750; line-height:1.3; }
body.central-theme #app .md-feature .md-label { font-size:24px; letter-spacing:-.5px; }
body.central-theme #app .md-detail { font-size:13px; color:#a2a2ab; line-height:1.45; }
body.central-theme #app .md-icon { display:grid; place-items:center; flex:none; width:46px; height:46px; border-radius:14px; background:#232d37; color:#409cff; }
body.central-theme #app .md-icon svg { width:24px; height:24px; }
body.central-theme #app .md-green { color:#32d35c; background:#1c2c22; }
body.central-theme #app .md-red { color:#ff5262; background:#321e24; }
body.central-theme #app .md-orange { color:#ffad2e; background:#32281b; }
body.central-theme #app .md-purple { color:#b786ff; background:#2c223a; }
body.central-theme #app .md-group { margin:32px 0 0; }
body.central-theme #app .md-group > h3 { font-size:17px; font-weight:750; margin:0 0 14px; letter-spacing:-.25px; }
body.central-theme #app .md-list { background:#19191b; border:1px solid #29292c; border-radius:22px; overflow:hidden; }
body.central-theme #app .md-list .md-row { border:0; border-radius:0; padding:18px 20px; background:transparent; }
body.central-theme #app .md-list .md-row + .md-row { border-top:1px solid #29292c; }
body.central-theme #app .md-quick-actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; grid-column:1/-1; margin:10px 0 24px; }
body.central-theme #app .md-quick { display:flex; flex-direction:column; align-items:center; gap:11px; min-width:0; color:#b1b1bb; background:transparent; border:0; padding:0 4px; font-size:13px; font-weight:700; }
body.central-theme #app .md-quick .md-icon { width:58px; height:58px; border-radius:50%; background:#202127; }
body.central-theme #app .md-quick .md-icon svg { width:26px; height:26px; }
body.central-theme #app .md-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; grid-column:1/-1; margin-bottom:14px; }
body.central-theme #app .md-tile { padding:20px; gap:18px; background:#15151a; }
body.central-theme #app .md-signout { background:#281b1f; color:#ff7a85; border:0; border-radius:16px; padding:14px 22px; font-size:15px; font-weight:700; margin-top:24px; min-height:48px; }
body.central-theme #app :is(.md-row,.md-tile,.md-feature,.md-quick,.md-navigation button):hover { filter:brightness(1.18); }
body.central-theme #app #fab { display:grid !important; place-items:center; position:fixed !important; right:28px !important; bottom:28px !important; width:58px !important; height:58px !important; border:0 !important; border-radius:50% !important; background:#0873eb !important; color:#fff !important; font-size:34px !important; font-weight:400 !important; line-height:1 !important; box-shadow:0 6px 24px #0008 !important; z-index:71 !important; }
body.central-theme #app :is(#quickMenu,#otherMenu) { position:fixed !important; inset:auto 24px 98px auto !important; display:grid; width:min(300px,calc(100vw - 32px)) !important; max-height:60dvh; overflow:auto; background:#202022 !important; border:1px solid #38383d !important; border-radius:22px !important; padding:10px !important; box-shadow:0 18px 60px #0009 !important; z-index:80 !important; }
body.central-theme #app :is(#quickMenu,#otherMenu) button { text-align:left; font-size:15px !important; font-weight:650 !important; color:#fafafa !important; background:transparent !important; border:0 !important; border-radius:12px !important; padding:14px !important; min-height:46px; }
body.central-theme #app :is(#quickMenu,#otherMenu) button:hover { background:#323237 !important; }
body.central-theme .auth-card { background:#19191b !important; border-color:#303034 !important; box-shadow:none !important; }
body.central-theme .logo { background:#0873eb !important; color:white !important; }
body.central-theme :is(.pending-alert-card,.pending-alert-box,.pending-alert-content) { background:#202022 !important; border-color:#38383d !important; border-radius:24px !important; color:#fafafa !important; }
body.central-theme #toast { background:#28282b !important; color:#fff !important; border-color:#414146 !important; z-index:200 !important; bottom:100px !important; }
@media (max-width:1000px) {
  body.central-theme #app main { width:100% !important; margin:0 !important; padding:calc(12px + env(safe-area-inset-top)) 20px calc(170px + env(safe-area-inset-bottom)) !important; }
  body.central-theme #app .topbar { grid-template-columns:36px minmax(0,1fr) !important; gap:10px !important; margin-bottom:14px !important; padding:4px 0 16px !important; }
  body.central-theme #app .topbar > div:first-of-type { text-align:center; padding-right:36px; }
  body.central-theme #app #page-title { font-size:19px !important; }
  body.central-theme #app .top-actions { grid-column:1/-1; width:100% !important; justify-content:flex-end !important; display:grid !important; grid-template-columns:44px minmax(0,1fr) auto auto !important; gap:6px !important; }
  body.central-theme #app #monthFilter { width:100% !important; max-width:210px; min-width:0 !important; font-size:16px !important; }
  body.central-theme #app .top-actions :is(.go-store-btn,#refreshBtn) { font-size:12px !important; padding:10px !important; min-height:44px !important; white-space:nowrap; }
  body.central-theme #app .md-navigation { inset:auto 0 0; width:100%; flex-direction:row; align-items:stretch; justify-content:space-around; gap:0; padding:8px 8px calc(8px + env(safe-area-inset-bottom)); border:0; border-top:1px solid #28282b; background:rgba(16,16,18,.97); }
  body.central-theme #app .md-nav-brand { display:none; }
  body.central-theme #app .md-navigation button { flex:1; flex-direction:column; justify-content:center; gap:5px; min-width:0; min-height:54px; width:auto; text-align:center; padding:6px 2px; font-size:11px; border-radius:12px; }
  body.central-theme #app .md-navigation button[aria-current="page"] { background:transparent; }
  body.central-theme #app .md-navigation svg { width:23px; height:23px; }
  body.central-theme #app #fab { right:20px !important; bottom:calc(90px + env(safe-area-inset-bottom)) !important; }
  body.central-theme #app :is(#quickMenu,#otherMenu) { right:16px !important; bottom:calc(158px + env(safe-area-inset-bottom)) !important; }
  body.central-theme #toast { bottom:calc(158px + env(safe-area-inset-bottom)) !important; max-width:calc(100vw - 40px); }
  body.central-theme #app main .card { padding:18px !important; border-radius:20px !important; }
  body.central-theme #app main :is(.metric strong,.mini-metric strong) { font-size:24px !important; }
  body.central-theme #app main :is(.grid.cards,.owner-grid.four),body.central-theme #app #colombia_dashboard .colombia-kpis,body.central-theme #app #elemen_dashboard .owner-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
  body.central-theme #app #dashboard .compact-secondary { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  body.central-theme #app #dashboard .personal-balance-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:8px !important; }
  body.central-theme #app #dashboard .personal-balance-grid .card { padding:12px 9px !important; }
  body.central-theme #app #dashboard .personal-balance-grid strong { font-size:19px !important; }
  body.central-theme #app #dashboard .personal-balance-grid span { font-size:12px !important; }
  body.central-theme #app .md-quick-actions { gap:8px; margin:8px 0 22px; }
  body.central-theme #app .md-quick { font-size:12px; }
  body.central-theme #app .md-feature-grid { gap:12px; }
  body.central-theme #app .md-feature { min-height:185px; padding:20px; gap:22px; }
  body.central-theme #app .md-feature .md-label { font-size:21px; }
  body.central-theme #app .md-shortcuts { display:flex; overflow-x:auto; padding-bottom:8px; scroll-snap-type:x proximity; }
  body.central-theme #app .md-shortcuts .md-tile { flex:0 0 165px; scroll-snap-align:start; padding:18px; }
  body.central-theme #app .md-list .md-row { padding:16px; gap:13px; }
  body.central-theme #app .md-welcome { padding:14px 0 28px; }
  body.central-theme #app .md-welcome h1 { font-size:32px; }
  body.central-theme #app main tbody tr { background:#202022 !important; border-color:#353539 !important; box-shadow:none !important; }
  body.central-theme #app #taskTable :is(.task-title,.task-actions .ghost,.task-actions .mini) { font-size:14px !important; }
  body.central-theme #app #taskTable :is(.task-actions .ghost,.task-actions .mini) { min-height:44px !important; }
}
@media (max-width:380px) {
  body.central-theme #app main { padding-left:14px !important; padding-right:14px !important; }
  body.central-theme #app .top-actions { grid-template-columns:44px minmax(0,1fr) auto !important; }
  body.central-theme #app .top-actions .go-store-btn { grid-column:2; grid-row:2; justify-self:start; }
  body.central-theme #app .top-actions #refreshBtn { grid-column:3; grid-row:1; }
  body.central-theme #app .md-feature-grid { grid-template-columns:1fr; }
  body.central-theme #app .md-feature { min-height:160px; }
  body.central-theme #app #dashboard .personal-balance-grid { grid-template-columns:1fr !important; }
}
@media (prefers-reduced-motion:reduce) { body.central-theme * { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }
body.central-theme .hidden { display:none !important; }
/* Keep existing top actions available at every breakpoint. */
body.central-theme #app #refreshBtn { display:inline-flex !important; align-items:center; justify-content:center; }
body.central-theme #app #refreshBtn::before,body.central-theme #app .go-store-btn::before { content:none !important; }
body.central-theme :is(.pending-alert-grid > div,.pending-alert-item) { background:#29292c !important; border-color:#38383d !important; }
body.central-theme :is(.pending-alert-text,.pending-alert-label,.pending-alert-item span) { color:#a2a2ab !important; }
body.central-theme .pending-alert-close { min-width:44px !important; min-height:44px !important; background:#303034 !important; border:0 !important; }
body.central-theme::before { background:#000 !important; }
body.central-theme #app main .mini-metric::after { content:none !important; }
body.central-theme #app main :is(.owner-details,.split-card,.implantation-card,.supplier-card,.supplier-best-card) { background:#19191b !important; border:1px solid #303034 !important; box-shadow:none !important; border-radius:20px !important; }
body.central-theme #app #elMonthSummary { background:#232325 !important; border-color:#303034 !important; }
body.central-theme #app main :is(.split-card strong,.supplier-price) { font-family:var(--md-font) !important; font-variant-numeric:tabular-nums; font-weight:800 !important; }
body.central-theme #app main :is(.split-card span,.split-card small) { color:#a2a2ab !important; }

/* v10.17.67 — one safe-area inset; natural header height in every mode. */
body.central-theme { padding-top:0 !important; padding-bottom:0 !important; }
body.central-theme #app > main > header.topbar {
  height:auto !important; max-height:none !important; min-height:0 !important;
  grid-template-columns:44px minmax(0,1fr) 44px auto !important;
  grid-template-rows:auto !important; grid-auto-rows:auto !important;
  align-content:start !important; overflow:visible !important;
}
body.central-theme #app > main > header.topbar > .top-actions {
  position:static !important; inset:auto !important; transform:none !important;
  height:auto !important; max-height:none !important; min-height:44px !important;
}
body.central-theme #app #monthFilter {
  white-space:nowrap !important; overflow:hidden !important;
  line-height:1.25 !important; text-align:left !important;
}
body.central-theme #app #monthFilter::-webkit-date-and-time-value {
  white-space:nowrap; text-align:left; min-height:1.25em;
}
body.central-theme #app #monthFilter::-webkit-datetime-edit { padding:0; }
@media (max-width:1000px) {
  body.central-theme #app > main { padding-top:calc(4px + env(safe-area-inset-top)) !important; }
  body.central-theme #app > main > header.topbar {
    grid-template-columns:44px minmax(0,1fr) 44px !important;
    grid-template-rows:auto auto !important;
    row-gap:12px !important; column-gap:8px !important;
    padding:0 0 14px !important; margin:0 auto 12px !important;
  }
  body.central-theme #app > main > header.topbar > .md-back { grid-area:1 / 1 !important; }
  body.central-theme #app > main > header.topbar > div:first-of-type {
    grid-area:1 / 2 !important; padding:0 !important; text-align:center !important;
  }
  body.central-theme #app > main > header.topbar > #privacyToggle { grid-area:1 / 3 !important; }
  body.central-theme #app > main > header.topbar > .top-actions {
    grid-area:2 / 1 / 3 / -1 !important;
    display:grid !important; grid-template-columns:minmax(0,1fr) auto auto !important;
    gap:8px !important; width:100% !important; margin:0 !important;
  }
  body.central-theme #app .top-actions > #monthFilter {
    grid-area:1 / 1 !important; width:100% !important; max-width:none !important;
    min-width:0 !important; height:44px !important; min-height:44px !important;
    padding:8px 10px !important; font-size:16px !important;
  }
  body.central-theme #app .top-actions > .go-store-btn { grid-area:1 / 2 !important; }
  body.central-theme #app .top-actions > #refreshBtn { grid-area:1 / 3 !important; }
  body.central-theme #app #mdContext { position:static !important; margin:0 auto 18px !important; }
}
@media (max-width:420px) {
  body.central-theme #app > main > header.topbar > .top-actions {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body.central-theme #app .top-actions > #monthFilter { grid-area:1 / 1 / 2 / -1 !important; }
  body.central-theme #app .top-actions > .go-store-btn { grid-area:2 / 1 !important; justify-self:stretch !important; }
  body.central-theme #app .top-actions > #refreshBtn { grid-area:2 / 2 !important; }
}

/* v10.17.69 — mobile balances use available width without breaking digits. */
@media (max-width:1000px) {
  body.central-theme #app #dashboard .personal-balance-grid {
    grid-template-columns:minmax(0,1fr) !important; gap:10px !important;
  }
  body.central-theme #app #dashboard .personal-balance-grid > .card,
  body.central-theme #app #dashboard .compact-secondary > .card:nth-child(-n+2) {
    display:flex !important; flex-direction:row !important; flex-wrap:wrap !important;
    align-items:center !important; justify-content:space-between !important;
    gap:8px 16px !important; min-height:68px !important; height:auto !important;
    padding:16px !important; min-width:0 !important;
  }
  body.central-theme #app #dashboard .compact-secondary > .card:nth-child(-n+2) {
    grid-column:1 / -1 !important;
  }
  body.central-theme #app #dashboard .personal-balance-grid span,
  body.central-theme #app #dashboard .compact-secondary > .card:nth-child(-n+2) > span {
    margin:0 !important; font-size:14px !important; flex:0 1 auto;
  }
  body.central-theme #app #dashboard .personal-balance-grid strong,
  body.central-theme #app #dashboard .compact-secondary > .card:nth-child(-n+2) > strong {
    font-size:22px !important; line-height:1.25 !important; letter-spacing:-.35px !important;
    white-space:nowrap !important; overflow-wrap:normal !important; word-break:normal !important;
    flex:0 1 auto; max-width:100%; min-width:0; overflow-x:auto;
    text-overflow:clip !important; margin:0 !important;
  }
}