:root {
  --admin-login-scene-star: rgb(198, 244, 250);
  --admin-login-color-050b12: #050b12;
  --admin-login-color-071019: #071019;
  --admin-login-color-08202c: #08202c;
  --admin-login-color-091824: #091824;
  --admin-login-color-0b202d: #0b202d;
  --admin-login-color-0f2539: #0f2539;
  --admin-login-color-112d3b: #112d3b;
  --admin-login-color-173746: #173746;
  --admin-login-color-18354a: #18354a;
  --admin-login-color-21435a: #21435a;
  --admin-login-color-51717d: #51717d;
  --admin-login-color-648793: #648793;
  --admin-login-color-8daab7: #8daab7;
  --admin-login-color-9de7ef: #9de7ef;
  --admin-login-color-a6bdc7: #a6bdc7;
  --admin-login-color-a6c2cf: #a6c2cf;
  --admin-login-color-aec6d0: #aec6d0;
  --admin-login-color-afc8d1: #afc8d1;
  --admin-login-color-b1c6d0: #b1c6d0;
  --admin-login-color-b4cbd4: #b4cbd4;
  --admin-login-color-b5f7ff: #b5f7ff;
  --admin-login-color-b7e4ed: #b7e4ed;
  --admin-login-color-bad4de: #bad4de;
  --admin-login-color-baf4f9: #baf4f9;
  --admin-login-color-d5ebf0: #d5ebf0;
  --admin-login-color-d5edf3: #d5edf3;
  --admin-login-color-d7fbff: #d7fbff;
  --admin-login-color-d8e9ef: #d8e9ef;
  --admin-login-color-edf8fb: #edf8fb;
  --admin-login-color-f1fbfd: #f1fbfd;
  --admin-login-color-f3fcff: #f3fcff;
  --admin-login-color-f5fbfd: #f5fbfd;
  --admin-login-color-rgba-0-0-0-36: rgba(0,0,0,.36);
  --admin-login-color-rgba-0-0-0-42: rgba(0,0,0,.42);
  --admin-login-color-rgba-0-0-0-55: rgba(0,0,0,.55);
  --admin-login-color-rgba-0-0-0-68: rgba(0,0,0,.68);
  --admin-login-color-rgba-134-225-242-16: rgba(134,225,242,.16);
  --admin-login-color-rgba-139-232-248-38: rgba(139,232,248,.38);
  --admin-login-color-rgba-142-222-237-35: rgba(142,222,237,.35);
  --admin-login-color-rgba-157-231-239-15: rgba(157,231,239,.15);
  --admin-login-color-rgba-157-231-239-17: rgba(157,231,239,.17);
  --admin-login-color-rgba-157-231-239-3: rgba(157,231,239,.3);
  --admin-login-color-rgba-161-230-244-025: rgba(161,230,244,.025);
  --admin-login-color-rgba-161-230-244-045: rgba(161,230,244,.045);
  --admin-login-color-rgba-196-242-250-2: rgba(196,242,250,.2);
  --admin-login-color-rgba-196-242-250-22: rgba(196,242,250,.22);
  --admin-login-color-rgba-196-242-250-24: rgba(196,242,250,.24);
  --admin-login-color-rgba-196-242-250-3: rgba(196,242,250,.3);
  --admin-login-color-rgba-196-242-250-35: rgba(196,242,250,.35);
  --admin-login-color-rgba-208-246-253-28: rgba(208,246,253,.28);
  --admin-login-color-rgba-255-255-255-04: rgba(255,255,255,.04);
  --admin-login-color-rgba-255-255-255-07: rgba(255,255,255,.07);
  --admin-login-color-rgba-255-255-255-075: rgba(255,255,255,.075);
  --admin-login-color-rgba-4-17-27-78: rgba(4,17,27,.78);
  --admin-login-color-rgba-5-20-31-78: rgba(5,20,31,.78);
  --admin-login-color-rgba-7-29-42-45: rgba(7,29,42,.45);
  --admin-login-color-rgba-94-209-225-19: rgba(94,209,225,.19);
  --admin-modal-scrim: #14203266;
  --moment-reaction-shadow: rgba(0, 0, 0, 0.07);
  --moment-reaction-radius: 8px;
  --moment-reaction-avatar: 30px;
  --moment-reaction-padding: 10px;
  --moment-reaction-detail-padding: 14px;
  --moment-reaction-like-duration: 700ms;
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  --type-brand-size: 34px;
  --type-brand-weight: 700;
  --type-brand-line: 42px;
  --type-brand-tracking: -1px;
  --type-display-size: 28px;
  --type-display-weight: 600;
  --type-display-line: 36px;
  --type-title-1-size: 22px;
  --type-title-1-weight: 600;
  --type-title-1-line: 30px;
  --type-title-2-size: 18px;
  --type-title-2-weight: 600;
  --type-title-2-line: 25px;
  --type-body-size: 17px;
  --type-body-weight: 400;
  --type-body-line: 24px;
  --type-callout-size: 16px;
  --type-callout-weight: 400;
  --type-callout-line: 22px;
  --type-subhead-size: 14px;
  --type-subhead-weight: 400;
  --type-subhead-line: 20px;
  --type-caption-size: 12px;
  --type-caption-weight: 400;
  --type-caption-line: 17px;
  --type-badge-size: 11px;
  --type-badge-weight: 500;
  --type-badge-line: 14px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 32px;
  --radius-tag: 4px;
  --radius-card: 8px;
  --radius-red-packet: 10px;
  --radius-dialog: 12px;
  --radius-control: 14px;
  --radius-pill: 999px;
  --size-screen-width: 393px;
  --size-screen-height: 852px;
  --size-screen-long-980: 980px;
  --size-screen-long-1040: 1040px;
  --size-screen-long-1180: 1180px;
  --size-screen-long-1280: 1280px;
  --size-screen-long-2400: 2400px;
  --size-safe-top: 59px;
  --size-navigation: 44px;
  --size-tab-bar: 49px;
  --size-safe-bottom: 34px;
  --size-touch: 44px;
  --size-home-width: 134px;
  --size-home-height: 5px;
  --size-dialog-width: 280px;
  --size-red-packet-width: 236px;
  --size-red-packet-height: 96px;
  --size-hairline: 1px;
  --size-icon-sm: 12px;
  --size-icon-md: 20px;
  --size-icon-lg: 24px;
  --size-icon-xl: 32px;
  --size-avatar-message: 40px;
  --size-avatar-moment: 42px;
  --size-avatar-conversation: 48px;
  --size-avatar-detail: 72px;
  --size-row: 56px;
  --size-row-conversation: 72px;
  --size-action-primary: 48px;
  --size-action-secondary: 40px;
  --size-composer: 52px;
  --size-input: 36px;
  --size-voice: 42px;
  --size-voice-min: 80px;
  --size-voice-max: 220px;
  --size-contact-index: 20px;
  --size-contact-index-letter: 18px;
  --size-progress: 3px;
  --size-moment-image: 104px;
  --size-gallery-gap: 40px;
  --size-message-max: 72%;
  --size-auth-logo: 64px;
  --size-call-avatar: 96px;
  --size-call-controls: 72px;
  --size-content-max: 345px;
  --size-form-row: 48px;
  --size-call-hero: 560px;
  --size-index-overlay: 64px;
  --size-moments-cover: 280px;
  --size-moment-composer: 120px;
  --size-profile-preview: 88px;
  --size-avatar-preview: 180px;
  --size-token-swatch: 40px;
  --size-gallery-card: 425px;
  --size-gallery-max: 1920px;
  --size-gallery-control: 160px;
  --scale-pressed: 0.98;
  --scale-type-small: 85%;
  --scale-type-large: 140%;
  --opacity-pressed: 0.72;
  --opacity-muted: 0.56;
  --opacity-disabled: 0.42;
  --motion-press-out: 80ms;
  --motion-press-in: 120ms;
  --motion-page: 220ms;
  --motion-dialog: 180ms;
  --motion-message: 160ms;
  --motion-reduced: 100ms;
  --shadow-overlay: 0 4px 16px rgb(0 0 0 / 12%);
  --z-content: 1;
  --z-navigation: 10;
  --z-overlay: 100;
}

[data-theme="light"] {
  --color-brand-primary: #496a83;
  --color-brand-pressed: #38566d;
  --color-page-background: #f3f6f8;
  --color-surface-primary: #f7f9fa;
  --color-surface-elevated: #ffffff;
  --color-text-primary: #191919;
  --color-text-secondary: #888888;
  --color-text-tertiary: #b2b2b2;
  --color-divider: #d9d9d9;
  --color-on-accent: #ffffff;
  --color-danger: #fa5151;
  --color-warning: #fa9d3b;
  --color-red-packet-muted: #f2b7a8;
  --color-bubble-outgoing: #d7e7f0;
  --color-bubble-incoming: #ffffff;
  --color-social-link: #576b95;
  --color-scrim: #80000000;
}

[data-theme="dark"] {
  --color-brand-primary: #87a9bb;
  --color-brand-pressed: #6f91a4;
  --color-page-background: #111111;
  --color-surface-primary: #191919;
  --color-surface-elevated: #232323;
  --color-text-primary: #f5f5f5;
  --color-text-secondary: #b2b2b2;
  --color-text-tertiary: #7a7a7a;
  --color-divider: #2c2c2c;
  --color-on-accent: #ffffff;
  --color-danger: #fa5151;
  --color-warning: #fa9d3b;
  --color-red-packet-muted: #f2b7a8;
  --color-bubble-outgoing: #2e4556;
  --color-bubble-incoming: #2c2c2c;
  --color-social-link: #7d90b5;
  --color-scrim: #99000000;
}

/* ChatFlow admin visual system — cool, restrained, grid-first */
:root {
  --admin-brand: #4f6f86;
  --admin-brand-strong: #3c596d;
  --admin-ink: #1f2d3a;
  --admin-muted: #718096;
  --admin-page: #f3f6f8;
  --admin-surface: #ffffff;
  --admin-border: #dbe3e8;
  --admin-danger: #a65d66;
  --admin-warning: #9a7b4f;
  --admin-hero: #172733;
  --admin-hero-glow: #dce7ed;
  --admin-nav-muted: #a9bac6;
  --admin-hero-accent: #2e4556;
  --admin-hero-text: #c7d4dc;
  --admin-hero-light: #87a9bb;
  --admin-focus: #6f9bb4;
  --admin-radius-sm: 8px;
  --admin-radius-md: 12px;
  --admin-shadow: 0 8px 24px rgb(31 45 58 / 8%);
  --land-shadow-card: 0 10px 30px rgb(31 45 58 / 6%);
  --land-shadow-lift: 0 14px 40px rgb(31 45 58 / 12%);
}
[data-theme="dark"] {
  --admin-page: #111c24; --admin-surface: #1a2933; --admin-ink: #e6edf2; --admin-muted: #a1b0ba; --admin-border: #30424e;
}
/* Final APP-aligned semantic aliases */
:root{--admin-brand:var(--color-brand-primary);--admin-brand-strong:var(--color-brand-pressed);--admin-page:var(--color-page-background);--admin-surface:var(--color-surface-elevated);--admin-ink:var(--color-text-primary);--admin-muted:var(--color-text-secondary);--admin-border:var(--color-divider);--admin-hero:var(--color-brand-primary);--admin-hero-accent:var(--color-brand-pressed);--admin-hero-glow:var(--color-surface-elevated);--admin-nav-muted:var(--color-on-accent);--admin-hero-text:var(--color-on-accent);--admin-hero-light:var(--color-on-accent);--admin-focus:var(--color-brand-primary);--admin-radius-sm:8px;--admin-radius-md:12px}


/* Mobile review surfaces mirror Flutter without changing the admin palette. */
.ui-screen[data-theme="light"] {
  --color-page-background: #ededed;
  --color-surface-primary: #f7f7f7;
  --color-brand-primary: #07c160;
  --color-brand-pressed: #06ad56;
  --color-bubble-outgoing: #95ec69;
}
.ui-screen[data-theme="dark"] {
  --color-page-background: #111111;
  --color-surface-primary: #191919;
  --color-surface-elevated: #232323;
  --color-bubble-incoming: #232323;
  --color-text-primary: #f5f5f5;
  --color-text-secondary: #999999;
  --color-divider: #2c2c2c;
  --color-social-link: #9aaece;
  --color-brand-primary: #07c160;
  --color-brand-pressed: #06ad56;
  --color-bubble-outgoing: #95ec69;
}
 .ui-screen {
  --color-outgoing-text: #191919;
  --moment-reaction-background: var(--color-surface-primary);
  --moment-reaction-selected: var(--color-page-background);
  --moment-reaction-text: var(--color-text-primary);
  --moment-reaction-name: var(--color-social-link);
  --moment-reaction-muted: #666666;
  --moment-reaction-divider: var(--color-divider);
 }
 .ui-screen[data-theme="dark"] { --moment-reaction-muted: #999999; }

:root{--wallet-accent:#0066cc;--wallet-canvas:#f5f5f7;--wallet-paper:#fff;--wallet-ink:#1d1d1f;--wallet-secondary:#63636a;--wallet-line:#e5e5ea;--wallet-on-accent:#fff;--wallet-shadow:0 2px 8px #00000003;--wallet-alert-border:#d5b46a;--wallet-alert-surface:#fff8e8;--wallet-alert-ink:#5d451d;--wallet-unknown-ink:#865900;--wallet-unknown-surface:#fff5dc} html[data-theme=dark]{--wallet-canvas:#161618;--wallet-paper:#222225;--wallet-ink:#f5f5f7;--wallet-secondary:#acacb5;--wallet-line:#39393f;--wallet-accent:#0a84ff}

.admin-modern,.admin-proof-dialog{--admin-modern-color-1:#0071e3;--admin-modern-color-2:#005bb5;--admin-modern-color-3:#f5f5f7;--admin-modern-color-4:#fff;--admin-modern-color-5:#1d1d1f;--admin-modern-color-6:#64646b;--admin-modern-color-7:#e5e5ea;--admin-modern-color-8:#fafafc;--admin-modern-color-9:#eeeef2;--admin-modern-color-10:#e6f0ff;--admin-modern-color-11:rgba(255,255,255,.9);--admin-modern-color-12:#0071e32b;--admin-modern-color-13:#0071e388;--admin-modern-color-14:#1d1d1f03;--admin-modern-color-15:#e8e8ed;--admin-modern-color-16:#004c99;--admin-modern-color-17:#fff4ed;--admin-modern-color-18:#ffd7ba;--admin-modern-color-19:#823a0b;--admin-modern-color-20:#0002;--admin-modern-color-21:#0003;}

/* Shared message/comment/conversation/top-action menu; mirrors Flutter menu tokens. */
:root {
  --anchored-menu-surface: rgba(76, 76, 76, .9019607843);
  --anchored-menu-text: #FFFFFF;
  --anchored-menu-divider: rgba(255, 255, 255, .24);
  --anchored-menu-width: 272px;
  --anchored-menu-radius: 8px;
  --anchored-menu-icon: 20px;
  --anchored-menu-font: 11px;
  --anchored-menu-hit: 44px;
  --anchored-menu-motion: 120ms;
  --top-more-padding-inline: 8px;
  --top-more-icon-gap: 8px;
  --top-more-row-height: 52px;
  --top-more-font: 16px;
  --messages-clear-motion: 300ms;
  --local-history-delete-text: #FF3B30;
  --conversation-pinned-surface: #EDEDED;
}
.ui-screen[data-theme="dark"], html[data-theme="dark"] { --conversation-pinned-surface: #191919; }

/* Official wallet workspace palette, shared by light and dark compositions. */
:root {
  --wallet-workspace-color-0003: #0003;
  --wallet-workspace-color-0b1c2a: #0b1c2a;
  --wallet-workspace-color-0e6576: #0e6576;
  --wallet-workspace-color-102c3b20: #102c3b20;
  --wallet-workspace-color-102e3e: #102e3e;
  --wallet-workspace-color-123344: #123344;
  --wallet-workspace-color-14394415: #14394415;
  --wallet-workspace-color-162f3b0b: #162f3b0b;
  --wallet-workspace-color-192932: #192932;
  --wallet-workspace-color-1b2d37: #1b2d37;
  --wallet-workspace-color-1b4050: #1b4050;
  --wallet-workspace-color-1f4655: #1f4655;
  --wallet-workspace-color-20313b: #20313b;
  --wallet-workspace-color-203743: #203743;
  --wallet-workspace-color-223945: #223945;
  --wallet-workspace-color-243945: #243945;
  --wallet-workspace-color-245364: #245364;
  --wallet-workspace-color-285968: #285968;
  --wallet-workspace-color-293f4b: #293f4b;
  --wallet-workspace-color-315d6b: #315d6b;
  --wallet-workspace-color-396d79: #396d79;
  --wallet-workspace-color-3d6472: #3d6472;
  --wallet-workspace-color-3e6f7d: #3e6f7d;
  --wallet-workspace-color-415967: #415967;
  --wallet-workspace-color-456b7b: #456b7b;
  --wallet-workspace-color-496370: #496370;
  --wallet-workspace-color-607d89: #607d89;
  --wallet-workspace-color-629baa: #629baa;
  --wallet-workspace-color-647e8b: #647e8b;
  --wallet-workspace-color-647f8a: #647f8a;
  --wallet-workspace-color-6b838d: #6b838d;
  --wallet-workspace-color-6dd2e248: #6dd2e248;
  --wallet-workspace-color-75dbe5: #75dbe5;
  --wallet-workspace-color-763142: #763142;
  --wallet-workspace-color-7bc8d2: #7bc8d2;
  --wallet-workspace-color-89dbe6: #89dbe6;
  --wallet-workspace-color-8d4051: #8d4051;
  --wallet-workspace-color-95cbd3: #95cbd3;
  --wallet-workspace-color-9de7f1: #9de7f1;
  --wallet-workspace-color-acc4cd: #acc4cd;
  --wallet-workspace-color-b6d0da: #b6d0da;
  --wallet-workspace-color-c2dce3: #c2dce3;
  --wallet-workspace-color-d2f6f7: #d2f6f7;
  --wallet-workspace-color-d5e8ed: #d5e8ed;
  --wallet-workspace-color-dce7eb: #dce7eb;
  --wallet-workspace-color-dde8eb: #dde8eb;
  --wallet-workspace-color-deeaed: #deeaed;
  --wallet-workspace-color-e4f0f3: #e4f0f3;
  --wallet-workspace-color-edf3f5: #edf3f5;
  --wallet-workspace-color-edfaff: #edfaff;
  --wallet-workspace-color-eefdff: #eefdff;
  --wallet-workspace-color-f2fcff: #f2fcff;
  --wallet-workspace-color-f4f8f9: #f4f8f9;
  --wallet-workspace-color-f5f9fa: #f5f9fa;
  --wallet-workspace-color-f8fbfc: #f8fbfc;
  --wallet-workspace-color-f9fcfd: #f9fcfd;
  --wallet-workspace-color-fcfefe: #fcfefe;
  --wallet-workspace-color-fff: #fff;
}