/* Shared dark dashboard language for account and owner metrics. */
.portal, .admin, .metrics-preview {
  --paper: #090f1b; --paper2: #111b2b; --ink: #f3f7ff; --ink2: #c6d3e6;
  --ink3: #98aac2; --ink4: #627590; --line: #24334b; --line2: #3a5273;
  --tide: #4da3ff; --tide-deep: #287bd4; --tide-light: #64bdff; --tide-bg: #152e4b;
  --palm: #35d3ab; --palm-bg: #103329; --reef: #ffab77; --reef-bg: #38251e; --reef-dark: #ffc399;
  --sun: #ffd56b; --sun-bg: #332c17; --orchid: #b18bff; --orchid-bg: #2b2041;
  --hibiscus: #f477c4; --hibiscus-bg: #352036;
  --sh: 0 8px 24px #0002; --sh2: 0 12px 32px #0003;
  background: var(--paper); color: var(--ink); color-scheme: dark;
}
.portal .p-side, .admin .a-side { background: #080f1c; border-color: var(--line); }
.portal .p-main, .admin .a-main { background: radial-gradient(ellipse at top right,#102341 0,transparent 55%),var(--paper); }
.portal .block, .admin .block { background: #101827; border-color: #202d41; border-radius: 18px; }
.portal .metric, .portal .port-card, .admin .metric { background: linear-gradient(135deg,#142440,#101827); border-color: #2b4f7d; border-radius: 16px; box-shadow: 0 8px 24px #0002; }
.portal .metric:nth-child(2), .portal .port-card:nth-child(2), .admin .metric:nth-child(2) { background: linear-gradient(135deg,#132a2a,#101827); border-color: #235146; }
.portal .metric:nth-child(3), .portal .port-card:nth-child(3), .admin .metric:nth-child(3) { background: linear-gradient(135deg,#2c2039,#101827); border-color: #4b365f; }
.portal .metric::before, .portal .port-card::before, .admin .metric::before { display: none; }
.portal .metric-val, .portal .port-val, .admin .metric-val { font-weight: 700; margin: 10px 0; font-variant-numeric: tabular-nums; }
.portal .metric-lbl, .portal .port-lbl, .admin .metric-lbl { text-transform: none; letter-spacing: 0; font-size: 12px; color: var(--ink2); }
.portal .p-item.on, .admin .a-item.on { background: linear-gradient(100deg,#1678ec,#14519b); color: #fff; }
.portal .p-av, .portal .btn-tide, .admin .btn-tide, .portal .btn-donate { color: #fff; background: #1678ec; }
.portal .block-t, .admin .block-t { font-size: 15px; }
.portal .block-h, .admin .block-h { padding: 18px; }
.portal .alloc-ring { background: conic-gradient(#4da3ff 0% 24%,#00d3d8 24% 58%,#ad7aff 58% 88%,#e854b5 88% 100%); }
.portal .alloc-ring::after { background: #101827; }
.portal .tbl th, .admin .tbl th { background: #111b2b; }
.portal .tbl td, .admin .tbl td { padding-top: 16px; padding-bottom: 16px; }
.portal .form-in, .admin .form-in { background: #111b2b; color: var(--ink); }
.portal svg text, .admin svg text { fill: var(--ink3); }
.portal .p-section > h2, .admin .a-title { letter-spacing: -.025em; font-weight: 700; }
@media (max-width:980px) {
  .admin .a-side { display:flex; position:static; height:auto; overflow-x:auto; padding:12px 16px; gap:8px; align-items:center; }
  .admin .a-item { flex:0 0 auto; margin:0; min-height:44px; white-space:nowrap; border-radius:10px; padding:12px; }
  .admin .a-who, .admin .a-sect, .admin .a-signout { display:none; }
}
@media (max-width:600px) {
  .portal .metrics, .portal .port-grid, .admin .metrics { display:flex; overflow-x:auto; gap:12px; padding:2px 0 12px; scrollbar-width:thin; }
  .portal .metric, .portal .port-card, .admin .metric { flex:0 0 190px; min-width:0; padding:18px; }
  .portal .metric-val, .portal .port-val, .admin .metric-val { font-size:23px; }
}


/* Dimau metric design v1 — owner reference, 20 September 2026.
   Presentation only: amounts, scales, data sources and semantic statuses remain intact.
   Scoped to measured results; no network, storage or third-party dependencies. */
@media screen {
:is(.portal .metric,.portal .port-card,.admin .metric){
 --metric-accent:#58d9f5;--metric-glow:#174565;
 --ink:#f2f6ff;--ink-soft:#bdcce0;--muted:#afbed4;--line:#2b3b54;
 --text-primary:#f2f6ff;--text-secondary:#c8d5e8;--text-muted:#afbed4;
 --surface-1:#101929;--surface-2:#19253a;--line-soft:#27354b;
 --paper:#101929;--paper2:#172338;--ink2:#c8d5e8;--ink3:#afbed4;
 --card:#101929;--green-dd:#eff7ff;--green-l:#70d9ed;
 color:#f2f6ff;color-scheme:dark;min-width:0;
 background:radial-gradient(ellipse at 100% 0,var(--metric-glow),transparent 75%),linear-gradient(145deg,#111b2c,#0a101e);
 border:1px solid #2b3b54;border-top-color:#45627c;border-radius:18px;
 box-shadow:0 12px 32px -18px #02061799,inset 0 1px 0 #ffffff06;
}
:is(.portal .metric,.portal .port-card,.admin .metric):nth-child(3n+2){--metric-accent:#bca2ff;--metric-glow:#302947}
:is(.portal .metric,.portal .port-card,.admin .metric):nth-child(3n){--metric-accent:#66e3ca;--metric-glow:#143d3d}
:is(.portal .metric-val,.portal .port-val,.admin .metric-val){color:#f2f6ff;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.025em;font-weight:750;overflow-wrap:anywhere;line-height:1.2}
:is(.portal .metric-lbl,.portal .port-lbl,.admin .metric-lbl){color:#afbed4;line-height:1.5;letter-spacing:.01em;text-transform:none}
:is(.portal .metric,.portal .port-card,.admin .metric):focus-visible,:is(.portal .metric,.portal .port-card,.admin .metric) :focus-visible{outline:3px solid #78e3ff;outline-offset:4px}

 .portal .metric,.portal .port-card,.admin .metric{padding:22px;border-top:2px solid var(--metric-accent)}
 .portal .metric-val,.portal .port-val,.admin .metric-val{font-size:clamp(24px,2.4vw,34px)}
 .portal .block:has(.alloc-ring){--reef:#f191c8;--palm:#58d9f5;--orchid:#bca2ff;--tide:#6aa6ff}
 .portal .alloc-ring{background:conic-gradient(var(--reef) 0% 24%,var(--palm) 24% 58%,var(--orchid) 58% 88%,var(--tide) 88% 100%);box-shadow:0 0 30px #52d4ed12}
 .portal .block,.admin .block{box-shadow:0 12px 32px -20px #0008}
 .portal .tbl th,.admin .tbl th{color:#bccbe0}
 @media(max-width:700px){.portal .grid-2,.portal .grid-3{grid-template-columns:minmax(0,1fr)!important}.portal .block{min-width:0}.portal .block-h{flex-wrap:wrap;gap:8px}}
 @media(max-width:600px){.portal .metrics,.portal .port-grid,.admin .metrics{scroll-snap-type:x proximity}.portal .metric,.portal .port-card,.admin .metric{scroll-snap-align:start;flex-basis:200px}}

}
@media (prefers-reduced-motion:reduce){:is(.portal .metric,.portal .port-card,.admin .metric),:is(.portal .metric,.portal .port-card,.admin .metric) *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}