/* KEIMARO v1.1 — VISUAL REBRAND / BLACK CHAMPAGNE & SMOKED SAPPHIRE. */
/* KEIMARO 1.0 — TOFFEE & ONYX. Base styles recolored from 0.9. */
/* KEIMARO v0.9 FOREST / ESPRESSO / PARCHMENT — recolored from v0.8. */
/* KEIMARO Brand Theme v0.8 — Ink / Butter / Ivory.
   Backward compatibility styling from v0.7 + final v0.8 overrides. */
/* KEIMARO Brand Theme v0.7 — Midnight Forest / Coral
   Shared design tokens. Edit this file to adjust the brand globally.
   This stylesheet comes AFTER styles.css and intentionally wins the cascade. */
:root {
  --bg-app: #080A0C;
  --bg-page: #080A0C;
  --bg-surface: #14171A;
  --bg-surface-raised: #14171A;
  --bg-surface-deep: #0D1013;
  --bg-input: #0D1013;
  --text-primary: #F5EEE3;
  --text-secondary: #F5EEE3;
  --text-muted: #C6BDB0;
  --border-default: #202226;
  --border-strong: #34383D;
  --accent-primary: #DFCEB1;
  --accent-hover: #DFCEB1;
  --accent-pressed: #B9A383;
  --accent-foreground: #080A0C;
  --success: #C5DEBA;
  --warning: #F5EEE3;
  --danger: #DFCEB1;
  --radius-sm: 9px;
  --radius-md: 13px;
  --radius-lg: 18px;
  --radius-xl: 23px;
  --bg: var(--bg-app);
  --bg2: var(--bg-surface-deep);
  --panel: var(--bg-surface);
  --panel-alt: var(--bg-surface-raised);
  --panel-high: #202226;
  --line: var(--border-default);
  --line-soft: #202226;
  --txt: var(--text-primary);
  --muted: var(--text-secondary);
  --faint: var(--text-muted);
  --brand: var(--accent-primary);
  --brand2: var(--accent-pressed);
  --brand-light: #DFCEB1;
  --green: var(--success);
  --red: var(--danger);
  --orange: var(--warning);
}

/* App-wide comfort, legibility and consistent interactions. */
html { background: var(--bg-app); }
body, .app-shell { background: var(--bg-page); color: var(--txt); }
::selection { background: rgba(217,167,107,.32); color: #F5EEE3; }
::-webkit-scrollbar-thumb { background: #34383D; }
:where(button,a,input,select,textarea,summary):focus-visible {
  outline: 2px solid var(--accent-primary);
  outline-offset: 2px;
}
.btn {
  background: var(--accent-primary);
  color: var(--accent-foreground);
  border-radius: var(--radius-sm);
  transition: background .15s ease, transform .15s ease, border-color .15s ease;
}
.btn:hover { background: var(--accent-hover); color: var(--accent-foreground); }
.btn:active { background: var(--accent-pressed); transform: translateY(1px); }
.btn-secondary {
  background: #14171A;
  border-color: #34383D;
  color: #F5EEE3;
}
.btn-secondary:hover { background: #202226; color:#F5EEE3; }
.btn-ghost { background: transparent; border-color:#34383D; color:#F5EEE3; }
.btn-ghost:hover { background: #202226; color:#F5EEE3; }
.btn-danger { background:#30363C; border-color:#B9A383; color:#F1E6D6; }
.btn-danger:hover { background:#B9A383; color:#F5EEE3; }
.link, .inline-link, .table-link:hover { color:#DFCEB1; }
.field>label, .offer-studio .field label { color: #F5EEE3; }
.control, .offer-studio .control {
  background: var(--bg-input);
  border: 1px solid #34383D;
  color: #F5EEE3;
  border-radius: var(--radius-sm);
}
.control::placeholder, .offer-studio .control::placeholder { color:#C6BDB0; }
.control:focus, .offer-studio .control:focus {
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 3px rgba(217,167,107,.16);
}
.control option { background:#080A0C; color:#F5EEE3; }
.badge { background:#202226; color:#F5EEE3; border-color:#34383D; }
.badge-active,.badge-approved,.badge-paid,.badge-resolved,.badge-closed {
  background:#14171A; color:#C5DEBA; border-color:#34383D;
}
.badge-pending,.badge-requested,.badge-draft,.badge-open,.badge-high {
  background:#30363C; color:#F5EEE3; border-color:#B6A98F;
}
.badge-paused,.badge-disabled,.badge-rejected,.badge-blocked {
  background:#252A2F; color:#DFCEB1; border-color:#B9A383;
}
.badge-public { background:#202226; color:#C5DEBA; border-color:#30363C; }
.badge-private,.badge-archived { background:#202226; color:#F5EEE3; border-color:#30363C; }
.badge-waiting { background:#30363C; color:#F5EEE3; border-color:#B6A98F; }

/* Marketing: unmistakably forest green with coral conversion actions. */
.site-header { background:rgba(81,53,38,.96); border-bottom-color:#202226; }
.site-links { color:#F5EEE3; }
.site-links a:hover { color:#DFCEB1; }
.brand-symbol {
  background:var(--accent-primary);
  color:var(--accent-foreground);
  box-shadow:0 8px 22px rgba(217,167,107,.17);
}
.brand-sub { color:#F5EEE3; }
.hero::before { background:radial-gradient(circle,rgba(217,167,107,.09),transparent 68%); }
.hero h1 em { color:#DFCEB1; }
.hero p { color:#F5EEE3; }
.eyebrow { color:#DFCEB1; }
.network-preview {
  background:linear-gradient(160deg,#14171A,#080A0C);
  border-color:#34383D;
  box-shadow:0 26px 70px rgba(81,53,38,.35);
}
.feature-card { background:linear-gradient(175deg,#14171A,#080A0C); border-color:#34383D; }
.feature-icon { color:#DFCEB1; background:#202226; }
.public-catalog { background:#080A0C; }
.offer-mini { background:#14171A; border-color:#34383D; }
.login-art {
  background:radial-gradient(circle at 75% 45%,rgba(217,167,107,.13),transparent 54%),#080A0C;
}

/* Horizontal navigation — coral active state, no second-level blue accents. */
.app-top { background:rgba(81,53,38,.96); border-color:#202226; }
.app-brand { border-right-color:#34383D; }
.nav-link { color:#F5EEE3; }
.nav-link:hover { background:#202226; color:#F5EEE3; }
.nav-link.active {
  background:rgba(217,167,107,.13);
  color:#DFCEB1;
  box-shadow:inset 0 -2px 0 var(--accent-primary);
}
.nav-dropdown { background:#14171A; border-color:#34383D; }
.avatar { background:#202226; color:#F5EEE3; }
.language-switcher { background:#080A0C; border-color:#34383D; }
.language-switcher .lang-choice { color:#F5EEE3; }
.language-switcher .lang-choice:hover { background:#202226; color:#F5EEE3; }
.language-switcher .lang-choice.active { background:#DFCEB1; color:#0D1013; box-shadow:none; }

/* Practical, dense CRM panels — information comes first. */
.page-kicker { color:#C6BDB0; }
.metric, .panel, .report-controls, .form-section { background:var(--panel); border-color:var(--line); }
.metric { border-radius:var(--radius-md); }
.metric-top, .metric-description, .panel-sub { color:#C6BDB0; }
.metric-icon { background:#202226; color:#DFCEB1; border-color:#34383D; }
.panel { border-radius:var(--radius-md); }
.action-card { background:#080A0C; border-color:#34383D; }
.action-card:hover { border-color:#DFCEB1; }
.data-table thead { background:#080A0C; color:#F5EEE3; }
.data-table th { border-bottom-color:#34383D; }
.data-table td { border-bottom-color:#202226; color:#F5EEE3; }
.data-table tbody tr:hover { background:#202226; }
.cell-main, .table-link { color:#F5EEE3; }
.empty-icon { background:#202226; border-color:#34383D; color:#DFCEB1; }
.note { background:#14171A; border-color:#34383D; color:#F5EEE3; }
.currency-pill { background:#14171A; border-color:#34383D; }

/* Modals and forms: readable, consistent forest surfaces. */
.modal-overlay { background:rgba(81,53,38,.83); }
.modal { background:#080A0C; border-color:#34383D; border-radius:var(--radius-lg); }
.modal-foot { background:#0D1013; border-top-color:#34383D; }
.modal-step { color:#C6BDB0; }
.modal-step::before { background:#34383D; }
.modal-step.active { color:#F1E6D6; }
.modal-step.active::before { background:var(--accent-primary); }
.modal-step.completed::before { background:#C5DEBA; }
.form-section { border-radius:var(--radius-md); }
.form-section h3 { color:#F5EEE3; }
.modal-close { background:#202226; color:#F5EEE3; border-color:#34383D; }
.modal-close:hover { background:#202226; }
.toast { background:#14171A; color:#F5EEE3; border-color:#30363C; }

/* Offer Studio v0.5: make ALL five steps visibly part of the same design. */
.offer-studio {
  background:#080A0C;
  border:1px solid #30363C;
  border-radius:var(--radius-lg);
  box-shadow:0 28px 100px rgba(81,53,38,.50);
}
.offer-studio .modal-head {
  background:linear-gradient(135deg,#14171A,#080A0C 78%);
  border-bottom-color:#34383D;
}
.offer-studio .modal-head p { color:#F5EEE3; }
.offer-studio .modal-step.active { color:#F1E6D6; }
.offer-studio .form-section {
  background:#14171A;
  border-color:#34383D;
}
.offer-studio .form-section h3 { color:#F5EEE3; }
.offer-studio .field label { margin-bottom:4px; }
.offer-studio .control { background:#0D1013; border-color:#34383D; color:#F5EEE3; }
.offer-studio .modal-foot { background:#0D1013; border-top-color:#34383D; }
.offer-studio-banner { background:#14171A; border-color:#34383D; }
.offer-studio-banner-icon { background:#202226; border-color:#30363C; color:#F1E6D6; }
.offer-studio-banner strong { color:#F5EEE3; }
.offer-studio-banner p { color:#F5EEE3; }
.offer-studio-tag { background:#202226; color:#F1E6D6; border-color:#30363C; }
.offer-stage-count { color:#DFCEB1; }
.offer-studio .btn[data-action="offer-next-v2"],
.offer-studio .btn[data-action="offer-submit-final"] {
  background:var(--accent-primary); color:var(--accent-foreground);
}
.offer-studio .btn[data-action="offer-next-v2"]:hover,
.offer-studio .btn[data-action="offer-submit-final"]:hover {
  background:var(--accent-hover); color:var(--accent-foreground);
}
.offer-geo-chip { background:#202226; color:#C5DEBA; border-color:#30363C; }
.offer-geo-chip:hover { background:#34383D; border-color:#DFCEB1; }
.offer-margin { background:#14171A; border-color:#30363C; }
.offer-margin strong { color:#C5DEBA; }
.offer-margin.negative strong { color:#DFCEB1; }
.offer-macro { background:#080A0C; border-color:#34383D; }
.offer-macro-meta code { color:#DFCEB1; }
.offer-macro-meta span { color:#F5EEE3; }
.offer-icon-button { background:#202226; color:#F5EEE3; border-color:#30363C; }
.offer-icon-button:hover { background:#DFCEB1; color:#0D1013; border-color:#DFCEB1; }
.offer-studio-note { background:#14171A; border-color:#30363C; color:#F5EEE3; }
.offer-studio-note p { color:#F5EEE3; }
.offer-tracking-example { background:#080A0C; border-color:#34383D; }
.offer-tracking-example code { color:#F1E6D6; }
.offer-tracking-example span { color:#F5EEE3; }
.offer-diagnostic { background:#080A0C; border-color:#34383D; }
.publisher-option { background:#080A0C; border-color:#34383D; }
.publisher-option:hover { background:#14171A; border-color:#DFCEB1; }
.publisher-option>input { accent-color:#DFCEB1; }
.publisher-option strong { color:#F5EEE3; }
.publisher-option small { color:#F5EEE3; }
.offer-subtle, .offer-help, .offer-section-title p { color:#F5EEE3; }

@media (max-width:560px) {
  .offer-studio { border-radius:0; }
  .app-top { background:#0D1013; }
}
@media (prefers-reduced-motion:reduce) {
  .btn,.nav-link { transition:none; }
}


/* ============================================================
   KEIMARO Midnight Forest v0.7
   Near-black pine base, layered green panels, white type,
   and warm coral only for actions. No bright teal surfaces.
   No business logic or layout scripts changed in this release.
   ============================================================ */
:root {
  color-scheme: dark;
  --bg-app: #0D1013;
  --bg-page: #0D1013;
  --bg-surface: #14171A;
  --bg-surface-raised: #202226;
  --bg-surface-deep: #0D1013;
  --bg-input: #0D1013;
  --text-primary: #F5EEE3;
  --text-secondary: #F5EEE3;
  --text-muted: #C6BDB0;
  --border-default: #34383D;
  --border-strong: #30363C;
  --accent-primary: #DFCEB1;
  --accent-hover: #DFCEB1;
  --accent-pressed: #B9A383;
  --accent-foreground: #14171A;
  --panel-high: #34383D;
  --line-soft: #34383D;
  --brand-light: #DFCEB1;
  --shadow: 0 14px 36px rgba(81,53,38,.34), inset 0 1px 0 rgba(241,229,208,.035);
}
html { background:#0D1013; }
body, .app-shell {
  color:var(--text-primary);
  background:
    radial-gradient(ellipse 60% 36% at 72% -12%, rgba(73,50,37,.22), transparent 78%),
    radial-gradient(ellipse 68% 50% at 12% 112%, rgba(81,53,38,.16), transparent 78%),
    linear-gradient(160deg, #0D1013 0%, #0D1013 58%, #0D1013 100%);
  min-height:100vh;
}
/* Navigation should read as an elevated header, not a second bright panel. */
.app-top, .site-header {
  background: rgba(81,53,38,.94);
  border-bottom: 1px solid #34383D;
  box-shadow:0 8px 26px rgba(81,53,38,.20), inset 0 -1px 0 rgba(241,229,208,.018);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
}
.nav-link { color:#F5EEE3; }
.nav-link:hover { background:#202226; color:#F5EEE3; }
.nav-link.active {
  background:rgba(217,167,107,.095);
  color:#F1E6D6;
  border-color:rgba(217,167,107,.26);
  box-shadow:inset 0 -2px 0 #DFCEB1;
}
.nav-dropdown {
  background:#14171A;
  border:1px solid #30363C;
  box-shadow:0 18px 38px rgba(81,53,38,.46);
}
.app-brand{border-right-color:#34383D;}
.avatar, .metric-icon, .empty-icon {
  background:linear-gradient(145deg,#34383D,#14171A);
  border-color:#30363C;
  color:#DFCEB1;
}
.language-switcher { background:#0D1013; border-color:#30363C; }
.language-switcher .lang-choice { color:#F5EEE3; }
.language-switcher .lang-choice:hover { background:#34383D; }
.language-switcher .lang-choice.active { background:#DFCEB1; color:#14171A; }
/* Depth comes from material separation, not large gradients or decoration. */
.metric, .panel, .report-controls, .feature-card, .offer-mini {
  background:linear-gradient(153deg, #202226 0%, #14171A 46%, #080A0C 100%);
  border:1px solid #30363C;
  box-shadow:
    inset 0 1px 0 rgba(236,255,242,.058),
    0 12px 28px rgba(81,53,38,.24),
    0 2px 8px rgba(81,53,38,.13);
}
.metric { border-radius:15px; }
.metric:hover { border-color:#30363C; }
.panel { border-radius:15px; }
.panel-header { border-bottom-color:#34383D; }
.panel-title, .metric-value { color:#F5EEE3; }
.panel-sub, .metric-top, .metric-description { color:#C6BDB0; }
.metric-icon {box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
.page-kicker {color:#C6BDB0;}
.action-card, .currency-pill {
  background:linear-gradient(110deg,#202226,#14171A);
  border-color:#30363C;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.action-card:hover { border-color:#DFCEB1; background:linear-gradient(110deg,#34383D,#202226); }
.data-table thead { background:#080A0C; color:#F5EEE3; }
.data-table th { border-bottom-color:#30363C; }
.data-table td { border-bottom-color:#34383D; color:#F5EEE3; }
.data-table tbody tr:hover { background:#34383D; }
.table-link, .cell-main { color:#F5EEE3; }
/* Inputs are recessed, modals sit on top of the application. */
.control, .offer-studio .control {
  color:#F5EEE3;
  background:#0D1013;
  border:1px solid #30363C;
  box-shadow:inset 0 1px 3px rgba(0,5,3,.23);
}
.control::placeholder, .offer-studio .control::placeholder {color:#C6BDB0;}
.control:focus, .offer-studio .control:focus { border-color:#DFCEB1; box-shadow:0 0 0 3px rgba(217,167,107,.15), inset 0 1px 3px rgba(0,0,0,.15); }
.control option { background:#14171A; color:#F5EEE3; }
.field>label, .offer-studio .field label { color:#F5EEE3; }
.btn, .offer-studio .btn[data-action="offer-next-v2"], .offer-studio .btn[data-action="offer-submit-final"] {
  background:linear-gradient(180deg,#DFCEB1 0%,#DFCEB1 100%);
  color:#080A0C;
  border:1px solid rgba(255,196,174,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 5px 15px rgba(255,129,113,.13);
}
.btn:hover, .offer-studio .btn[data-action="offer-next-v2"]:hover, .offer-studio .btn[data-action="offer-submit-final"]:hover {
  background:linear-gradient(180deg,#DFCEB1,#DFCEB1);
  color:#080A0C;
}
.btn-secondary {
  background:linear-gradient(180deg,#34383D,#202226);
  border:1px solid #30363C;
  color:#F5EEE3;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.btn-secondary:hover { background:#34383D; color:#F5EEE3; }
.btn-ghost { background:transparent; border:1px solid #30363C; color:#F5EEE3; box-shadow:none; }
.btn-ghost:hover { background:#34383D; color:#F5EEE3; }
.btn-danger {background:#2D3238;border-color:#30363C;color:#F1E6D6;box-shadow:none;}
.btn-danger:hover {background:#2D3238;color:#F5EEE3;}
.modal-overlay { background:rgba(81,53,38,.84); -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px); }
.modal, .offer-studio {
  background:linear-gradient(160deg,#14171A,#080A0C 88%);
  border:1px solid #30363C;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 38px 110px rgba(0,3,2,.70);
}
.modal-head, .offer-studio .modal-head { background:linear-gradient(115deg,#202226,#14171A 70%);border-bottom-color:#30363C; }
.modal-foot, .offer-studio .modal-foot { background:#080A0C; border-top-color:#30363C; }
.form-section, .offer-studio .form-section { background:linear-gradient(160deg,#202226,#14171A);border:1px solid #30363C; }
.modal-close {background:#34383D;border-color:#30363C;color:#F5EEE3;}
.modal-close:hover {background:#30363C;}
.modal-step::before {background:#30363C;}
.modal-step.active::before {background:#DFCEB1;}
.offer-studio-banner, .offer-studio-note, .offer-diagnostic, .note {background:#202226;border-color:#30363C;}
.offer-studio-banner-icon, .offer-icon-button, .offer-geo-chip{background:#34383D;border-color:#30363C;}
.offer-macro, .publisher-option, .offer-tracking-example {background:#080A0C;border-color:#30363C;}
.offer-macro:hover, .publisher-option:hover {border-color:#DFCEB1;background:#202226;}
.offer-margin {background:#14171A;border-color:#30363C;}
.offer-studio-tag {background:#34383D;border-color:#BEC2C4;}
/* Public-facing product uses the same restrained dark-forest materials. */
.hero::before { background:radial-gradient(circle,rgba(217,167,107,.095) 0%,transparent 67%); }
.network-preview {background:linear-gradient(160deg,#202226,#0D1013);border-color:#30363C;box-shadow:0 28px 60px rgba(0,5,3,.40);}
.public-catalog { background:linear-gradient(180deg,#0D1013,#080A0C); }
.login-art {background:radial-gradient(circle at 75% 44%,rgba(217,167,107,.09),transparent 55%),linear-gradient(155deg,#202226,#0D1013);}
.login-form-pane { background:#0D1013; }
.site-links {color:#F5EEE3;}
.feature-icon {color:#DFCEB1;background:#34383D;}
.empty-icon {color:#DFCEB1;}
.toast {background:#202226;border-color:#30363C;box-shadow:0 15px 40px rgba(0,4,2,.42);}
@media(max-width:560px) {
  .app-top {background:rgba(81,53,38,.97);}
  .metric, .panel {box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 20px rgba(0,7,3,.18);}
}
@media(prefers-reduced-motion:reduce) {
  .btn,.nav-link {transition:none;}
}


/* ================================================================
   KEIMARO UI v0.8 — INK / BUTTER / IVORY
   Editorial dark interface: #080A0C / #DFCEB1 / #F5EEE3
   All business logic remains untouched. The third colour, Ivory,
   gives readable text without stark black-and-white contrast.
   ================================================================ */
:root {
  color-scheme:dark;
  --bg-app:#080A0C;
  --bg-page:#0D1013;
  --bg-surface:#171B1F;
  --bg-surface-raised:#1A1E22;
  --bg-surface-deep:#0D1013;
  --bg-input:#12161A;
  --text-primary:#F5EEE3;
  --text-secondary:#C6BDB0;
  --text-muted:#BEC2C4;
  --border-default:#2D3238;
  --border-strong:#30363C;
  --accent-primary:#DFCEB1;
  --accent-hover:#DFCEB1;
  --accent-pressed:#9FA8A8;
  --accent-foreground:#080A0C;
  --success:#A9C4B0;
  --warning:#DFCEB1;
  --danger:#BBA6A1;
  --radius-sm:9px;
  --radius-md:13px;
  --radius-lg:17px;
  --radius-xl:22px;
  --bg:var(--bg-app);
  --bg2:var(--bg-page);
  --panel:var(--bg-surface);
  --panel-alt:var(--bg-surface-raised);
  --panel-high:#1A1E22;
  --line:var(--border-default);
  --line-soft:#252A2F;
  --txt:var(--text-primary);
  --muted:var(--text-secondary);
  --faint:var(--text-muted);
  --brand:var(--accent-primary);
  --brand2:var(--accent-pressed);
  --brand-light:#E9E0D2;
  --green:var(--success);
  --red:var(--danger);
  --orange:var(--warning);
  --shadow:0 14px 32px rgba(3,7,13,.22), inset 0 1px 0 rgba(255,255,255,.035);
}
html {background:#0D1013; color-scheme:dark;}
body, .app-shell {
  min-height:100vh;
  color:#F5EEE3;
  background:radial-gradient(ellipse 64% 40% at 55% -24%,rgba(217,167,107,.045),transparent 78%),
             linear-gradient(145deg,#12161A 0%,#0D1013 66%,#12161A 100%);
}
::selection {background:rgba(217,167,107,.35); color:#F5EEE3;}
::-webkit-scrollbar-thumb {background:#30363C; border-radius:8px;}
:where(button,a,input,select,textarea,summary):focus-visible {
  outline:2px solid #DFCEB1;outline-offset:2px;
}
strong, .strong, .cell-main, .table-link {color:#F5EEE3;}
.muted,.panel-sub,.metric-top,.metric-description,.form-note,.offer-subtle,.offer-help {color:#D8CEBF;}
.faint,.page-kicker {color:#BBB6AD;}
/* Top navigation is flat ink, active indicator is a thin buttery underline. */
.app-top,.site-header {
  background:rgba(151,125,111,.96);
  border-bottom:1px solid #2D3238;
  box-shadow:0 9px 26px rgba(5,9,16,.19),inset 0 -1px 0 rgba(255,255,255,.018);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
.app-brand{border-right-color:#2D3238;}
.nav-link,.site-links {color:#C6BDB0;}
.nav-link:hover,.site-links a:hover{background:#1A1E22;color:#F5EEE3;}
.nav-link.active {
  background:rgba(217,167,107,.11);
  border-color:rgba(217,167,107,.27);
  box-shadow:inset 0 -2px 0 #DFCEB1;
  color:#DFCEB1;
}
.nav-dropdown{background:#171B1F;border:1px solid #2D3238;box-shadow:0 18px 45px rgba(4,8,15,.47);}
.avatar,.metric-icon,.empty-icon{
  background:linear-gradient(145deg,#2D3238,#171B1F);border-color:#30363C;color:#DFCEB1;
}
.language-switcher {background:#12161A;border-color:#2D3238;}
.language-switcher .lang-choice {color:#DFCEB1;}
.language-switcher .lang-choice:hover {background:#252A2F;color:#F5EEE3;}
.language-switcher .lang-choice.active {background:#DFCEB1;color:#080A0C;box-shadow:none;}
/* Logo mark, single consistent brand system everywhere. */
.brand-symbol {background:#DFCEB1;color:#080A0C;box-shadow:0 5px 18px rgba(217,167,107,.16);}
.brand-text {color:#F5EEE3;}
.brand-sub {color:#D8CEBF;}
/* Layering: bright enough to separate surfaces without bulky gradients. */
.metric,.panel,.report-controls,.form-section,.feature-card,.offer-mini {
  background:linear-gradient(160deg,#171B1F 0%,#171B1F 58%,#171B1F 100%);
  border:1px solid #2D3238;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 26px rgba(4,7,14,.19);
}
.metric {border-radius:14px;}
.metric:hover,.panel:hover {border-color:#30363C;}
.panel {border-radius:15px;}
.panel-header {border-bottom-color:#2D3238;}
.panel-title,.metric-value,.form-section h3 {color:#F5EEE3;}
.metric-top,.metric-description,.panel-sub {color:#D8CEBF;}
.action-card,.currency-pill {
  background:linear-gradient(145deg,#1A1E22,#171B1F);border-color:#2D3238;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.action-card:hover {background:#1A1E22;border-color:#DFCEB1;}
.data-table thead {background:#171B1F;color:#F5EEE3;}
.data-table th {border-bottom-color:#2D3238;}
.data-table td {border-bottom-color:#1A1E22;color:#F5EEE3;}
.data-table tbody tr:hover {background:#1A1E22;}
.empty-icon {border-color:#30363C;}
.note,.ticket-note,.currency-pill {background:#14171A;border-color:#2D3238;color:#F5EEE3;}
.detail-row span {color:#DFCEB1;}
.detail-row strong {color:#E9E0D2;}
.mfa-key {background:#12161A;color:#E9E0D2;border-color:#2D3238;}
.link,.inline-link,.offer-tracking-example code,.offer-macro-meta code {color:#B7B1A8;}
.link:hover,.inline-link:hover,.table-link:hover{color:#F5EEE3;}
/* Interactive buttons: Ink text on Butter; secondary stays charcoal. */
.btn,.offer-studio .btn[data-action="offer-next-v2"],.offer-studio .btn[data-action="offer-submit-final"] {
  background:linear-gradient(180deg,#B7B1A8,#DFCEB1);
  color:#080A0C;
  border:1px solid #E9E0D2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 5px 15px rgba(217,167,107,.12);
  font-weight:750;
}
.btn:hover,.offer-studio .btn[data-action="offer-next-v2"]:hover,.offer-studio .btn[data-action="offer-submit-final"]:hover {
  background:linear-gradient(180deg,#E9E0D2,#E9E0D2);color:#080A0C;border-color:#DFCEB1;
}
.btn:active {background:#9FA8A8;color:#080A0C;}
.btn-secondary {background:#1A1E22;color:#F5EEE3;border:1px solid #30363C;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);}
.btn-secondary:hover {background:#2D3238;color:#F5EEE3;border-color:#A4B1B9;}
.btn-ghost {background:transparent;color:#F5EEE3;border:1px solid #30363C;box-shadow:none;}
.btn-ghost:hover {background:#1A1E22;color:#F5EEE3;}
.btn-danger {background:#1A1E22;color:#BBA6A1;border-color:#30363C;box-shadow:none;}
.btn-danger:hover {background:#2D3238;color:#F5EEE3;}
/* Inputs are recessed, focus rings remain gold. */
.field>label,.offer-studio .field label{color:#F5EEE3;}
.control,.offer-studio .control {
  color:#F5EEE3;background:#12161A;border:1px solid #30363C;
  border-radius:9px;box-shadow:inset 0 1px 4px rgba(4,7,14,.17);
}
.control::placeholder,.offer-studio .control::placeholder {color:#BBB6AD;}
.control:focus,.offer-studio .control:focus {
  border-color:#DFCEB1;box-shadow:0 0 0 3px rgba(217,167,107,.16),inset 0 1px 3px rgba(0,0,0,.13);
}
.control option {background:#171B1F;color:#F5EEE3;}
input[type="checkbox"],input[type="radio"]{accent-color:#DFCEB1;}
/* Badges keep semantic differentiation, never mistake warnings for CTA. */
.badge {background:#202226;border-color:#30363C;color:#F5EEE3;}
.badge-active,.badge-approved,.badge-paid,.badge-resolved,.badge-closed {
  color:#A9C4B0;background:#1A1E22;border-color:#30363C;
}
.badge-pending,.badge-requested,.badge-draft,.badge-open,.badge-high,.badge-waiting {
  color:#F5EEE3;background:#1A1E22;border-color:#A4B1B9;
}
.badge-paused,.badge-disabled,.badge-rejected,.badge-blocked {
  color:#BBA6A1;background:#1A1E22;border-color:#30363C;
}
.badge-public {background:#1A1E22;color:#E9E0D2;border-color:#30363C;}
.badge-private,.badge-archived {background:#1A1E22;color:#D8CEBF;border-color:#30363C;}
/* Modal shells: one scroll area as implemented in the existing layout. */
.modal-overlay {background:rgba(151,125,111,.85);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);}
.modal,.offer-studio {
  background:linear-gradient(160deg,#171B1F 0%,#171B1F 90%);
  border:1px solid #30363C;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 34px 100px rgba(3,6,12,.59);
}
.modal-head,.offer-studio .modal-head {background:linear-gradient(110deg,#1A1E22,#171B1F 76%);border-bottom-color:#2D3238;}
.modal-head p,.offer-studio .modal-head p{color:#DFCEB1;}
.modal-foot,.offer-studio .modal-foot {background:#171B1F;border-top-color:#2D3238;}
.form-section,.offer-studio .form-section {background:linear-gradient(160deg,#1A1E22,#171B1F);border-color:#30363C;}
.modal-close {background:#1A1E22;border-color:#30363C;color:#F5EEE3;}
.modal-close:hover {background:#2D3238;}
.modal-step {color:#D8CEBF;}
.modal-step::before {background:#30363C;}
.modal-step.active {color:#F5EEE3;}
.modal-step.active::before {background:#DFCEB1;}
.modal-step.completed::before{background:#DFCEB1;}
.offer-studio-banner,.offer-studio-note,.offer-diagnostic,.note {background:#1A1E22;border-color:#30363C;color:#F5EEE3;}
.offer-studio-banner-icon,.offer-icon-button,.offer-geo-chip {
  background:#1A1E22;border-color:#30363C;color:#F5EEE3;
}
.offer-studio-banner strong,.offer-studio .form-section h3,.offer-studio-tag {color:#F5EEE3;}
.offer-studio-banner p,.offer-studio-note p {color:#DFCEB1;}
.offer-studio-tag {background:#1A1E22;border-color:#30363C;}
.offer-macro,.publisher-option,.offer-tracking-example {background:#171B1F;border-color:#2D3238;}
.offer-macro:hover,.publisher-option:hover {border-color:#DFCEB1;background:#1A1E22;}
.offer-macro-meta span,.offer-tracking-example span,.publisher-option small {color:#DFCEB1;}
.offer-icon-button:hover {background:#DFCEB1;color:#080A0C;border-color:#DFCEB1;}
.offer-geo-chip:hover {background:#2D3238;border-color:#DFCEB1;color:#F5EEE3;}
.publisher-option>input {accent-color:#DFCEB1;}
.offer-margin {background:#171B1F;border-color:#30363C;}
.offer-margin strong {color:#F5EEE3;}
.offer-margin.negative strong {color:#BBA6A1;}
.offer-diagnostic strong {color:#F5EEE3;}
.offer-stage-count {color:#F5EEE3;}
.offer-studio .modal-help,.offer-section-title p,.offer-help{color:#D8CEBF;}
.toast {background:#1A1E22;border-color:#30363C;color:#F5EEE3;box-shadow:0 14px 38px rgba(0,0,0,.3);}
/* Public site and log-in share editorial Ink & Butter. */
.hero::before {background:radial-gradient(circle,rgba(217,167,107,.095),transparent 67%);}
.hero h1 em,.eyebrow{color:#DFCEB1;}
.eyebrow::before{background:#DFCEB1;}
.hero p,.hero-notes,.feature-card p {color:#DFCEB1;}
.hero-notes svg,.feature-icon {color:#DFCEB1;}
.network-preview {background:linear-gradient(158deg,#1A1E22,#171B1F);border-color:#30363C;box-shadow:0 26px 65px rgba(0,0,0,.34);}
.preview-dot {background:#DFCEB1;box-shadow:0 0 12px rgba(217,167,107,.31);}
.preview-sub,.preview-money {color:#F5EEE3;}
.marketing-section,.footer {border-color:#2D3238;}
.feature-icon {background:#1A1E22;border-color:#30363C;}
.public-catalog {background:#12161A;}
.login-art {background:radial-gradient(circle at 78% 42%,rgba(217,167,107,.095),transparent 58%),linear-gradient(155deg,#1A1E22,#12161A);border-color:#2D3238;}
.login-form-pane {background:#0D1013;}
.footer {color:#BBB6AD;}
@media(max-width:560px){
  .app-top {background:rgba(151,125,111,.98);}
  .metric,.panel{box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 7px 20px rgba(0,0,0,.19);}
}
@media(prefers-reduced-motion:reduce){
  .btn,.nav-link{transition:none;}
}

 
/* ================================================================
   KEIMARO v0.9 — FOREST / ESPRESSO / PARCHMENT
   Brand system: midnight forest #080A0C, espresso #23282D,
   parchment #F5EEE3, antique brass #DFCEB1.
   UI-only change, original API and storage untouched.
   ================================================================ */
:root {
 color-scheme: dark;
 --bg-app:#080A0C;--bg-page:#0D1013;--bg-surface:#14171A;
 --bg-surface-raised:#202226;--bg-surface-deep:#101316;--bg-input:#0C1013;
 --text-primary:#F5EEE3;--text-secondary:#C6BDB0;--text-muted:#BEC2C4;
 --border-default:#32383E;--border-strong:#363B41;
 --accent-primary:#DFCEB1;--accent-hover:#DFCEB1;--accent-pressed:#9FA8A8;
 --accent-foreground:#080A0C;--success:#A9C4B0;--warning:#B7B1A8;
 --danger:#BBA6A1;--brand-espresso:#23282D;--brand-parchment:#F5EEE3;
 --radius-sm:9px;--radius-md:13px;--radius-lg:17px;--radius-xl:22px;
 --bg:var(--bg-app);--bg2:var(--bg-page);--panel:var(--bg-surface);
 --panel-alt:var(--bg-surface-raised);--panel-high:#34383D;
 --line:var(--border-default);--line-soft:#24292E;
 --txt:var(--text-primary);--muted:var(--text-secondary);--faint:var(--text-muted);
 --brand:var(--accent-primary);--brand2:var(--accent-pressed);--brand-light:#E9E0D2;
 --green:var(--success);--red:var(--danger);--orange:var(--warning);
 --shadow:0 14px 35px rgba(81,53,38,.26),inset 0 1px 0 rgba(250,232,195,.035);
}
html{background:#080A0C;color-scheme:dark}
body,.app-shell{
 min-height:100vh;color:#F5EEE3;
 background:radial-gradient(ellipse 66% 47% at 90% -28%,rgba(154,116,78,.11),transparent 75%),
            radial-gradient(ellipse 75% 65% at 2% 125%,rgba(81,53,38,.13),transparent 72%),
            linear-gradient(143deg,#101316 0%,#080A0C 68%,#101316 100%);
}
::selection{background:rgba(217,167,107,.36);color:#080A0C}
::-webkit-scrollbar-thumb{background:#252B32;border-radius:8px}
:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #DFCEB1;outline-offset:2px}
h1,h2,h3,.metric-value,.panel-title,.brand-text,.page-heading h1,.cell-main,.table-link{color:#F5EEE3}
.muted,.panel-sub,.metric-top,.metric-description,.form-note,.offer-help,.offer-subtle{color:#B7B1A8}
.faint,.page-kicker,.small-muted{color:#BEC2C4}
/* Header — espresso detailing is deliberately restrained. */
.app-top,.site-header{
 background:rgba(81,53,38,.97);border-bottom:1px solid #252B32;
 box-shadow:0 8px 30px rgba(81,53,38,.42),inset 0 -1px 0 rgba(217,167,107,.06);
 -webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);
}
.app-brand{border-right-color:#24292E}
.brand-symbol{background:linear-gradient(160deg,#E9E0D2,#AEB3B6);color:#080A0C;
 border:1px solid #E9E0D2;box-shadow:0 5px 19px rgba(86,53,33,.23)}
.brand-text{color:#F5EEE3}.brand-sub{color:#AEB3B6}
.nav-link,.site-links{color:#B7B1A8}
.nav-link:hover,.site-links a:hover{background:#14171A;color:#F5EEE3}
.nav-link.active{
 background:linear-gradient(120deg,rgba(73,50,37,.50),rgba(73,50,37,.14));
 color:#E9E0D2;border-color:#303840;box-shadow:inset 0 -2px 0 #DFCEB1;
}
.nav-dropdown{background:#101316;border:1px solid #303840;box-shadow:0 18px 48px rgba(81,53,38,.55)}
.language-switcher{background:#101316;border-color:#252B32}
.language-switcher .lang-choice{color:#B7B1A8}
.language-switcher .lang-choice:hover{background:#24292E;color:#F5EEE3}
.language-switcher .lang-choice.active{background:#DFCEB1;color:#080A0C;box-shadow:none}
.avatar,.metric-icon,.empty-icon{
 background:linear-gradient(145deg,#252B32,#14171A);
 border-color:#303840;color:#B7B1A8;
}
/* Forest layers are deep, visually distinct, not flat olive green. */
.metric,.panel,.report-controls,.form-section,.feature-card,.offer-mini{
 background:linear-gradient(151deg,#14171A 0%,#14171A 55%,#101316 100%);
 border:1px solid #252B32;
 box-shadow:inset 0 1px 0 rgba(246,224,190,.055),0 13px 34px rgba(0,7,3,.25);
}
.metric{border-radius:14px}
.panel{border-radius:15px}
.metric:hover,.panel:hover{border-color:#485058}
.panel-header{border-bottom-color:#252B32}
.metric-top,.metric-description,.panel-sub{color:#B7B1A8}
.action-card,.currency-pill,.preview-record{
 background:linear-gradient(135deg,#24292E,#14171A);
 border-color:#252B32;box-shadow:inset 0 1px 0 rgba(249,225,188,.035)
}
.action-card:hover{background:#24292E;border-color:#A4B1B9}
.data-table thead{background:#101316;color:#D8CEBF}
.data-table th{border-bottom-color:#252B32}
.data-table td{border-bottom-color:#24292E;color:#E9E0D2}
.data-table tbody tr:hover{background:#252A2F}
.detail-row span{color:#B7B1A8}.detail-row strong{color:#E9E0D2}
.note,.ticket-note,.currency-pill{background:#14171A;border-color:#252B32;color:#E9E0D2}
.mfa-key{background:#101316;color:#B7B1A8;border-color:#303840}
.link,.inline-link,.offer-tracking-example code,.offer-macro-meta code{color:#B7B1A8}
.link:hover,.inline-link:hover,.table-link:hover{color:#E9E0D2}
/* Calls to action use warm parchment-brass, not bright lemon yellow. */
.btn,.offer-studio .btn[data-action="offer-next-v2"],.offer-studio .btn[data-action="offer-submit-final"]{
 background:linear-gradient(180deg,#E9E0D2,#DFCEB1);color:#080A0C;
 border:1px solid #E9E0D2;box-shadow:inset 0 1px 0 rgba(255,251,233,.32),
  0 5px 17px rgba(85,56,34,.16);font-weight:750;
}
.btn:hover,.offer-studio .btn[data-action="offer-next-v2"]:hover,.offer-studio .btn[data-action="offer-submit-final"]:hover{
 background:linear-gradient(180deg,#E9E0D2,#B7B1A8);color:#080A0C;border-color:#E9E0D2;
}
.btn:active{background:#9FA8A8;color:#080A0C}
.btn-secondary{background:#24292E;color:#F5EEE3;border:1px solid #303840;box-shadow:none}
.btn-secondary:hover{background:#252B32;color:#F5EEE3;border-color:#485058}
.btn-ghost{background:transparent;color:#E9E0D2;border:1px solid #303840;box-shadow:none}
.btn-ghost:hover{background:#24292E;color:#F5EEE3}
.btn-danger{background:#24292E;color:#E9E0D2;border-color:#303840;box-shadow:none}
.btn-danger:hover{background:#252B32;color:#F5EEE3}
/* Clearly recessed inputs and comfortable contrast for data work. */
.field>label,.offer-studio .field label{color:#E9E0D2}
.control,.offer-studio .control{
 color:#F5EEE3;background:#101316;border:1px solid #303840;border-radius:9px;
 box-shadow:inset 0 1px 4px rgba(0,7,3,.20)
}
.control::placeholder,.offer-studio .control::placeholder{color:#AEB3B6}
.control:focus,.offer-studio .control:focus{
 border-color:#DFCEB1;box-shadow:0 0 0 3px rgba(217,167,107,.19),inset 0 1px 3px rgba(0,0,0,.17)
}
.control option{background:#14171A;color:#F5EEE3}
input[type="checkbox"],input[type="radio"]{accent-color:#DFCEB1}
.badge{background:#24292E;border-color:#303840;color:#E9E0D2}
.badge-active,.badge-approved,.badge-paid,.badge-resolved,.badge-closed{
 color:#E9E0D2;background:#24292E;border-color:#303840
}
.badge-pending,.badge-requested,.badge-draft,.badge-open,.badge-high,.badge-waiting{
 color:#E9E0D2;background:#24292E;border-color:#303840
}
.badge-paused,.badge-disabled,.badge-rejected,.badge-blocked{
 color:#B7B1A8;background:#14171A;border-color:#303840
}
.badge-public{color:#E9E0D2;background:#14171A;border-color:#303840}
.badge-private,.badge-archived{color:#B7B1A8;background:#14171A;border-color:#303840}
/* Forms/modal windows and tracking macro helper. */
.modal-overlay{background:rgba(2,9,5,.86);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.modal,.offer-studio{
 background:linear-gradient(150deg,#14171A 0%,#101316 90%);
 border:1px solid #303840;
 box-shadow:inset 0 1px 0 rgba(244,229,202,.05),0 33px 100px rgba(0,6,3,.69)
}
.modal-head,.offer-studio .modal-head{
 background:linear-gradient(110deg,#24292E,#14171A 78%);border-bottom-color:#252B32
}
.modal-head p,.offer-studio .modal-head p{color:#B7B1A8}
.modal-foot,.offer-studio .modal-foot{background:#101316;border-top-color:#252B32}
.form-section,.offer-studio .form-section{background:linear-gradient(160deg,#14171A,#14171A);border-color:#303840}
.modal-close{background:#24292E;border-color:#303840;color:#F5EEE3}
.modal-close:hover{background:#252B32}
.modal-step{color:#B7B1A8}
.modal-step::before{background:#303840}
.modal-step.active{color:#E9E0D2}
.modal-step.active::before{background:#DFCEB1}
.modal-step.completed::before{background:#AEB3B6}
.offer-studio-banner,.offer-studio-note,.offer-diagnostic,.note{
 background:#14171A;border-color:#303840;color:#E9E0D2
}
.offer-studio-banner-icon,.offer-icon-button,.offer-geo-chip{
 background:#24292E;border-color:#485058;color:#B7B1A8
}
.offer-studio-banner strong,.offer-studio .form-section h3,.offer-studio-tag{color:#E9E0D2}
.offer-studio-banner p,.offer-studio-note p{color:#B7B1A8}
.offer-studio-tag{background:#24292E;border-color:#485058}
.offer-macro,.publisher-option,.offer-tracking-example{background:#101316;border-color:#303840}
.offer-macro:hover,.publisher-option:hover{border-color:#DFCEB1;background:#24292E}
.offer-macro-meta span,.offer-tracking-example span,.publisher-option small{color:#C6BDB0}
.offer-icon-button:hover{background:#DFCEB1;color:#080A0C;border-color:#DFCEB1}
.offer-geo-chip:hover{background:#252B32;border-color:#DFCEB1;color:#E9E0D2}
.publisher-option>input{accent-color:#DFCEB1}
.offer-margin{background:#14171A;border-color:#303840}
.offer-margin strong{color:#B7B1A8}.offer-margin.negative strong{color:#B7B1A8}
.offer-diagnostic strong,.offer-stage-count{color:#E9E0D2}
.offer-studio .modal-help,.offer-section-title p,.offer-help{color:#B7B1A8}
.toast{background:#14171A;border-color:#485058;color:#F5EEE3;box-shadow:0 14px 38px rgba(0,0,0,.35)}
/* Public marketing and auth share exactly the same palette. */
.hero::before{background:radial-gradient(circle,rgba(217,167,107,.11),transparent 67%)}
.hero h1 em,.eyebrow{color:#B7B1A8}
.eyebrow::before{background:#DFCEB1}
.hero p,.hero-notes,.feature-card p{color:#C6BDB0}
.hero-notes svg,.feature-icon{color:#B7B1A8}
.network-preview{
 background:linear-gradient(158deg,#24292E,#101316);border-color:#303840;
 box-shadow:0 25px 70px rgba(81,53,38,.46)
}
.preview-dot{background:#DFCEB1;box-shadow:0 0 11px rgba(217,167,107,.35)}
.preview-sub,.preview-money{color:#E9E0D2}
.marketing-section,.footer{border-color:#252B32}
.feature-icon{background:#24292E;border-color:#303840}
.public-catalog{background:#101316}
.login-art{
 background:radial-gradient(circle at 81% 43%,rgba(121,81,52,.19),transparent 58%),
 linear-gradient(145deg,#14171A,#080A0C);border-color:#252B32
}
.login-form-pane{background:#0D1013}.footer{color:#B7B1A8}
@media(max-width:560px){
 .app-top{background:rgba(81,53,38,.98)}
 .metric,.panel{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 6px 21px rgba(0,0,0,.22)}
}
@media(prefers-reduced-motion:reduce){.btn,.nav-link{transition:none}}

/* ================================================================
   KEIMARO 1.0 — TOFFEE & ONYX / WARM STATUS SYSTEM
   One shared set of brand tokens. Previous forest styles are kept
   structurally compatible but all colors are remapped above.
   ================================================================ */
:root{
 color-scheme:dark;
 --bg-app:#080A0C;--bg-page:#0C1013;--bg-surface:#14171A;
 --bg-surface-raised:#202226;--bg-surface-deep:#080A0C;--bg-input:#121619;
 --text-primary:#F5EEE3;--text-secondary:#C6BDB0;--text-muted:#C6BDB0;
 --border-default:#343A40;--border-strong:#3A424A;
 --accent-primary:#DFCEB1;--accent-hover:#DBD6CB;--accent-pressed:#A8A99F;
 --accent-foreground:#101215;
 --success:#A7C3AE;--warning:#CCBEA5;--danger:#D1A9A5;--info:#A2BBCB;
 --status-active:#AFD1BC;--status-pending:#DBD6CB;--status-new:#A9C4D4;
 --status-paid:#C3DCC3;--status-reply:#DDA7A2;
 --brand-coffee:#202226;--brand-cream:#F5EEE3;
 --bg:var(--bg-app);--bg2:var(--bg-page);--panel:var(--bg-surface);
 --panel-alt:var(--bg-surface-raised);--panel-high:#262C31;
 --line:var(--border-default);--line-soft:#252A30;
 --txt:var(--text-primary);--muted:var(--text-secondary);--faint:var(--text-muted);
 --brand:var(--accent-primary);--brand2:var(--accent-pressed);--brand-light:#F5EEE3;
 --green:var(--success);--red:var(--danger);--orange:var(--warning);
 --shadow:0 14px 35px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,238,210,.04);
 --radius-sm:9px;--radius-md:13px;--radius-lg:17px;--radius-xl:22px;
}
html{background:#080A0C;color-scheme:dark}
body,.app-shell{
 min-height:100vh;color:#F5EEE3;
 background:radial-gradient(ellipse 55% 48% at 88% -25%,rgba(161,97,59,.13),transparent 77%),
 radial-gradient(ellipse 66% 52% at 2% 110%,rgba(98,54,41,.10),transparent 73%),
 linear-gradient(140deg,#121518 0%,#080A0C 67%,#101316 100%);
}
::selection{background:rgba(217,167,107,.34);color:#080A0C}
::-webkit-scrollbar-thumb{background:#363B41;border-radius:9px}
:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #DCC5A2;outline-offset:2px}
h1,h2,h3,.metric-value,.panel-title,.brand-text,.page-heading h1,.cell-main,.table-link{color:#F5EEE3}
.muted,.panel-sub,.metric-top,.metric-description,.form-note,.offer-help,.offer-subtle{color:#BDB4A6}
.faint,.page-kicker,.small-muted{color:#ADB2B4}
/* Navigation */
.app-top,.site-header{
 background:rgba(22,17,15,.97);border-bottom:1px solid #292F35;
 box-shadow:0 7px 30px rgba(0,0,0,.40),inset 0 -1px 0 rgba(220,165,104,.07);
 -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
.app-brand{border-right-color:#343B41}
.brand-symbol{background:linear-gradient(155deg,#F5E9D4,#DFCEB1);color:#101215;
 border:1px solid #EDE1CB;box-shadow:0 4px 19px rgba(145,83,48,.24)}
.brand-text{color:#F5EEE3}.brand-sub{color:#C6BDB0}
.nav-link,.site-links{color:#F5EEE3}
.nav-link:hover,.site-links a:hover{background:#15191D;color:#F5EEE3}
.nav-link.active{background:linear-gradient(110deg,rgba(116,70,46,.42),rgba(93,56,43,.19));
 color:#F5EEE3;border-color:#54616A;box-shadow:inset 0 -2px 0 #DFCEB1}
.nav-dropdown{background:#15191D;border:1px solid #303840;box-shadow:0 18px 48px rgba(0,0,0,.55)}
.language-switcher{background:#131619;border-color:#303840}
.language-switcher .lang-choice{color:#C6BDB0}
.language-switcher .lang-choice:hover{background:#15191D;color:#F4ECE3}
.language-switcher .lang-choice.active{background:#DFCEB1;color:#101215;box-shadow:none}
.avatar,.metric-icon,.empty-icon{background:linear-gradient(145deg,#252B31,#15191D);border-color:#3A4148;color:#F5EEE3}
/* Panels: near-black base with distinct cocoa layers, not flat gradients */
.metric,.panel,.report-controls,.form-section,.feature-card,.offer-mini{
 background:linear-gradient(150deg,#15191D 0%,#15191D 54%,#15191D 100%);
 border:1px solid #303840;
 box-shadow:inset 0 1px 0 rgba(255,244,227,.045),0 13px 34px rgba(0,0,0,.28);
}
.metric{border-radius:14px}.panel{border-radius:15px}
.metric:hover,.panel:hover{border-color:#697B85}
.panel-header{border-bottom-color:#252B31}
.metric-top,.metric-description,.panel-sub{color:#C6BDB0}
.action-card,.currency-pill,.preview-record{background:linear-gradient(135deg,#15191D,#1B2025);
 border-color:#303840;box-shadow:inset 0 1px 0 rgba(255,247,221,.025)}
.action-card:hover{background:#15191D;border-color:#A4B1B9}
.data-table thead{background:#121619;color:#C6BDB0}
.data-table th{border-bottom-color:#303840}
.data-table td{border-bottom-color:#252B31;color:#EDE7DF}
.data-table tbody tr:hover{background:#252A2F}
.detail-row span{color:#C6BDB0}.detail-row strong{color:#F5EEE3}
.note,.ticket-note,.currency-pill{background:#1B2025;border-color:#303840;color:#F5EEE3}
.mfa-key{background:#101316;color:#DBD6CB;border-color:#303840}
.link,.inline-link,.offer-tracking-example code,.offer-macro-meta code{color:#DBD6CB}
.link:hover,.inline-link:hover,.table-link:hover{color:#F5EEE3}
/* Primary buttons are warm toffee; pale cream text stays on dark surfaces */
.btn,.offer-studio .btn[data-action="offer-next-v2"],.offer-studio .btn[data-action="offer-submit-final"]{
 background:linear-gradient(180deg,#F4E9D4,#DFCEB1);color:#101316;
 border:1px solid #DBD6CB;
 box-shadow:inset 0 1px 0 rgba(255,252,242,.26),0 6px 17px rgba(90,48,25,.18);
 font-weight:750;
}
.btn:hover,.offer-studio .btn[data-action="offer-next-v2"]:hover,.offer-studio .btn[data-action="offer-submit-final"]:hover{
 background:linear-gradient(180deg,#F5EEE3,#DBD6CB);color:#101316;border-color:#F5EEE3;
}
.btn:active{background:#A8A99F;color:#101215}
.btn-secondary{background:#252A2F;color:#F5EEE3;border:1px solid #303840;box-shadow:none}
.btn-secondary:hover{background:#252B31;color:#F5EEE3;border-color:#697B85}
.btn-ghost{background:transparent;color:#F5EEE3;border:1px solid #303840;box-shadow:none}
.btn-ghost:hover{background:#15191D;color:#F4ECE3}
.btn-danger{background:#252B31;color:#F5EEE3;border-color:#697B85;box-shadow:none}
.btn-danger:hover{background:#303840;color:#F2DDD8;border-color:#8497A4}
/* Inputs, dropdowns and forms */
.field>label,.offer-studio .field label{color:#F5EEE3}
.control,.offer-studio .control{color:#F5EEE3;background:#101316;border:1px solid #303840;
 border-radius:9px;box-shadow:inset 0 1px 4px rgba(0,0,0,.22)}
.control::placeholder,.offer-studio .control::placeholder{color:#A4B1B9}
.control:focus,.offer-studio .control:focus{border-color:#DFCEB1;
 box-shadow:0 0 0 3px rgba(217,167,107,.20),inset 0 1px 3px rgba(0,0,0,.19)}
.control option{background:#15191D;color:#F5EEE3}
input[type="checkbox"],input[type="radio"]{accent-color:#DFCEB1}
/* Status badges: meaningful distinct low-saturation colors, regardless of locale */
.badge{background:#15191D;border:1px solid #303840;color:#F5EEE3}
.badge-active,.badge-approved,.badge-enabled,.badge-success,.badge-online{
 background:#15191D;color:#C6BDB0;border-color:#303840;
}
.badge-pending,.badge-requested,.badge-review,.badge-in-review,.badge-under-review,.badge-moderation,
.badge-awaiting-approval,.badge-open,.badge-high,.badge-waiting{
 background:#15191D;color:#DBD6CB;border-color:#54616A;
}
.badge-new,.badge-created,.badge-invited,.badge-info,.badge-newly-registered{
 background:#252B31;color:#C6BDB0;border-color:#54616A;
}
.badge-paid,.badge-settled,.badge-fulfilled,.badge-completed,.badge-payment-completed{
 background:#15191D;color:#F5EEE3;border-color:#54616A;
}
.badge-requires-reply,.badge-needs-reply,.badge-requires-response,.badge-awaiting-response,
.badge-urgent,.badge-rejected,.badge-blocked,.badge-error,.badge-failed{
 background:#252B31;color:#C6BDB0;border-color:#54616A;
}
.badge-draft,.badge-paused,.badge-disabled{background:#252B31;color:#C6BDB0;border-color:#54616A}
.badge-resolved,.badge-closed{background:#15191D;color:#C6BDB0;border-color:#303840}
.badge-public{background:#15191D;color:#F5EEE3;border-color:#303840}
.badge-private,.badge-archived{background:#15191D;color:#C6BDB0;border-color:#303840}
/* Same semantics for alternate status UI outside of badge() */
.status-active,.status-approved{color:var(--status-active)}
.status-pending,.status-requested{color:var(--status-pending)}
.status-new{color:var(--status-new)}
.status-paid{color:var(--status-paid)}
.status-requires-reply,.status-needs-reply{color:var(--status-reply)}
/* Dialogs and offer studio */
.modal-overlay{background:rgba(12,8,7,.86);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.modal,.offer-studio{background:linear-gradient(148deg,#15191D 0%,#13171A 92%);
 border:1px solid #54616A;box-shadow:inset 0 1px 0 rgba(255,246,232,.04),0 33px 100px rgba(0,0,0,.67)}
.modal-head,.offer-studio .modal-head{background:linear-gradient(112deg,#15191D,#1B2025 80%);border-bottom-color:#303840}
.modal-head p,.offer-studio .modal-head p{color:#C6BDB0}
.modal-foot,.offer-studio .modal-foot{background:#13171A;border-top-color:#303840}
.form-section,.offer-studio .form-section{background:linear-gradient(160deg,#15191D,#1B2025);border-color:#303840}
.modal-close{background:#24292E;border-color:#54616A;color:#F5EEE3}.modal-close:hover{background:#252B31}
.modal-step{color:#C6BDB0}.modal-step::before{background:#303840}
.modal-step.active{color:#F5EEE3}.modal-step.active::before{background:#DFCEB1}
.modal-step.completed::before{background:#B2BCC4}
.offer-studio-banner,.offer-studio-note,.offer-diagnostic,.note{background:#15191D;border-color:#303840;color:#F5EEE3}
.offer-studio-banner-icon,.offer-icon-button,.offer-geo-chip{background:#252B31;border-color:#54616A;color:#DBD6CB}
.offer-studio-banner strong,.offer-studio .form-section h3,.offer-studio-tag{color:#EAE0D1}
.offer-studio-banner p,.offer-studio-note p{color:#C6BDB0}
.offer-studio-tag{background:#15191D;border-color:#353C42}
.offer-macro,.publisher-option,.offer-tracking-example{background:#131619;border-color:#303840}
.offer-macro:hover,.publisher-option:hover{border-color:#DFCEB1;background:#15191D}
.offer-macro-meta span,.offer-tracking-example span,.publisher-option small{color:#C6BDB0}
.offer-icon-button:hover{background:#DFCEB1;color:#101215;border-color:#DFCEB1}
.offer-geo-chip:hover{background:#252B31;border-color:#DFCEB1;color:#F5EEE3}
.publisher-option>input{accent-color:#DFCEB1}
.offer-margin{background:#15191D;border-color:#54616A}
.offer-margin strong{color:#F5EEE3}.offer-margin.negative strong{color:#C6BDB0}
.offer-diagnostic strong,.offer-stage-count{color:#F5EEE3}
.offer-studio .modal-help,.offer-section-title p,.offer-help{color:#C6BDB0}
.toast{background:#1A1E22;border-color:#54616A;color:#F5EEE3;box-shadow:0 14px 38px rgba(0,0,0,.36)}
.toast.error{color:#F5EEE3;border-color:#697B85}
/* Public marketing and login are in the same visual system */
.hero::before{background:radial-gradient(circle,rgba(168,105,65,.11),transparent 68%)}
.hero h1 em,.eyebrow{color:#DBD6CB}.eyebrow::before{background:#DFCEB1}
.hero p,.hero-notes,.feature-card p{color:#C6BDB0}
.hero-notes svg,.feature-icon{color:#DBD6CB}
.network-preview{background:linear-gradient(158deg,#15191D,#0C1013);border-color:#54616A;
 box-shadow:0 26px 70px rgba(0,0,0,.48)}
.preview-dot{background:#DFCEB1;box-shadow:0 0 11px rgba(217,167,107,.35)}
.preview-sub,.preview-money{color:#E6DAC7}
.marketing-section,.footer{border-color:#252B31}
.feature-icon{background:#15191D;border-color:#303840}
.public-catalog{background:#0C1013}
.login-art{background:radial-gradient(circle at 80% 42%,rgba(154,95,66,.16),transparent 55%),
 linear-gradient(144deg,#15191D,#101316);border-color:#343C43}
.login-form-pane{background:#0C1013}.footer{color:#C6BDB0}
@media(max-width:560px){
 .app-top{background:rgba(22,17,15,.98)}
 .metric,.panel{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 6px 21px rgba(0,0,0,.24)}
}
@media(prefers-reduced-motion:reduce){.btn,.nav-link{transition:none}}


/* ═══════════════════════════════════════════════════════════════════════════
   KEIMARO v1.1 / Black Champagne + Smoked Sapphire
   Same palette and logo as KEIMARO Company v5.
   App, offers, publisher & advertiser portals, dialogs and login.
   ═══════════════════════════════════════════════════════════════════════════ */
:root {
  color-scheme: dark;
  --bg-app: #080A0C;
  --bg-page: #080A0C;
  --bg-surface: #14171A;
  --bg-surface-raised: #202226;
  --bg-surface-deep: #0D1013;
  --bg-input: #0D1013;
  --text-primary: #F5EEE3;
  --text-secondary: #C6BDB0;
  --text-muted: #9F968A;
  --border-default: #30343A;
  --border-strong: #3E444B;
  --accent-primary: #DFCEB1;
  --accent-hover: #F4E9D4;
  --accent-pressed: #BBA789;
  --accent-foreground: #101214;
  --signal: #7798AA;
  --signal-soft: #A9C3D1;
  --success: #A8C6B0;
  --warning: #E4C98E;
  --danger: #DDA7A2;
  --bg: #080A0C;
  --bg2: #0D1013;
  --panel: #14171A;
  --panel-alt: #1A1D20;
  --panel-high: #202226;
  --line: #30343A;
  --line-soft: #282D33;
  --txt: #F5EEE3;
  --muted: #C6BDB0;
  --faint: #9F968A;
  --brand: #DFCEB1;
  --brand2: #BBA789;
  --brand-light: #F4E9D4;
  --green: #A8C6B0;
  --red: #DDA7A2;
  --orange: #E4C98E;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 19px;
}
html { background: #080A0C; }
body, .app-shell {
  background: radial-gradient(ellipse 860px 520px at 88% -7%,rgba(119,152,170,.085),transparent 68%),
              radial-gradient(ellipse 750px 540px at 1% 100%,rgba(223,206,177,.03),transparent 72%),
              #080A0C;
  color: #F5EEE3;
}
::selection{background:rgba(223,206,177,.36);color:#080A0C}
::-webkit-scrollbar-thumb {background:#353B41}
:where(button,a,input,select,textarea,summary):focus-visible {outline:2px solid #7798AA;outline-offset:2px}

/* Brand: use the original supplied mark, never a placeholder K. */
.brand{gap:11px}
.brand-logo-img {
  display:block;width:38px;height:38px;flex:0 0 auto;object-fit:contain;
  border:0;border-radius:50%;
  filter:drop-shadow(0 2px 12px rgba(223,206,177,.12));
}
.app-brand .brand-logo-img{width:34px;height:34px}
.brand-text{color:#F5EEE3;letter-spacing:.095em;font-weight:750}
.brand-sub{color:#9F968A}
.app-top,.site-header {
  background:rgba(8,10,12,.96);
  border-bottom:1px solid rgba(223,206,177,.13);
  box-shadow:0 8px 32px rgba(0,0,0,.25),inset 0 -1px 0 rgba(255,255,255,.018);
}
.app-brand{border-right-color:#30343A}
.nav-link,.site-links{color:#C6BDB0}
.nav-link:hover,.site-links a:hover{background:#1C2024;color:#F5EEE3}
.nav-link.active{background:rgba(223,206,177,.075);color:#F4E9D4;
  border-color:rgba(223,206,177,.24);box-shadow:inset 0 -2px 0 #DFCEB1}
.nav-dropdown{background:#15191D;border-color:#353D45;box-shadow:0 22px 58px rgba(0,0,0,.55)}
.language-switcher{background:#101419;border-color:#353C42}
.language-switcher .lang-choice{color:#BDB9B1}
.language-switcher .lang-choice:hover{background:#252B31;color:#F5EEE3}
.language-switcher .lang-choice.active{background:#DFCEB1;color:#101214;box-shadow:none}
.avatar,.metric-icon,.empty-icon{background:linear-gradient(145deg,#252B30,#191D22);
  border-color:#38454E;color:#DFCEB1}

/* Quiet premium surfaces, fine borders, and no aggressive gradients. */
.metric,.panel,.report-controls,.form-section,.feature-card,.offer-mini {
  background:linear-gradient(153deg,#1A1D20 0%,#14171A 65%,#111417 100%);
  border:1px solid rgba(223,206,177,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 34px rgba(0,0,0,.24);
}
.metric:hover,.panel:hover{border-color:rgba(119,152,170,.38)}
.metric,.panel{border-radius:15px}
.metric-top,.metric-description,.panel-sub,.page-kicker{color:#AFA69A}
.metric-value,.panel-title,.cell-main,.table-link{color:#F5EEE3}
.metric-icon,.empty-icon,.feature-icon{color:#DFCEB1}
.action-card,.currency-pill,.preview-record{background:#111518;border-color:#343940;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.016)}
.action-card:hover{background:#1C2127;border-color:#7798AA}
.data-table thead{background:#101316;color:#C6BDB0}
.data-table th{border-bottom-color:#303740}
.data-table td{border-bottom-color:#272C32;color:#E7E1D8}
.data-table tbody tr:hover{background:#1C232A}
.note,.ticket-note,.currency-pill{background:#161A1E;border-color:#343940;color:#CFC8BC}
.mfa-key{background:#111518;border-color:#42515B;color:#DFCEB1}

/* Champagne = main action. Sapphire = informational/focus accent. */
.btn,.offer-studio .btn[data-action="offer-next-v2"],.offer-studio .btn[data-action="offer-submit-final"]{
 background:linear-gradient(180deg,#F4E9D4,#DFCEB1);
 border:1px solid #E8DDC9;color:#111417;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 7px 18px rgba(0,0,0,.20);
 border-radius:10px;font-weight:740;
}
.btn:hover,.offer-studio .btn[data-action="offer-next-v2"]:hover,.offer-studio .btn[data-action="offer-submit-final"]:hover{
 background:linear-gradient(180deg,#FAF3E7,#EBDEC7);border-color:#FAF3E7;color:#111417;
}
.btn:active{background:#BBA789;color:#111417}
.btn-secondary{background:#202429;color:#F5EEE3;border:1px solid #41474E;box-shadow:none}
.btn-secondary:hover{background:#2B3238;border-color:#7798AA;color:#F5EEE3}
.btn-ghost{background:transparent;color:#C6BDB0;border:1px solid #343B42;box-shadow:none}
.btn-ghost:hover{background:#1E2429;color:#F5EEE3}
.btn-danger{background:#37272A;color:#E9BBB6;border-color:#725257;box-shadow:none}
.btn-danger:hover{background:#513238;color:#F3CFCA;border-color:#925C63}
.link,.inline-link,.offer-macro-meta code,.offer-tracking-example code{color:#A9C3D1}
.link:hover,.inline-link:hover,.table-link:hover{color:#DFCEB1}
.field>label,.offer-studio .field label{color:#E1D9CC}
.control,.offer-studio .control{
 color:#F5EEE3;background:#0F1317;border:1px solid #394049;border-radius:10px;
 box-shadow:inset 0 1px 3px rgba(0,0,0,.24)
}
.control::placeholder,.offer-studio .control::placeholder{color:#8D959A}
.control:focus,.offer-studio .control:focus{border-color:#7798AA;
 box-shadow:0 0 0 3px rgba(119,152,170,.16)}
.control option{background:#11161B;color:#F5EEE3}
input[type="checkbox"],input[type="radio"]{accent-color:#7798AA}

/* Operational status meanings retained from v1.0. */
.badge{background:#20252A;border:1px solid #394047;color:#D8D2CA}
.badge-active,.badge-approved,.badge-enabled,.badge-success,.badge-online{
 background:#24372D;color:#A8C6B0;border-color:#496651}
.badge-pending,.badge-requested,.badge-review,.badge-in-review,.badge-under-review,.badge-moderation,.badge-awaiting-approval,.badge-open,.badge-high,.badge-waiting{
 background:#3D3425;color:#E4C98E;border-color:#73603E}
.badge-new,.badge-created,.badge-invited,.badge-info,.badge-newly-registered{
 background:#293545;color:#AEC4DC;border-color:#4E6179}
.badge-paid,.badge-settled,.badge-fulfilled,.badge-completed,.badge-payment-completed{
 background:#2E3D2D;color:#C5DEBA;border-color:#556F51}
.badge-requires-reply,.badge-needs-reply,.badge-requires-response,.badge-awaiting-response,.badge-urgent,.badge-rejected,.badge-blocked,.badge-error,.badge-failed{
 background:#422C2D;color:#DDA7A2;border-color:#795051}
.badge-draft,.badge-paused,.badge-disabled{background:#34302A;color:#CDB9A1;border-color:#65584C}
.badge-resolved,.badge-closed{background:#2E3635;color:#C3D3C1;border-color:#53635E}
.badge-public{background:#2B302F;color:#DFCEB1;border-color:#4D514D}
.badge-private,.badge-archived{background:#25282C;color:#BDBBB5;border-color:#464A50}
.status-active,.status-approved{color:#A8C6B0}
.status-pending,.status-requested{color:#E4C98E}
.status-new{color:#AEC4DC}
.status-paid{color:#C5DEBA}
.status-requires-reply,.status-needs-reply{color:#DDA7A2}

/* Consistent modal / Offer Studio design. */
.modal-overlay{background:rgba(3,5,7,.82);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.modal,.offer-studio{background:linear-gradient(165deg,#202327 0%,#121519 95%);
 border:1px solid #3B434B;box-shadow:inset 0 1px 0 rgba(255,255,255,.027),0 36px 100px rgba(0,0,0,.7)}
.modal-head,.offer-studio .modal-head{background:linear-gradient(112deg,#202428,#181B1F 80%);
 border-bottom-color:#343B42}
.modal-head p,.offer-studio .modal-head p{color:#ADA9A1}
.modal-foot,.offer-studio .modal-foot{background:#121518;border-top-color:#353B41}
.form-section,.offer-studio .form-section{background:linear-gradient(160deg,#1B1F23,#15191C);border-color:#374048}
.modal-close{background:#252A30;border-color:#434A53;color:#F5EEE3}
.modal-close:hover{background:#323941}
.modal-step{color:#B9B6AF}.modal-step::before{background:#353C42}
.modal-step.active{color:#F4E9D4}.modal-step.active::before{background:#DFCEB1}
.modal-step.completed::before{background:#7798AA}
.offer-studio-banner,.offer-studio-note,.offer-diagnostic,.note{background:#181D21;border-color:#39434A;color:#DED5C9}
.offer-studio-banner-icon,.offer-icon-button,.offer-geo-chip{background:#252C32;border-color:#46515A;color:#DFCEB1}
.offer-studio-banner strong,.offer-studio .form-section h3,.offer-studio-tag{color:#F5EEE3}
.offer-studio-banner p,.offer-studio-note p{color:#BBB5AA}
.offer-studio-tag{background:#20262A;border-color:#3E474D}
.offer-macro,.publisher-option,.offer-tracking-example{background:#101518;border-color:#3C444B}
.offer-macro:hover,.publisher-option:hover{border-color:#7798AA;background:#1A2429}
.offer-macro-meta span,.offer-tracking-example span,.publisher-option small{color:#B8BAB9}
.offer-icon-button:hover{background:#DFCEB1;color:#111417;border-color:#DFCEB1}
.offer-geo-chip:hover{background:#2A343B;border-color:#7798AA;color:#F5EEE3}
.publisher-option>input{accent-color:#7798AA}
.offer-margin{background:#242A2D;border-color:#485058}
.offer-margin strong{color:#DFCEB1}.offer-margin.negative strong{color:#DDA7A2}
.offer-diagnostic strong,.offer-stage-count{color:#A9C3D1}
.offer-studio .modal-help,.offer-section-title p,.offer-help{color:#A8ABA9}
.toast{background:#20262B;border-color:#49525A;color:#F5EEE3}
.toast.error{color:#E9B5AF;border-color:#84545A}

/* Login + built-in marketing page remain consistent with Company v5. */
.hero::before{background:radial-gradient(circle,rgba(119,152,170,.11),transparent 69%)}
.hero h1 em,.eyebrow{color:#DFCEB1}.eyebrow::before{background:#7798AA}
.hero p,.hero-notes,.feature-card p{color:#C6BDB0}
.hero-notes svg,.feature-icon{color:#A9C3D1}
.network-preview{background:linear-gradient(158deg,#1F2428,#0F1317);border-color:#42494F;
 box-shadow:0 26px 70px rgba(0,0,0,.48)}
.preview-dot{background:#7798AA;box-shadow:0 0 11px rgba(119,152,170,.34)}
.preview-sub,.preview-money{color:#DFCEB1}
.marketing-section,.footer{border-color:#30353A}
.feature-icon{background:#22292E;border-color:#414950}
.public-catalog{background:#0D1013}
.login-art{background:radial-gradient(circle at 80% 42%,rgba(119,152,170,.13),transparent 55%),
 linear-gradient(144deg,#191E22,#0A0E12);border-color:#384049}
.login-form-pane{background:#080A0C}.footer{color:#B3AEA5}
@media(max-width:560px){.app-top{background:rgba(8,10,12,.97)}}
@media(prefers-reduced-motion:reduce){.btn,.nav-link{transition:none}}