/* Premium look — The Monk: black, red and gold, frosted glass, Montserrat. Loaded after
   app.css when WADesk → Site content → "Premium look" is on. */
@font-face { font-family: "Montserrat"; src: url("fonts/Montserrat-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
:root {
  --wd-brand: #c8141b;
  --wd-brand-strong: #a10f15;
  --wd-brand-soft: #fbeceb;
  --wd-brand-soft-2: #f6d8d6;
  --wd-hl: #c9a45c;
  --wd-hl-light: #e3c88d;
  --wd-dark: #0d0c0b;
  --wd-dark-2: #171513;
  --wd-dark-3: #221f1c;
  --wd-dark-4: #34302b;
  --wd-on-dark: #d9d1c5;
  --wd-on-dark-2: #9c9387;
  --wd-ink: #17130f;
  --wd-ink-2: #3d362f;
  --wd-muted: #6e655b;
  --wd-faint: #9d9488;
  --wd-line: #e9e2d7;
  --wd-line-2: #f3eee6;
  --wd-bg: #f6f2ec;
  --wd-gold: #c9a45c;
  --wd-shadow: 0 1px 2px rgba(23, 19, 15, .04), 0 8px 24px -16px rgba(23, 19, 15, .18);
  --wd-font: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --wd-glass: rgba(255, 255, 255, .58);
  --wd-glass-strong: rgba(255, 255, 255, .8);
  --wd-glass-line: rgba(255, 255, 255, .75);
  --wd-glass-blur: blur(24px) saturate(160%);
  --wd-shadow-lg: 0 24px 50px -18px rgba(13, 12, 11, .38);
}

/* ---------- Dashboard shell ---------- */
.wd-app-body { background: var(--wd-bg); }
.wd-sidebar {
  background:
    radial-gradient(420px 260px at 0% 100%, rgba(200, 20, 27, .16), transparent 70%),
    radial-gradient(320px 200px at 100% 0%, rgba(201, 164, 92, .10), transparent 70%),
    var(--wd-dark);
  border-right: 1px solid rgba(201, 164, 92, .14);
}
.wd-sidebar-brand { padding: 4px 4px 2px; }
.wd-sidebar-brand img { max-height: 36px; max-width: 170px; }
.wd-sidebar-top { border-bottom: 1px solid rgba(201, 164, 92, .14); padding-bottom: 16px; margin-bottom: 12px; }
.wd-org-button { background: var(--wd-dark-2) !important; border: 1px solid rgba(201, 164, 92, .18) !important; border-radius: 12px !important; }
.wd-org-avatar { background: linear-gradient(135deg, #e3c88d, #b8893d) !important; color: #1a1205 !important; font-weight: 700; }
.wd-nav-label { color: #8c8274 !important; letter-spacing: .14em; font-size: 10.5px; }
.wd-nav a { color: var(--wd-on-dark) !important; border-radius: 10px; position: relative; }
.wd-nav a .wd-icon { color: #8f8578; transition: color .15s; }
.wd-nav a:hover { background: rgba(255, 255, 255, .04) !important; color: #fff !important; }
.wd-nav a:hover .wd-icon { color: var(--wd-hl-light); }
.wd-nav a.is-active { background: linear-gradient(90deg, rgba(201, 164, 92, .18), rgba(201, 164, 92, .04)) !important; color: #fff !important; box-shadow: inset 0 0 0 1px rgba(201, 164, 92, .22) !important; }
.wd-nav a.is-active::before { content: ""; position: absolute; left: -14px; top: 9px; bottom: 9px; width: 3px; border-radius: 0 3px 3px 0; background: var(--wd-gold); }
.wd-nav a.is-active .wd-icon { color: var(--wd-hl-light) !important; }
.wd-nav-count { background: var(--wd-brand) !important; box-shadow: 0 0 0 2px var(--wd-dark); }
.wd-sb-plan { background: var(--wd-dark-2); border: 1px solid rgba(201, 164, 92, .16); border-radius: 12px; }
.wd-sb-plan-bar span { background: linear-gradient(90deg, #b8893d, #e3c88d) !important; }
.wd-sidebar-foot { border-top-color: rgba(201, 164, 92, .14) !important; }
.wd-avatar { background: linear-gradient(135deg, #2a2622, #3a342e); color: var(--wd-hl-light); }

.wd-topbar { background: rgba(250, 247, 242, .88) !important; border-bottom: 1px solid var(--wd-line) !important; }
.wd-search .wd-input, .wd-topbar .wd-input { background: #fff; border-color: var(--wd-line); border-radius: 999px; }

/* ---------- Page content ---------- */
.wd-content { padding-top: 32px; }
.wd-page-head { padding-bottom: 18px; border-bottom: 1px solid var(--wd-line); margin-bottom: 26px; }
.wd-page-head h1 { font-size: 30px; font-weight: 700; letter-spacing: -.03em; }
.wd-page-head h1::after { content: ""; display: block; width: 36px; height: 3px; border-radius: 3px; margin-top: 12px; background: linear-gradient(90deg, var(--wd-brand), var(--wd-gold)); }
.wd-page-desc { color: var(--wd-muted); max-width: 720px; }
.wd-eyebrow { color: var(--wd-gold) !important; letter-spacing: .14em; }

.wd-card { border-color: var(--wd-line); border-radius: 18px; box-shadow: var(--wd-shadow); }
.wd-card-title { font-weight: 650; letter-spacing: -.01em; }
.wd-table thead th { background: #faf7f2; color: #7a7064; font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; }
.wd-table tbody tr:hover td { background: #fcfaf6; }

/* KPI tiles */
.wd-stat4 { gap: 14px !important; }
.wd-stat4 > div { background: #fff; border: 1px solid var(--wd-line); border-radius: 16px; box-shadow: var(--wd-shadow); position: relative; overflow: hidden; }
.wd-stat4 > div::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 3px; background: linear-gradient(90deg, var(--wd-gold), transparent); }
.wd-stat4 > div.is-warn::before { background: linear-gradient(90deg, var(--wd-brand), transparent); }
.wd-stat4 strong { font-size: 30px !important; letter-spacing: -.03em; }
.wd-stat, .wd-kpi { border-radius: 16px; }
.wd-stat-value, .wd-kpi-value { letter-spacing: -.03em; }

/* Buttons and inputs */
.wd-btn { border-radius: 11px; font-weight: 600; }
.wd-btn-primary { background: linear-gradient(180deg, #d61b22, var(--wd-brand)); box-shadow: 0 8px 18px -10px rgba(200, 20, 27, .8), inset 0 1px 0 rgba(255, 255, 255, .15) !important; }
.wd-btn-primary:hover { background: var(--wd-brand-strong); }
.wd-btn-secondary { background: #fff; border-color: var(--wd-line) !important; }
.wd-btn-secondary:hover { border-color: var(--wd-gold) !important; }
.wd-input:focus, .wd-input:focus-visible { border-color: var(--wd-gold) !important; box-shadow: 0 0 0 3px rgba(201, 164, 92, .22) !important; outline: none; }
.wd-tabs a.is-active { color: var(--wd-ink) !important; border-bottom-color: var(--wd-brand) !important; }
.wd-link { color: var(--wd-brand-strong); }
.wd-chip-select input:checked + span { background: var(--wd-dark); color: var(--wd-hl-light); border-color: var(--wd-dark); }
.wd-modal-card { border-radius: 20px; }
.wd-modal-head { border-bottom: 1px solid var(--wd-line); }

/* Orders board */
.wd-order { border-radius: 18px; }
.wd-order.is-new { border-color: var(--wd-brand); box-shadow: 0 0 0 3px rgba(200, 20, 27, .12), var(--wd-shadow); }
.wd-order-ref { font-size: 17px; letter-spacing: -.01em; }
.wd-order-total strong { color: var(--wd-ink); }

/* Inbox bubbles keep WhatsApp feel, with brand touches */
.wd-conv.is-active, .wd-conv[aria-current="true"] { box-shadow: inset 3px 0 0 var(--wd-brand); }

/* ---------- Login and account pages ---------- */
.wd-premium.wd-auth-body { background: #0d0c0b; }
.wd-premium .wd-auth { grid-template-columns: minmax(380px, 52%) 1fr; }
.wd-premium .wd-auth-aside {
  position: relative; isolation: isolate; color: #e8e0d4;
  background: #0d0c0b var(--wd-auth-photo) center / cover no-repeat;
}
.wd-premium .wd-auth-aside::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10, 9, 8, .72) 0%, rgba(10, 9, 8, .35) 40%, rgba(10, 9, 8, .92) 100%), linear-gradient(90deg, rgba(10, 9, 8, .5), transparent 60%); }
.wd-premium .wd-auth-brand img { max-height: 46px; max-width: 220px; }
.wd-premium .wd-auth-kicker { margin: 0 0 14px; color: var(--wd-hl-light); font-size: 12.5px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.wd-premium .wd-auth-pitch h2 { font-size: clamp(30px, 3vw, 42px); max-width: 520px; text-shadow: 0 2px 30px rgba(0, 0, 0, .5); }
.wd-premium .wd-auth-points-premium li { background: rgba(13, 12, 11, .55); backdrop-filter: blur(10px); border: 1px solid rgba(201, 164, 92, .22); border-radius: 14px; padding: 14px 16px; }
.wd-premium .wd-auth-points-premium li > span { background: rgba(201, 164, 92, .16) !important; font-size: 15px; }
.wd-premium .wd-auth-points small { color: #c3b9ab; }
.wd-premium .wd-auth-foot, .wd-premium .wd-auth-foot a { color: #a99f92 !important; }
.wd-premium .wd-auth-main { background: radial-gradient(700px 420px at 100% 0%, rgba(200, 20, 27, .18), transparent 65%), radial-gradient(600px 400px at 0% 100%, rgba(201, 164, 92, .10), transparent 65%), #0d0c0b; }
.wd-premium .wd-auth-card { background: #fbf8f3; border: 1px solid rgba(201, 164, 92, .35); border-radius: 22px; padding: 40px 36px; box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .8); position: relative; }
.wd-premium .wd-auth-card::before { content: ""; position: absolute; left: 36px; right: 36px; top: -1px; height: 3px; border-radius: 0 0 3px 3px; background: linear-gradient(90deg, var(--wd-brand), var(--wd-gold)); }
.wd-premium .wd-auth-card h1 { font-size: 28px; letter-spacing: -.03em; }
.wd-premium .wd-auth-card .wd-input { background: #fff; border-radius: 12px; min-height: 48px; }
.wd-premium .wd-auth-card .wd-btn-primary { min-height: 50px; border-radius: 12px; font-size: 15.5px; }
.wd-premium .wd-auth-brand-mobile img { max-height: 40px; }
@media (max-width: 860px) {
  .wd-premium .wd-auth { grid-template-columns: 1fr; }
  .wd-premium .wd-auth-main { padding-top: 34px; }
  .wd-premium .wd-auth-card { padding: 30px 22px; }
}
@media (min-width: 1100px) { .wd-stat4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
.wd-order.is-new { border-color: var(--wd-brand) !important; box-shadow: 0 0 0 3px rgba(200, 20, 27, .12), var(--wd-shadow) !important; }
.wd-row-actions .wd-link, .wd-card-head .wd-link { margin-left: 12px; }


/* =====================================================================
   Dark glass dashboard
   ===================================================================== */
.wd-app-body {
  color-scheme: dark;
  --dg-panel: rgba(26, 23, 21, .58);
  --dg-panel-strong: rgba(22, 20, 18, .86);
  --dg-panel-2: rgba(255, 255, 255, .045);
  --dg-line: rgba(255, 255, 255, .09);
  --dg-blur: blur(22px) saturate(150%);
  --wd-surface: var(--dg-panel);
  --wd-bg: #0b0a09;
  --wd-ink: #f3ede4; --wd-ink-2: #dcd3c6; --wd-muted: #ab9f92; --wd-faint: #7f766b;
  --wd-line: rgba(255, 255, 255, .09); --wd-line-2: rgba(255, 255, 255, .05);
  --wd-brand-strong: #ff5a61; --wd-brand-soft: rgba(225, 29, 37, .16); --wd-brand-soft-2: rgba(225, 29, 37, .26);
  --wd-green-bg: rgba(52, 199, 120, .15); --wd-green-fg: #84e3ae;
  --wd-amber-bg: rgba(232, 170, 60, .16); --wd-amber-fg: #f2c983;
  --wd-red-bg: rgba(239, 68, 68, .17); --wd-red-fg: #ff9b9b;
  --wd-blue-bg: rgba(96, 150, 255, .16); --wd-blue-fg: #a9c4ff;
  --wd-gray-bg: rgba(255, 255, 255, .08); --wd-gray-fg: #d2c9bd;
  --wd-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 30px 60px -32px rgba(0, 0, 0, .85);
  font-family: var(--wd-font); letter-spacing: -.005em; background: #0b0a09; color: var(--wd-ink);
}
.wd-app-body { --wd-muted: #ab9f92; }
.wd-auth-body { font-family: var(--wd-font); }

/* Backdrop: The Monk photo, blurred, under a deep warm night tone */
.wd-app-body::before { content: ""; position: fixed; inset: -80px; z-index: -2; background: url("monk/feast.jpg") center / cover no-repeat; filter: blur(42px) saturate(140%); opacity: .55; }
.wd-app-body::after { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background:
  radial-gradient(1000px 640px at 100% -10%, rgba(225, 29, 37, .22), transparent 60%),
  radial-gradient(900px 600px at 20% 115%, rgba(201, 164, 92, .16), transparent 60%),
  linear-gradient(180deg, rgba(9, 8, 7, .72), rgba(9, 8, 7, .86)); }
.wd-app, .wd-main-col { background: transparent !important; }

/* ---- generated: every hard-coded light surface and dark text, made dark ---- */
.wd-app-body .wd-btn-secondary { background: var(--dg-panel-2) !important; border-color: var(--dg-line) !important; }
.wd-app-body .wd-btn-secondary:hover { border-color: var(--dg-line) !important; background: var(--dg-panel-2) !important; }
.wd-app-body .wd-btn.is-busy::after { border-top-color: var(--dg-line) !important; }
.wd-app-body .wd-btn-secondary.is-busy::after, .wd-app-body .wd-btn-ghost.is-busy::after { border-color: var(--dg-line) !important; }
.wd-app-body .wd-input { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-input[readonly], .wd-app-body .wd-input:disabled { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-consent-box { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-alert-error { border-color: var(--dg-line) !important; }
.wd-app-body .wd-alert-success { border-color: var(--dg-line) !important; }
.wd-app-body .wd-alert-info { background: var(--dg-panel-2) !important; color: var(--wd-ink) !important; border-color: var(--dg-line) !important; }
.wd-app-body .wd-banner-green { border-color: var(--dg-line) !important; }
.wd-app-body .wd-banner-amber { border-color: var(--dg-line) !important; }
.wd-app-body .wd-banner-blue { border-color: var(--dg-line) !important; }
.wd-app-body .wd-banner-red { border-color: var(--dg-line) !important; }
.wd-app-body .wd-banner-navy { background: var(--dg-panel-2) !important; color: var(--wd-ink) !important; border-color: var(--dg-line) !important; }
.wd-app-body .wd-invite-summary { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-search input:focus { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-stat { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-step-dot { border: 2px solid var(--dg-line) !important; }
.wd-app-body .wd-segmented [aria-selected="true"], .wd-app-body .wd-segmented [aria-current="true"] { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-table th { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-table tbody tr:hover td { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-modal-card { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-modal-foot { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-copy { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-inbox { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-inbox-list { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-conv { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-conv:hover { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-thread { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-thread-head { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-msg { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-msg.is-out { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-msg.is-failed { background: var(--dg-panel-2) !important; border: 1px solid var(--dg-line) !important; }
.wd-app-body .wd-msg-error { border-top: 1px dashed var(--dg-line) !important; }
.wd-app-body .wd-note-item { background: var(--dg-panel-2) !important; border: 1px solid var(--dg-line) !important; color: var(--wd-ink) !important; }
.wd-app-body .wd-composer { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-composer-tabs button[data-mode="note"][aria-selected="true"] { background: var(--dg-panel-2) !important; color: var(--wd-ink) !important; }
.wd-app-body .wd-composer-form[data-mode="note"] textarea { background: var(--dg-panel-2) !important; border-color: var(--dg-line) !important; }
.wd-app-body .wd-details { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-tpl-media { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-tpl-button { background: var(--dg-panel-2) !important; }
.wd-app-body mark.wd-var { background: var(--dg-panel-2) !important; color: var(--wd-ink) !important; }
.wd-app-body .wd-kind { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-var-row { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-radio-cards label, .wd-app-body .wd-radio-list label { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-error-list li { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-chip-select span { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-step-editor > li { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-status-item { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-danger-zone { border-color: var(--dg-line) !important; }
.wd-app-body .wd-timeline li::before { border: 2px solid var(--dg-line) !important; }
.wd-app-body .wd-notes li { background: var(--dg-panel-2) !important; border: 1px solid var(--dg-line) !important; }
.wd-app-body .wd-drop { border: 2px dashed var(--dg-line) !important; background: var(--dg-panel-2) !important; }
.wd-app-body .wd-import-result dl div { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-badge-violet { background: var(--dg-panel-2) !important; color: var(--wd-ink) !important; }
.wd-app-body .wd-alert-warning { border-color: var(--dg-line) !important; }
.wd-app-body .wd-import-tile { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-import-tile.is-ok { border-color: var(--dg-line) !important; }
.wd-app-body .wd-filter-chip { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-filter-chip:hover { border-color: var(--dg-line) !important; }
.wd-app-body .wd-segmented { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-org-avatar { color: var(--wd-ink) !important; }
.wd-app-body .wd-topbar { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-search input { background: var(--dg-panel-2) !important; border-color: var(--dg-line) !important; }
.wd-app-body .wd-numpill { border: 1px solid var(--dg-line) !important; background: var(--dg-panel-2) !important; }
.wd-app-body .wd-numpill:hover { border-color: var(--dg-line) !important; }
.wd-app-body .wd-kpi { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-dchart-grid span { border-top: 1px solid var(--dg-line) !important; }
.wd-app-body .wd-funnel2-bar, .wd-app-body .wd-hbar { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-inline-alert.is-red { color: var(--wd-ink) !important; }
.wd-app-body .wd-stat4 > div { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-messages { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-msg-img { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-cstats { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-cstats > a:hover { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-side-limit { background: var(--dg-panel-2) !important; border: 1px solid var(--dg-line) !important; color: var(--wd-ink) !important; }
.wd-app-body .wd-side-limit-bar { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-side-limit small { color: var(--wd-ink) !important; }
.wd-app-body .wd-msg-img.is-broken { background: var(--dg-panel-2) !important; color: var(--wd-ink) !important; }
.wd-app-body .wd-chip-row .wd-chip { background: var(--dg-panel-2) !important; }
.wd-app-body .wd-forward-rules { background: var(--dg-panel-2) !important; }


/* ---- hand-tuned ---- */
.wd-app-body a { color: #ff7a80; }
.wd-app-body h1, .wd-app-body h2, .wd-app-body h3, .wd-app-body strong { color: #fff; }
.wd-app-body .wd-page-head { border-bottom-color: var(--dg-line); }
.wd-app-body .wd-page-head h1 { color: #fff; font-weight: 800; }
.wd-app-body .wd-page-desc, .wd-app-body .wd-hint, .wd-app-body small, .wd-app-body .wd-muted { color: var(--wd-muted) !important; }

/* Sidebar and top bar: glass */
.wd-app-body .wd-sidebar { background: linear-gradient(180deg, rgba(10, 9, 8, .72), rgba(10, 9, 8, .82)) !important; backdrop-filter: var(--dg-blur); -webkit-backdrop-filter: var(--dg-blur); border-right: 1px solid rgba(201, 164, 92, .16); box-shadow: none; }
.wd-app-body .wd-topbar { background: rgba(12, 11, 10, .5) !important; backdrop-filter: var(--dg-blur); -webkit-backdrop-filter: var(--dg-blur); border-bottom: 1px solid var(--dg-line) !important; }
.wd-app-body .wd-topbar .wd-input, .wd-app-body .wd-search .wd-input, .wd-app-body .wd-search input { background: rgba(255, 255, 255, .06) !important; border-color: var(--dg-line) !important; color: var(--wd-ink); border-radius: 999px; }
.wd-app-body .wd-numpill, .wd-app-body .wd-number-health { background: rgba(255, 255, 255, .06) !important; border-color: var(--dg-line) !important; color: var(--wd-ink-2) !important; }

/* Glass panels */
.wd-app-body .wd-card, .wd-app-body .wd-stat4 > div, .wd-app-body .wd-stat, .wd-app-body .wd-kpi, .wd-app-body .wd-flow-card, .wd-app-body .wd-org-card,
.wd-app-body .wd-plan, .wd-app-body .wd-meta-card, .wd-app-body .wd-limit-card, .wd-app-body .wd-order, .wd-app-body .wd-empty, .wd-app-body .wd-camp-list > *,
.wd-app-body .wd-step-card, .wd-app-body .wd-import-tile, .wd-app-body .wd-status-item {
  background: var(--dg-panel) !important; backdrop-filter: var(--dg-blur); -webkit-backdrop-filter: var(--dg-blur);
  border: 1px solid var(--dg-line) !important; box-shadow: var(--wd-shadow) !important; color: var(--wd-ink);
}
.wd-app-body .wd-card .wd-card, .wd-app-body .wd-card .wd-empty, .wd-app-body .wd-card .wd-stat { background: var(--dg-panel-2) !important; backdrop-filter: none; box-shadow: none !important; }
.wd-app-body .wd-empty-icon { background: rgba(225, 29, 37, .14) !important; color: #ff7a80 !important; }

/* KPI tiles */
.wd-app-body .wd-stat4 > div { overflow: hidden; }
.wd-app-body .wd-stat4 > div::before { background: linear-gradient(90deg, #e3c88d, transparent) !important; opacity: .9; }
.wd-app-body .wd-stat4 > div.is-warn::before { background: linear-gradient(90deg, #ff3b45, transparent) !important; }
.wd-app-body .wd-stat4 span { color: var(--wd-muted) !important; }
.wd-app-body .wd-stat4 strong { color: #fff !important; }
.wd-app-body .wd-stat4 > div.is-warn strong { color: #ff7a80 !important; }

/* Tables */
.wd-app-body .wd-table th, .wd-app-body .wd-table thead th { background: rgba(255, 255, 255, .03) !important; color: #a99c8c !important; border-color: var(--dg-line) !important; }
.wd-app-body .wd-table td { border-color: var(--dg-line) !important; color: var(--wd-ink-2); }
.wd-app-body .wd-table tbody tr:hover td { background: rgba(255, 255, 255, .035) !important; }
.wd-app-body .wd-table td strong { color: #fff; }

/* Forms */
.wd-app-body .wd-input, .wd-app-body select.wd-input, .wd-app-body textarea.wd-input { background: rgba(255, 255, 255, .055) !important; border: 1px solid rgba(255, 255, 255, .12) !important; color: var(--wd-ink) !important; }
.wd-app-body .wd-input::placeholder { color: #8a8076; }
.wd-app-body .wd-input:focus { border-color: #c9a45c !important; box-shadow: 0 0 0 3px rgba(201, 164, 92, .22) !important; background: rgba(255, 255, 255, .08) !important; }
.wd-app-body select.wd-input option { background: #1a1715; color: #f3ede4; }
.wd-app-body label, .wd-app-body .wd-label, .wd-app-body .wd-field > label { color: var(--wd-ink-2); }
.wd-app-body .wd-chip-select span { background: rgba(255, 255, 255, .05) !important; border-color: rgba(255, 255, 255, .12) !important; color: var(--wd-ink-2); }
.wd-app-body .wd-chip-select input:checked + span { background: linear-gradient(135deg, #e3c88d, #c9a45c) !important; color: #1a1205 !important; border-color: transparent !important; }

/* Buttons */
.wd-app-body .wd-btn-secondary { background: rgba(255, 255, 255, .06) !important; border: 1px solid rgba(255, 255, 255, .14) !important; color: var(--wd-ink) !important; }
.wd-app-body .wd-btn-secondary:hover { border-color: #c9a45c !important; background: rgba(201, 164, 92, .1) !important; }
.wd-app-body .wd-btn-ghost { color: var(--wd-ink-2) !important; }
.wd-app-body .wd-btn-ghost:hover { background: rgba(255, 255, 255, .06) !important; }
.wd-app-body .wd-btn-primary { background: linear-gradient(180deg, #ec252e, #b8121a) !important; box-shadow: 0 10px 26px -12px rgba(225, 29, 37, .9), inset 0 1px 0 rgba(255, 255, 255, .2) !important; }
.wd-app-body .wd-icon-btn { color: var(--wd-ink-2); }
.wd-app-body .wd-icon-btn:hover { background: rgba(255, 255, 255, .07); }
.wd-app-body .wd-link { color: #ff7a80 !important; }

/* Tabs */
.wd-app-body .wd-tabs { border-bottom-color: var(--dg-line) !important; }
.wd-app-body .wd-tabs a { color: #a99c8c !important; }
.wd-app-body .wd-tabs a.is-active { color: #fff !important; border-bottom-color: #e11d25 !important; }
.wd-app-body .wd-segmented { background: rgba(255, 255, 255, .06) !important; }
.wd-app-body .wd-segmented [aria-selected="true"], .wd-app-body .wd-segmented [aria-current="true"], .wd-app-body .wd-segmented .is-active { background: rgba(255, 255, 255, .12) !important; color: #fff !important; }

/* Alerts, badges */
.wd-app-body .wd-alert { border: 1px solid var(--dg-line) !important; backdrop-filter: blur(10px); }
.wd-app-body .wd-alert-info { background: rgba(96, 150, 255, .12) !important; color: #c3d5ff !important; }
.wd-app-body .wd-banner-navy { background: rgba(255, 255, 255, .06) !important; color: var(--wd-ink) !important; }

/* Modals */
.wd-app-body .wd-modal-card { background: rgba(20, 18, 16, .9) !important; backdrop-filter: blur(28px) saturate(150%); border: 1px solid rgba(201, 164, 92, .22) !important; color: var(--wd-ink); box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .9); }
.wd-app-body .wd-modal-head, .wd-app-body .wd-modal-foot { background: transparent !important; border-color: var(--dg-line) !important; }
.wd-app-body .wd-modal::backdrop { background: rgba(5, 4, 4, .6); backdrop-filter: blur(6px); }

/* Orders board */
.wd-app-body .wd-order.is-new { border-color: rgba(255, 59, 69, .7) !important; box-shadow: 0 0 0 3px rgba(225, 29, 37, .18), 0 0 40px -10px rgba(225, 29, 37, .5), var(--wd-shadow) !important; }
.wd-app-body .wd-order-items { border-color: var(--dg-line) !important; }
.wd-app-body .wd-order-items li em { color: #a99c8c !important; }
.wd-app-body .wd-order-note { background: rgba(232, 170, 60, .14) !important; color: #f2c983 !important; }
.wd-app-body .wd-order-meta, .wd-app-body .wd-order-addr { color: var(--wd-ink-2) !important; }
.wd-app-body .wd-order-total strong { color: #fff !important; }
.wd-app-body .wd-order-who a { color: #ff7a80 !important; }

/* Inbox */
.wd-app-body .wd-inbox { background: transparent !important; }
.wd-app-body .wd-inbox-list, .wd-app-body .wd-details { background: var(--dg-panel) !important; backdrop-filter: var(--dg-blur); -webkit-backdrop-filter: var(--dg-blur); border-color: var(--dg-line) !important; }
.wd-app-body .wd-thread { background: rgba(10, 9, 8, .35) !important; }
.wd-app-body .wd-messages { background: rgba(10, 9, 8, .35) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Ccircle cx='2' cy='2' r='1' fill='%23ffffff' fill-opacity='.06'/%3E%3C/svg%3E") !important; }
.wd-app-body .wd-msg { background: #24201d !important; color: var(--wd-ink); box-shadow: 0 1px 1px rgba(0, 0, 0, .3); }
.wd-app-body .wd-msg.is-out { background: #4a1418 !important; }
.wd-app-body .wd-msg.is-failed { background: rgba(239, 68, 68, .18) !important; border-color: rgba(239, 68, 68, .4) !important; }
.wd-app-body .wd-composer { background: rgba(14, 12, 11, .7) !important; backdrop-filter: var(--dg-blur); border-top-color: var(--dg-line) !important; }
.wd-app-body .wd-conv { background: transparent !important; border-radius: 12px; margin: 2px 8px; border-color: transparent !important; }
.wd-app-body .wd-conv:hover { background: rgba(255, 255, 255, .05) !important; }
.wd-app-body .wd-conv.is-active, .wd-app-body .wd-conv[aria-current="true"] { background: rgba(201, 164, 92, .12) !important; box-shadow: inset 3px 0 0 #e11d25; }

/* Charts and meters keep brand colours */
.wd-app-body .wd-meter-bar, .wd-app-body .wd-limit-bar, .wd-app-body .wd-progress { background: rgba(255, 255, 255, .08) !important; }

/* Scrollbars */
.wd-app-body ::-webkit-scrollbar { width: 10px; height: 10px; }
.wd-app-body ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .12); border-radius: 10px; border: 2px solid transparent; background-clip: padding-box; }
.wd-app-body ::-webkit-scrollbar-track { background: transparent; }

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .wd-app-body .wd-card, .wd-app-body .wd-order, .wd-app-body .wd-stat4 > div, .wd-app-body .wd-inbox-list, .wd-app-body .wd-details { background: #1a1715 !important; }
}
.wd-app-body select.wd-input { background: rgba(255, 255, 255, .055) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23e3c88d' stroke-width='2.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center !important; }
.wd-app-body select.wd-input-sm { background-position: right 8px center !important; }
.wd-app-body .wd-empty { border-radius: 18px; }
/* WhatsApp previews: WhatsApp dark mode */
.wd-app-body .wd-phone { background: #111b21 !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, .08) !important; border-color: transparent !important; }
.wd-app-body .wd-phone-bar { background: #202c33 !important; color: #e9edef !important; }
.wd-app-body .wd-phone-screen { background: #0b141a !important; }
.wd-app-body .wd-bubble-tpl { background: #202c33 !important; color: #e9edef !important; box-shadow: none !important; }
.wd-app-body .wd-bubble-tpl * { color: #e9edef; }
.wd-app-body .wd-bubble-tpl small, .wd-app-body .wd-bubble-tpl .wd-muted { color: #8696a0 !important; }
.wd-app-body .wd-bubble-tpl mark { background: rgba(225, 29, 37, .3); color: #ffd1d3; border-radius: 3px; padding: 0 2px; }
.wd-app-body .wd-lib-bar { background: rgba(20, 18, 16, .9) !important; backdrop-filter: var(--dg-blur); border: 1px solid rgba(201, 164, 92, .25); }

/* =====================================================================
   v14.7.4 — black glass (no red cast) + layout fixes
   ===================================================================== */
/* Backdrop: neutral black glass. The photo is desaturated and dimmed so no red shows. */
.wd-app-body::before { filter: blur(44px) grayscale(.85) brightness(.7) !important; opacity: .35 !important; }
.wd-app-body::after { background:
  radial-gradient(1000px 640px at 100% -10%, rgba(255, 255, 255, .05), transparent 60%),
  radial-gradient(900px 600px at 15% 115%, rgba(201, 164, 92, .07), transparent 60%),
  linear-gradient(180deg, rgba(7, 7, 7, .82), rgba(7, 7, 7, .9)) !important; }
.wd-app-body {
  --dg-panel: rgba(22, 22, 22, .55);
  --wd-brand-strong: #e3c88d;
  --wd-brand-soft: rgba(201, 164, 92, .14); --wd-brand-soft-2: rgba(201, 164, 92, .22);
}
.wd-app-body .wd-sidebar { background: linear-gradient(180deg, rgba(8, 8, 8, .72), rgba(8, 8, 8, .82)) !important; border-right-color: rgba(255, 255, 255, .07) !important; }
.wd-app-body .wd-topbar { background: rgba(10, 10, 10, .5) !important; }

/* Gold and white accents instead of red */
.wd-app-body a, .wd-app-body .wd-link, .wd-app-body .wd-order-who a { color: #e3c88d !important; }
.wd-app-body .wd-link-danger { color: #ff8f8f !important; }
.wd-app-body .wd-btn-primary { background: linear-gradient(180deg, #ecd39b, #c9a45c) !important; color: #15110a !important; box-shadow: 0 10px 26px -14px rgba(201, 164, 92, .8), inset 0 1px 0 rgba(255, 255, 255, .35) !important; }
.wd-app-body .wd-btn-primary:hover { background: linear-gradient(180deg, #f2dcab, #d4b06a) !important; }
.wd-app-body .wd-btn-primary .wd-icon { color: #15110a; }
.wd-app-body .wd-page-head h1::after { background: linear-gradient(90deg, #e3c88d, rgba(227, 200, 141, 0)) !important; }
.wd-app-body .wd-tabs a.is-active { border-bottom-color: #e3c88d !important; }
.wd-app-body .wd-empty-icon { background: rgba(255, 255, 255, .06) !important; color: #e3c88d !important; }
.wd-app-body .wd-nav-count { background: #e3c88d !important; color: #15110a !important; box-shadow: none; }
.wd-app-body .wd-conv.is-active, .wd-app-body .wd-conv[aria-current="true"] { box-shadow: inset 3px 0 0 #e3c88d; }
.wd-app-body .wd-msg.is-out { background: #2b2a27 !important; }
.wd-app-body .wd-stat4 > div.is-warn::before { background: linear-gradient(90deg, #f2c983, transparent) !important; }
.wd-app-body .wd-stat4 > div.is-warn strong { color: #f2c983 !important; }
.wd-app-body .wd-order.is-new { border-color: rgba(227, 200, 141, .6) !important; box-shadow: 0 0 0 3px rgba(201, 164, 92, .14), 0 0 40px -12px rgba(201, 164, 92, .45), var(--wd-shadow) !important; }
.wd-app-body .wd-chip-select input:checked + span { background: #e3c88d !important; }
.wd-app-body .wd-sb-plan-bar span { background: linear-gradient(90deg, #c9a45c, #e3c88d) !important; }
.wd-app-body .wd-input:focus { border-color: rgba(227, 200, 141, .7) !important; }

/* Fix: KPI tiles inside a card (Overview → Inbox right now) — 2 per row, compact */
.wd-app-body .wd-card .wd-stat4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
.wd-app-body .wd-card .wd-stat4 > div { background: rgba(255, 255, 255, .04) !important; backdrop-filter: none; box-shadow: none !important; padding: 12px 14px !important; border-radius: 14px; min-width: 0; }
.wd-app-body .wd-card .wd-stat4 span { display: block; font-size: 12px; line-height: 1.35; white-space: normal; overflow-wrap: anywhere; }
.wd-app-body .wd-card .wd-stat4 strong { font-size: 24px !important; line-height: 1.2; }
/* Top-level KPI row: one row on wide screens only */
.wd-app-body .wd-content > .wd-stat4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
@media (max-width: 1100px) { .wd-app-body .wd-content > .wd-stat4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }

/* Fix: empty state inside a card — no second frame, no overflow */
.wd-app-body .wd-card .wd-empty, .wd-app-body .wd-card-flush .wd-empty {
  background: transparent !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  margin: 0 !important; max-width: none !important; width: auto !important; padding: 28px 20px 30px !important; border-radius: 0 !important;
}
.wd-app-body .wd-card-flush > .wd-empty { border-top: 1px solid var(--dg-line) !important; }
.wd-app-body .wd-radio-cards label:has(input:checked), .wd-app-body .wd-radio-list label:has(input:checked) { border-color: #e3c88d !important; background: rgba(201, 164, 92, .1) !important; box-shadow: 0 0 0 1px #e3c88d inset !important; }
.wd-app-body .wd-radio-cards input, .wd-app-body .wd-radio-list input, .wd-app-body input[type="checkbox"] { accent-color: #e3c88d; }
.wd-app-body .wd-modal-body .wd-hint + .wd-grid-form { margin-top: 12px; }
/* Inbox empty states: always fit their column (no clipping under the details pane) */
.wd-app-body .wd-thread { overflow: hidden; min-width: 0; }
.wd-app-body .wd-thread .wd-empty { box-sizing: border-box; width: auto !important; max-width: min(520px, calc(100% - 40px)) !important; margin: 0 auto !important; overflow-wrap: anywhere; }
.wd-app-body .wd-inbox-list .wd-empty { background: transparent !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important; border-radius: 0; max-width: none !important; }
/* Contact panel only when a conversation is open; the chat area takes the full width otherwise */
.wd-app-body .wd-inbox:has(.wd-details-inner:empty) { grid-template-columns: 340px minmax(0, 1fr) !important; }
.wd-app-body .wd-inbox .wd-details:has(.wd-details-inner:empty) { display: none !important; }
@media (max-width: 1280px) { .wd-app-body .wd-inbox:has(.wd-details-inner:empty) { grid-template-columns: 300px minmax(0, 1fr) !important; } }

/* Loading placeholders: dark and faint on the black theme (they flashed white before). */
.wd-skeleton-list span { background: linear-gradient(90deg, rgba(255, 255, 255, .035) 25%, rgba(255, 255, 255, .075) 50%, rgba(255, 255, 255, .035) 75%); background-size: 200% 100%; border: 1px solid rgba(255, 255, 255, .04); }
/* In a chat they look like message bubbles: theirs on the left, ours on the right. */
.wd-messages .wd-skeleton-list { padding: 16px 0; }
.wd-messages .wd-skeleton-list span { height: 46px; width: 46%; max-width: 420px; border-radius: 14px 14px 14px 4px; margin: 10px 24px; }
.wd-messages .wd-skeleton-list span:nth-child(even) { margin-left: auto; width: 38%; border-radius: 14px 14px 4px 14px; background: linear-gradient(90deg, rgba(201, 164, 92, .06) 25%, rgba(201, 164, 92, .12) 50%, rgba(201, 164, 92, .06) 75%); background-size: 200% 100%; }