/* Basement Operations — restrained enterprise workspace. Loaded after all legacy themes. */
:root {
  color-scheme: light;
  --canvas:#f4f6f9;
  --paper:#ffffff;
  --surface-raised:#ffffff;
  --surface-soft:#f8fafc;
  --surface-hover:#f1f5f9;
  --sidebar:#101828;
  --ink:#172033;
  --muted:#667085;
  --line:#dfe4ea;
  --line-bright:#cbd3dd;
  --primary:#3157d5;
  --primary-dark:#2748b9;
  --primary-soft:#edf2ff;
  --acid:#7d93f5;
  --green:#14804a;
  --amber:#b85c00;
  --red:#c4322b;
  --blue:#2563c9;
  --shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.055);
  --shadow-soft:0 1px 3px rgba(16,24,40,.055);
  --radius:12px;
}

html,body,.workspace { background:var(--canvas)!important;color:var(--ink); }
body,button,input,select,textarea { font-family:"Segoe UI Variable","SF Pro Text",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; }
body { font-size:14px;letter-spacing:0; }
[hidden] { display:none!important; }
h1,h2,h3,h4,.login-art h1,.login-form h2,.topbar h1,.surface h2,.section-heading h2,.dialog-heading h2,.mail-header h2,.metric strong,.pulse-grid strong { color:var(--ink);font-family:inherit!important;letter-spacing:-.025em!important; }
.kicker { color:#526071!important;font-size:11px!important;font-weight:750;letter-spacing:.12em!important; }

.login-shell { background:#fff!important; }
.login-art { background:linear-gradient(145deg,#101828 0%,#17243a 58%,#1d3657 100%)!important;padding:clamp(42px,6vw,88px); }
.login-art:after { background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;background-size:64px 64px!important; }
.login-art h1 { max-width:720px;margin:24px 0 28px;font-size:clamp(56px,7vw,96px);font-weight:680;line-height:.94;letter-spacing:-.062em!important; }
.login-art>div:nth-child(2)>p:last-child { color:#c8d1dd;font-size:17px;line-height:1.65; }
.login-form { width:min(400px,calc(100% - 64px));gap:9px; }
.login-form h2 { color:#172033;font-size:38px;font-weight:700; }
.login-form>div>p:last-child { color:#667085; }
.login-form label,dialog label,.form-grid label { color:#475467;font-size:11px;font-weight:700;letter-spacing:.04em; }
.login-form input,dialog input,dialog select,dialog textarea,.form-grid input,.form-grid select,.form-grid textarea,
.money-input,input,select,textarea { border:1px solid #cfd6df!important;border-radius:7px!important;background:#fff!important;color:#172033!important;box-shadow:none!important; }
.login-form input:focus,dialog input:focus,dialog textarea:focus,input:focus,select:focus,textarea:focus { border-color:#5b76d9!important;box-shadow:0 0 0 3px rgba(49,87,213,.12)!important;outline:none; }
.brand-mark { border-radius:10px;background:#5573e8;color:#fff;box-shadow:none;font-size:18px; }

.sidebar { width:268px;padding:23px 14px 18px;border-right:0;background:#101828!important;box-shadow:2px 0 8px rgba(16,24,40,.08); }
.workspace { margin-left:268px;padding:0 clamp(24px,3vw,48px) 72px; }
.side-brand { padding:0 11px 21px;border-bottom:1px solid rgba(255,255,255,.08); }
.side-brand strong { color:#fff;font-size:12px;letter-spacing:.16em; }
.side-brand small { color:#7f8da3; }
.sidebar nav { gap:5px;padding-top:12px; }
.nav-area { border:0;border-radius:8px; }
.nav-area.open { border:0;background:rgba(255,255,255,.035); }
.nav-area-toggle { width:100%;min-height:49px;display:grid;grid-template-columns:minmax(0,1fr) 14px;align-items:center;gap:8px;padding:8px 11px;border:0;background:transparent;color:#c9d2df;border-radius:7px;text-align:left; }
.nav-area-toggle:hover { background:rgba(255,255,255,.055); }
.nav-area-toggle>span:nth-child(2) { display:flex;flex-direction:column;font-size:13px;font-weight:650; }
.nav-area-toggle small { margin-top:2px;color:#8d9aab;font-size:10px;font-weight:500; }
.nav-area-toggle i { color:#7d899b;font-style:normal;transition:transform .18s ease; }
.nav-area.open>.nav-area-toggle i { transform:rotate(180deg); }
.nav-area-icon { display:none!important; }
.nav-children { display:none;padding:1px 8px 8px 17px; }
.nav-area.open>.nav-children { display:grid;gap:2px; }
.nav-item { min-height:36px;padding:8px 10px;color:#aab5c4;font-size:12px;font-weight:600;border-radius:6px; }
.nav-item:hover { background:rgba(255,255,255,.055);color:#f3f6fa; }
.nav-item.active { background:#263e70;color:#fff;box-shadow:inset 3px 0 #89a2ff; }
.nav-item.active:before { left:-8px;width:2px;height:18px;background:#89a2ff;box-shadow:none; }
.nav-item b { background:#263245;color:#bdc8d6; }
.nav-item.active b { background:#fff;color:#294bba; }
.suite-link span { margin-left:auto;color:#72839b; }
.side-bottom { border-top:1px solid rgba(255,255,255,.08); }
.user-avatar { border-radius:8px;background:#263e70;color:#dce4ff; }

.topbar { min-height:82px;margin:0 0 24px;border-bottom:1px solid var(--line);background:rgba(244,246,249,.92)!important;backdrop-filter:blur(15px); }
.topbar h1 { color:#172033;font-size:26px;font-weight:700;letter-spacing:-.035em!important; }
.search-command { height:38px;min-width:165px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 9px 0 13px;border:1px solid #d7dde5;border-radius:8px;background:#fff;color:#596579;font-size:12px;box-shadow:var(--shadow-soft); }
.health-pill { border-color:#d7dde5;background:#fff;color:#596579;box-shadow:var(--shadow-soft); }
.search-command:hover { border-color:#aeb8c5;color:#172033; }
.search-command kbd { padding:3px 6px;border:1px solid #d9dee6;border-radius:5px;background:#f7f8fa;color:#667085;font:600 10px inherit; }
.button { min-height:38px;border:1px solid #cfd6df;border-radius:7px;background:#fff;color:#344054;box-shadow:0 1px 2px rgba(16,24,40,.04); }
.button:hover { border-color:#aeb8c5;background:#f8fafc;color:#172033; }
.button.primary { border-color:#3157d5;background:#3157d5;color:#fff;box-shadow:0 1px 2px rgba(16,24,40,.08); }
.button.primary:hover { border-color:#2748b9;background:#2748b9; }
.text-button { color:#3157d5; }
.text-button:hover { color:#2748b9; }

.dashboard-hero { min-height:150px;margin-bottom:15px;padding:27px 30px;border:1px solid #d8dee7;border-radius:13px;background:linear-gradient(135deg,#fff,#f4f7fb)!important;color:#172033;box-shadow:var(--shadow); }
.dashboard-hero:after { border-color:rgba(49,87,213,.055);opacity:1; }
.dashboard-hero h2 { color:#172033;font-size:clamp(30px,3vw,40px);font-weight:720;letter-spacing:-.045em!important; }
.dashboard-hero p:last-child,.dashboard-hero time { color:#667085; }
.dashboard-hero time { border-color:#d8dee7;background:#fff; }
.owner-hero { border-top:3px solid #3157d5; }
.finance-hero { border-top:3px solid #14804a; }
.handover-hero { border-top:3px solid #6c5dd3; }
.stay-hero { border-top:3px solid #2571b8; }

.surface,.command-metric,.attention-card,.cashup-stat,.philsheet-stat,.calls-toolbar,.calls-surface { border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft); }
.surface { padding:22px; }
.surface h2,.section-heading h2,.mail-header h2,.dialog-heading h2 { color:#172033;font-weight:690; }
.section-heading { margin-bottom:17px; }
.section-heading p:last-child { color:#667085; }
.command-grid { gap:14px; }
.command-metrics { gap:10px; }
.command-metric { min-height:108px;padding:18px; }
.command-metric span { color:#667085; }
.command-metric strong,.inline-summary strong,.call-stat-pair strong,.call-summary dd { color:#172033;font-size:27px;font-weight:720; }
.command-metric small { color:#8791a2; }
.attention-strip { gap:9px; }
.attention-card { min-height:66px;padding:13px 15px;color:#344054; }
.attention-card:hover { border-color:#adb7c4;background:#f9fafb; }
.attention-card.static { cursor:default; }
.attention-card.static:hover { transform:none; }
.attention-card strong { background:#eef1f5;color:#344054; }
.attention-card.danger strong { background:#fff0ef;color:#b42318; }
.attention-card.amber strong { background:#fff6e9;color:#a84f00; }
.attention-card.blue strong { background:#edf4ff;color:#2459b3; }
.attention-card.success strong { background:#ebf8f1;color:#087443; }
.inline-summary { border-color:#e3e7ed; }
.inline-summary>div { border-color:#e3e7ed; }
.inline-summary span { color:#667085; }

.dashboard-list-row { border-color:#e6e9ee!important;color:#344054; }
.dashboard-list-row:hover:not(.static) { background:#f6f8fb!important; }
.dashboard-list-row small,.dashboard-list-row>b,.privacy-note { color:#758195; }
.list-icon,.mini-avatar,.on-call-avatar { background:#eef2fa!important;color:#3157d5!important;border-radius:7px!important; }
.list-icon.danger { background:#fff0ef!important;color:#b42318!important; }
.list-icon.amber { background:#fff6e9!important;color:#a84f00!important; }
.list-icon.success { background:#ebf8f1!important;color:#087443!important; }
.dashboard-empty { border:1px dashed #cdd5df;background:#fafbfc; }
.dashboard-empty.success { border-color:#add9c3;background:#f1faf5; }
.dashboard-empty.warning { border-color:#e8c990;background:#fffaf0; }
.on-call-person { border-color:#d8e0ec;border-left:3px solid #3157d5;background:#f8faff; }
.check-row,.safety-row { border-color:#e3e7ed; }
.system-warning-summary { border-color:#e5c689;background:#fff9ed;color:#925000; }
.system-warning-summary small { color:#7d6950; }

.inbox-toolbar { border-radius:10px;background:#fff; }
.inbox-toolbar .search,.inbox-toolbar select,.search.compact { border-color:#d5dbe4;background:#fff;color:#344054; }
.inbox-layout { border-color:#dfe4ea;border-radius:12px;background:#fff;box-shadow:var(--shadow); }
.inquiry-list { border-right-color:#e1e5eb;background:#fbfcfd; }
.inquiry-card { border-bottom-color:#e7eaf0;color:#344054; }
.inquiry-card:hover { background:#f5f7fa; }
.inquiry-card.active { background:#edf2ff;box-shadow:inset 3px 0 #3157d5; }
.inquiry-card.active:after { background:#edf2ff; }
.sender-avatar { background:#e9eef5;color:#53647b; }
.inquiry-detail { background:#fff; }
.mail-detail-toolbar { border-color:#e1e6ec;background:rgba(255,255,255,.94); }
.mail-message>.message-body,.original-message,.workflow-panel,.email-composer,.attachment { border-color:#dfe4ea;background:#f8fafc;color:#344054; }
.message-body,.original-message .message-body { color:#344054!important; }
.ai-summary { border-color:#bfcaee;background:#f3f6ff; }
.composer-heading,.composer-footer,.translated-step { border-color:#dfe4ea;background:#f8fafc; }
.email-composer textarea,.composer-step textarea,.notes-box textarea { background:#fff!important;color:#172033!important; }

table th { background:#f7f8fa;color:#667085; }
th,td { border-bottom-color:#e3e7ed; }
tbody tr:hover td { background:#f8fafc; }
.badge { background:#eef1f5;color:#526071; }
.badge.new { background:#edf4ff;color:#2459b3; }
.badge.in_progress { background:#fff6e9;color:#a84f00; }
.badge.completed { background:#eaf8f1;color:#087443; }
.badge.urgent { background:#fff0ef;color:#b42318; }

.cashup-page-head h2,.philsheet-page-head h2 { color:#172033;font-size:36px;font-weight:720; }
.cashup-stat.bank { border-color:#b8dcc9;background:linear-gradient(145deg,#eef9f3,#fff);color:var(--ink);box-shadow:inset 3px 0 #14804a,var(--shadow-soft); }
.cashup-stat.bank span { color:#087443; }
.philsheet-summary .cashup-stat.bank small { color:#667085; }
.cashup-denomination-row,.payout-card { border-color:#dfe4ea!important;background:#f8fafc!important; }
dialog { border:1px solid #d6dce5;background:#fff;color:#172033;box-shadow:0 30px 80px rgba(16,24,40,.22); }
dialog::backdrop { background:rgba(16,24,40,.48);backdrop-filter:blur(4px); }
.toast { border-color:#27364b;background:#17243a;color:#fff;box-shadow:0 15px 40px rgba(16,24,40,.25); }

.stay-shortcuts { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px; }
.suite-shortcut { min-height:112px;display:grid;grid-template-columns:1fr auto;align-content:start;gap:5px 10px;padding:17px;border:1px solid #dfe4ea;border-radius:11px;background:#fff;color:#172033;text-align:left;box-shadow:var(--shadow-soft); }
.suite-shortcut:hover { border-color:#9fb0d7;background:#f8faff;transform:translateY(-1px); }
.suite-shortcut span { grid-column:1/-1;font-weight:700; }
.suite-shortcut small { color:#667085;line-height:1.4; }
.suite-shortcut b { align-self:end;color:#3157d5;font-size:11px; }
.stay-grid { align-items:stretch; }
.stay-calendar { min-width:0;overflow:auto;padding-bottom:5px; }
.stay-calendar-grid { min-width:1060px;display:grid;grid-template-columns:96px repeat(var(--stay-days),minmax(64px,1fr));border-top:1px solid #e3e7ed;border-left:1px solid #e3e7ed; }
.stay-calendar-grid>div { min-height:45px;border-right:1px solid #e3e7ed;border-bottom:1px solid #e3e7ed; }
.stay-calendar-corner,.stay-calendar-day,.stay-calendar-room { padding:9px;background:#f7f8fa;color:#667085;font-size:10px;font-weight:700; }
.stay-calendar-day { display:grid;place-items:center;gap:1px;text-align:center; }
.stay-calendar-day small { color:#8a94a4;font-weight:500; }
.stay-calendar-day.today { background:#edf2ff;color:#3157d5; }
.stay-calendar-room { display:flex;align-items:center;color:#344054; }
.stay-calendar-cell { position:relative;background:#fff; }
.stay-calendar-cell.occupied { background:#dce7ff; }
.stay-calendar-cell.occupied:after { content:"";position:absolute;inset:7px 0;border-block:1px solid #9fb5eb; }
.stay-calendar-cell.arrival { border-left:3px solid #3157d5; }
.stay-calendar-cell span { position:absolute;z-index:1;inset:0 4px;display:flex;align-items:center;overflow:hidden;color:#203e91;font-size:9px;font-weight:700;white-space:nowrap;text-overflow:ellipsis; }

@media (max-width:1180px) {
  .sidebar { width:248px; }
  .workspace { margin-left:248px;padding-inline:22px; }
  .stay-shortcuts { grid-template-columns:1fr 1fr; }
}
@media (max-width:800px) {
  .sidebar { width:min(86vw,310px); }
  .workspace { margin-left:0;padding-inline:14px; }
  .topbar { background:rgba(244,246,249,.94)!important; }
  #mobile-menu { border-color:#d4dae3;background:#fff;color:#344054; }
  .dashboard-hero { padding:22px 20px; }
  .stay-shortcuts { grid-template-columns:1fr 1fr; }
  .calls-surface tr { border-color:#dfe4ea;background:#fff; }
}
@media (max-width:520px) {
  .login-art { background:linear-gradient(145deg,#101828,#1c3150)!important; }
  .login-art h1 { font-size:48px; }
  .stay-shortcuts { grid-template-columns:1fr; }
  .suite-shortcut { min-height:92px; }
}
.settings-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.settings-grid>.span-2 { grid-column:1/-1; }
.integration-card { display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft); }
.integration-card>div { flex:1; }
.integration-card p { margin:5px 0 0;color:var(--muted);line-height:1.55; }
.integration-card label { flex:1;color:#475467;font-size:11px;font-weight:700;letter-spacing:.04em; }
.integration-card input,.integration-card select { display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #cfd6df;border-radius:7px;background:#fff;color:var(--ink); }

/* Operational cards kept intentionally calm, consistent and readable. */
.daily-brief-card { border-top:3px solid var(--primary)!important;background:linear-gradient(135deg,#fff,#f6f8ff)!important; }
.daily-brief { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:stretch; }
.brief-highlights { display:grid;gap:9px; }
.brief-line { display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #dfe5ed;border-radius:9px;background:#fff; }
.brief-line>span { display:grid;flex:0 0 30px;height:30px;place-items:center;border-radius:8px;background:#eaf0ff;color:var(--primary);font-weight:800; }
.brief-line p { margin:0;color:#344054;font-size:13px;line-height:1.5; }
.brief-line.danger { border-color:#f1b8b4;background:#fff6f5; }
.brief-line.danger>span { background:#fee4e2;color:#b42318; }
.brief-line.warning { border-color:#edcc91;background:#fffaf0; }
.brief-line.warning>span { background:#ffefcf;color:#9c4c00; }
.brief-counters { display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px; }
.brief-counters>div { display:grid;align-content:center;justify-items:center;padding:14px;border:1px solid #dde3eb;border-radius:9px;background:#fff; }
.brief-counters strong { color:var(--ink);font-size:26px; }
.brief-counters span { color:#667085;font-size:11px;font-weight:650;text-align:center; }

.knowledge-source { display:block;margin-top:10px;color:#667085;font-size:12px;line-height:1.5; }
.system-safety-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:18px; }
.safety-service-list { display:grid;gap:7px; }
.safety-row { display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:11px 13px;border:1px solid #e0e5ec;border-radius:8px;background:#fafbfc; }
.safety-row i { width:8px;height:8px;border-radius:50%;background:#d92d20; }
.safety-row.ok i { background:#12a267;box-shadow:0 0 0 4px rgba(18,162,103,.1); }
.safety-row span { color:#344054;font-weight:600; }
.safety-row strong { color:#667085;font-size:11px;text-transform:uppercase;letter-spacing:.06em; }
.backup-card { display:flex;gap:14px;padding:17px;border:1px solid #e6c483;border-radius:10px;background:#fffaef; }
.backup-card.current { border-color:#a7d8c1;background:#f1faf5; }
.backup-icon { display:grid;flex:0 0 40px;height:40px;place-items:center;border-radius:9px;background:#fff0cd;color:#9c5400; }
.backup-card.current .backup-icon { background:#dff4e9;color:#087443; }
.backup-card h3 { margin:2px 0 7px;color:var(--ink); }
.backup-card p { margin:0 0 8px;color:#475467;line-height:1.55; }
.backup-card small { display:block;margin-top:5px;color:#667085; }
.boundary-note { display:flex;gap:14px;padding:17px;border:1px solid #bdcae9;border-radius:10px;background:#f4f7ff; }
.boundary-note>span { display:grid;flex:0 0 34px;height:34px;place-items:center;border-radius:50%;background:#dfe8ff;color:#3157d5;font-weight:850; }
.boundary-note strong { color:#203b82; }
.boundary-note p { margin:5px 0 0;color:#475467;font-size:13px;line-height:1.65; }

/* Call centre workspace. */
.calls-toolbar { display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:15px 17px; }
.calls-toolbar>div:first-child { display:grid;gap:3px; }
.calls-toolbar small { color:#667085;font-size:12px; }
.segmented-control { display:flex;gap:4px;padding:4px;border:1px solid #d7dde5;border-radius:9px;background:#f3f5f8; }
.segmented-control button { border:0;border-radius:6px;background:transparent;color:#596579;padding:9px 12px;font-weight:700; }
.segmented-control button.active { background:#fff;color:#172033;box-shadow:0 1px 4px rgba(16,24,40,.1); }
.segmented-control b { display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;border-radius:999px;background:#dfe4eb;color:#475467;font-size:10px; }
.segmented-control button.active b { background:#3157d5;color:#fff; }
.call-workspace-summary { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px; }
.call-workspace-summary article { display:grid;gap:8px;padding:18px 20px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow-soft); }
.call-workspace-summary span { color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em; }
.call-workspace-summary strong { color:var(--ink);font-size:25px; }
.call-workspace-summary .call-language-list { font-size:13px;line-height:1.45; }
.call-person strong,.call-person small,.calls-surface td:nth-child(4) small { display:block; }
.call-person small,.calls-surface td:nth-child(4) small { margin-top:6px;color:#667085; }
.call-safe-summary { margin:0 0 8px!important;color:#344054!important; }
.call-actions { display:grid;gap:5px;margin-top:10px; }
.call-action-link { width:max-content;max-width:100%;border:0;background:transparent;color:var(--primary);padding:2px 0;text-align:left;font-weight:700; }
.call-action-link:hover { text-decoration:underline; }
.call-action-label { color:#667085;font-size:12px; }
.calls-surface details { margin-top:10px; }
.calls-surface pre { padding:12px;border:1px solid #dce2e9;border-radius:8px;background:#f7f9fb;color:#344054;white-space:pre-wrap; }

/* Documents and people records. */
.invoice-card { position:relative; }
.invoice-avatar { border:1px solid #cdd8ef!important;background:#edf2ff!important;color:#3157d5!important;font-family:inherit!important; }
.invoice-state { display:inline-flex;width:max-content;margin-top:9px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:750; }
.invoice-state.outstanding { background:#fff2d8;color:#985000; }
.invoice-state.paid { background:#e6f7ef;color:#087443; }
.invoice-documents { gap:10px;margin:22px 0; }
.invoice-document.attachment { display:flex;width:100%;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px;border-radius:9px;background:#f8fafc; }
.invoice-document>span { min-width:0; }
.invoice-document strong,.invoice-document small { display:block;overflow-wrap:anywhere; }
.invoice-document small { margin-top:4px;color:#667085; }
.attachment-actions .button,.invoice-document>a.button { padding:8px 12px;font-size:11px; }
.invoice-payment-panel { display:flex;align-items:flex-start;gap:14px;margin-top:20px;padding:17px 18px;border:1px solid #e6c483;border-radius:10px;background:#fffaf0; }
.invoice-payment-panel.paid { border-color:#a7d8c1;background:#f1faf5; }
.invoice-payment-icon { display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:50%;background:#ffedc7;color:#985000;font-size:17px;font-weight:850; }
.invoice-payment-panel.paid .invoice-payment-icon { background:#dff4e9;color:#087443; }
.invoice-payment-panel h3 { margin:0 0 5px;color:var(--ink);font-size:15px; }
.invoice-payment-panel p { margin:0;color:#475467;line-height:1.55; }
.staff-record-group { display:grid;gap:3px;padding:17px 15px 8px;border-bottom:1px solid #e3e7ed;background:#f8fafc; }
.staff-record-group:first-child { padding-top:12px; }
.staff-record-group span { color:#667085;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }
.staff-record-group strong { color:var(--ink);font-size:13px; }
.staff-record-subgroup { display:flex;align-items:center;gap:8px;padding:10px 15px 8px;border-bottom:1px solid #e3e7ed;background:#fff;color:#475467; }
.staff-record-subgroup span { display:grid;width:22px;height:22px;place-items:center;border:1px solid #cdd8ef;border-radius:6px;background:#edf2ff;color:#3157d5;font-size:11px;font-weight:850; }
.staff-record-subgroup strong { font-size:12px;letter-spacing:.02em; }

/* Revenue analytics — scalable, accessible SVG charts rather than fragile div bars. */
.analytics-suite { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.75fr);gap:18px;margin-top:18px; }
.analytics-main,.mix-card,.variance-chart { border:1px solid #e0e5ec;border-radius:11px;background:#fbfcfe; }
.analytics-main { min-width:0;padding:18px 18px 10px; }
.analytics-side { display:grid;gap:12px;align-content:start; }
.chart-heading,.variance-chart header { display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }
.chart-heading>div { display:grid;gap:3px; }
.chart-heading strong,.variance-chart header strong { color:var(--ink);font-size:14px; }
.chart-heading span,.variance-chart header span { color:#667085;font-size:12px; }
.trend-chip { display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#eef1f5;color:#596579!important;font-size:11px!important;font-weight:750; }
.trend-chip.up { background:#e5f6ed;color:#087443!important; }
.trend-chip.down { background:#fff0ef;color:#b42318!important; }
.revenue-chart { display:block;width:100%;height:260px;margin-top:9px;overflow:visible; }
.chart-grid-line { stroke:#e3e7ed;stroke-width:1;vector-effect:non-scaling-stroke; }
.chart-axis-label { fill:#7a8697;font-family:inherit;font-size:10px; }
.chart-area { fill:url(#revenue-area); }
.chart-line { fill:none;stroke:#3f61d4;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke; }
.chart-point { fill:#fff;stroke:#3f61d4;stroke-width:2.5;vector-effect:non-scaling-stroke; }
.mix-card { display:grid;grid-template-columns:126px minmax(0,1fr);align-items:center;gap:10px;padding:16px; }
.mix-donut { position:relative;width:118px;height:118px; }
.mix-donut svg { width:100%;height:100%;transform:rotate(-90deg); }
.donut-base,.donut-cash { fill:none;stroke-width:13; }
.donut-base { stroke:#3f61d4; }
.donut-cash { stroke:#25a077;stroke-linecap:round; }
.mix-donut>div { position:absolute;inset:0;display:grid;place-content:center;text-align:center; }
.mix-donut strong { color:var(--ink);font-size:22px; }
.mix-donut span { color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.06em; }
.mix-legend { display:grid;gap:10px; }
.mix-legend>div { display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;color:#667085;font-size:11px; }
.mix-legend i { width:8px;height:8px;border-radius:50%;background:#25a077; }
.mix-legend i.card { background:#3f61d4; }
.mix-legend strong { color:#344054;font-size:12px; }
.variance-chart { padding:16px; }
.variance-chart header { margin-bottom:13px; }
.variance-row { display:grid;grid-template-columns:44px minmax(60px,1fr) 72px;align-items:center;gap:8px;min-height:27px;color:#667085;font-size:10px; }
.variance-row>i { position:relative;height:7px;border-radius:99px;background:#edf0f4;overflow:hidden; }
.variance-row>i:after { content:"";position:absolute;left:50%;top:-2px;width:1px;height:11px;background:#aeb8c5; }
.variance-row b { position:absolute;top:0;left:50%;width:var(--variance-size);height:100%;border-radius:99px;background:#e39a3a; }
.variance-row.negative b { left:auto;right:50%;background:#d65b54; }
.variance-row.balanced b { left:calc(50% - 2px);width:4px;background:#25a077; }
.variance-row>strong { color:#475467;font-size:10px;text-align:right; }
.finance-intelligence .dashboard-table { margin-top:18px;padding-top:8px;border-top:1px solid #e4e8ee; }

/* Final readability pass over legacy components. */
.surface p,.surface small,.hint,.privacy-note,.dashboard-list-row small,.empty-state p { font-size:12px;line-height:1.55; }
.section-heading p:last-child { font-size:13px;line-height:1.55; }
.toggle-grid label span { color:#344054; }
.toggle-grid label small { color:#667085;font-size:11px;line-height:1.45; }
.reconciliation-card dt,.reconciliation-card dd { color:#475467; }
.reconciliation-card dd { color:var(--ink);font-weight:700; }
.reconciliation-card .reconciliation-bank { background:#e9f7f0;color:#0b5f3d; }
.reconciliation-card .reconciliation-card-total { background:#edf3ff;color:#24489e; }
.reconciliation-card .reconciliation-bank dt,.reconciliation-card .reconciliation-bank dd { color:#0b5f3d; }
.reconciliation-card .reconciliation-card-total dt,.reconciliation-card .reconciliation-card-total dd { color:#24489e; }
.philsheet-help { border-color:#c8d5ee!important;background:#f3f6ff!important;color:#475467!important; }
.compose-dialog input,.compose-dialog textarea,.notes-box textarea,.reply-box textarea { border-color:#cfd6df!important;background:#fff!important;color:var(--ink)!important; }

@media(max-width:1450px) {
  .inbox-toolbar { grid-template-columns:auto minmax(200px,1fr) 160px 160px; }
  #inbox.team-task-mode .inbox-toolbar { grid-template-columns:auto minmax(200px,1fr) repeat(3,minmax(135px,1fr)); }
  #inbox.staff-record-mode .inbox-toolbar { grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(135px,.8fr)); }
  .inbox-toolbar-title { display:none; }
}
@media(max-width:1100px) {
  .analytics-suite { grid-template-columns:1fr; }
  .analytics-side { grid-template-columns:1fr 1fr; }
}
@media(max-width:900px) {
  .daily-brief,.system-safety-grid { grid-template-columns:1fr; }
  .call-workspace-summary { grid-template-columns:1fr 1fr; }
  .calls-toolbar { align-items:stretch;flex-direction:column; }
  .segmented-control button { flex:1; }
}
@media(max-width:800px) {
  .settings-grid { grid-template-columns:1fr; }
  .settings-grid>.span-2 { grid-column:auto; }
  .integration-card { align-items:stretch;flex-direction:column; }
  .analytics-side { grid-template-columns:1fr; }
  .calls-surface .table-wrap { overflow:visible; }
  .calls-surface table,.calls-surface thead,.calls-surface tbody,.calls-surface tr,.calls-surface td { display:block;width:100%; }
  .calls-surface thead { display:none; }
  .calls-surface tr { margin-bottom:12px;padding:15px;border:1px solid #dfe4ea;border-radius:10px;background:#fff; }
  .calls-surface td { padding:5px 0;border:0; }
}

/* Owner management accounts */
.pnl-hero{border-top:3px solid #0f8b68;background:linear-gradient(135deg,#fff 0%,#f2fbf8 70%,#e8f6f2 100%)!important}
.pnl-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px;padding:16px 18px}
.pnl-period-controls,.pnl-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.pnl-period-controls label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.pnl-period-controls select{min-width:150px;height:38px}
.pnl-status{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:12px 16px;border:1px solid #d9e2eb;border-radius:9px;background:#fff;color:#475467}
.pnl-status strong{color:var(--ink)}
.pnl-status.review{border-color:#efd7a5;background:#fffaf0}.pnl-status.review:before{content:"!";display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#fff0ce;color:#945500;font-weight:800}
.pnl-status.complete{border-color:#b9dfcf;background:#f2faf6}.pnl-status.complete:before{content:"✓";display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#dff4e9;color:#087443;font-weight:800}
.pnl-status.loading:before{content:"";width:17px;height:17px;border:2px solid #ccd5e0;border-top-color:var(--primary);border-radius:50%;animation:pnl-spin .8s linear infinite}@keyframes pnl-spin{to{transform:rotate(360deg)}}
.pnl-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.pnl-kpi{position:relative;overflow:hidden;min-height:135px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-soft)}
.pnl-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#3157d5}.pnl-kpi.expense:before{background:#d97706}.pnl-kpi.profit:before{background:#14804a}.pnl-kpi.loss:before{background:#c4322b}.pnl-kpi.margin:before{background:#6c5dd3}
.pnl-kpi>span{display:block;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.pnl-kpi strong{display:block;margin:11px 0 5px;color:var(--ink);font-size:clamp(25px,2.2vw,34px);letter-spacing:-.04em}.pnl-kpi small{color:#7b8799}
.pnl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pnl-grid>.span-2{grid-column:span 2}
.pnl-trend-card{min-width:0}.pnl-chart{min-width:0;overflow:hidden}.pnl-chart-legend{display:flex;justify-content:flex-end;gap:18px;margin:-4px 0 9px;color:var(--muted);font-size:11px}.pnl-chart-legend span{display:flex;align-items:center;gap:6px}.pnl-chart-legend i{width:18px;height:3px;border-radius:9px;background:#3157d5}.pnl-chart-legend i.prior{height:0;background:transparent;border-top:2px dashed #8996a8;border-radius:0}.pnl-chart-legend i.expense{background:#e59b31}.pnl-chart-legend i.profit{background:#15936e}
.pnl-trend-svg{display:block;width:100%;height:310px;overflow:visible}.pnl-grid-line{stroke:#e9edf2;stroke-width:1}.pnl-zero-line{stroke:#bac4d0;stroke-width:1}.pnl-axis-label{fill:#7a8798;font-size:11px}.pnl-revenue-line,.pnl-expense-line,.pnl-profit-line,.pnl-prior-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.pnl-revenue-line{stroke:#3157d5}.pnl-prior-line{stroke:#8996a8;stroke-width:2.5;stroke-dasharray:8 7}.pnl-expense-line{stroke:#e59b31}.pnl-profit-line{stroke:#15936e;stroke-width:4}.pnl-profit-point{fill:#fff;stroke:#15936e;stroke-width:3}.pnl-muted{color:var(--muted);font-size:11px;white-space:nowrap}
.pnl-recurring-rules{display:grid;gap:8px;margin:18px 0}.pnl-recurring-rules>strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.pnl-recurring-rules>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.pnl-recurring-rules span{font-weight:700}.pnl-recurring-rules b{font-size:13px}.pnl-recurring-rules small{grid-column:1/-1;color:var(--muted)}
.pnl-breakdown{display:grid;gap:15px}.pnl-breakdown-row>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.pnl-breakdown-row span{color:#475467}.pnl-breakdown-row strong{font-size:13px}.pnl-breakdown-row progress{display:block;width:100%;height:7px;overflow:hidden;border:0;border-radius:99px;background:#edf0f4;appearance:none}.pnl-breakdown-row progress::-webkit-progress-bar{border-radius:99px;background:#edf0f4}.pnl-breakdown-row progress::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,#3157d5,#7288e7)}.pnl-breakdown-row progress::-moz-progress-bar{border-radius:99px;background:linear-gradient(90deg,#3157d5,#7288e7)}#pnl-expense-mix progress::-webkit-progress-value{background:linear-gradient(90deg,#c66f10,#e6a84f)}#pnl-expense-mix progress::-moz-progress-bar{background:linear-gradient(90deg,#c66f10,#e6a84f)}
.pnl-table table{min-width:860px}.pnl-table td{vertical-align:middle}.pnl-table td small{display:block;margin-top:3px;color:var(--muted)}.pnl-positive{color:#087443!important}.pnl-negative{color:#b42318!important}.badge.revenue{background:#eaf8f1;color:#087443}.badge.expense{background:#fff4e5;color:#9a5300}.row-actions{display:flex;gap:6px;justify-content:flex-end}.row-actions .button{min-height:31px;padding:5px 9px;font-size:11px}.button.danger{border-color:#efd0cd;color:#b42318}.button.danger:hover{background:#fff3f2}
.pnl-confidence-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.pnl-confidence-metrics>div{padding:15px;border:1px solid #e1e6ec;border-radius:9px;background:#fafbfc}.pnl-confidence-metrics strong{display:block;font-size:23px}.pnl-confidence-metrics span{color:var(--muted);font-size:12px}.pnl-completeness ul{margin:14px 0 0;padding-left:20px;color:#667085}.pnl-completeness li+li{margin-top:7px}
.pnl-invoice-queue{display:grid;gap:7px;padding:15px;border:1px solid #ecd8af;border-radius:10px;background:#fffbf3}.pnl-invoice-queue>strong{margin-bottom:2px}.pnl-invoice-queue button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:10px 11px;border:1px solid #eadfca;border-radius:8px;background:#fff;color:var(--ink);text-align:left}.pnl-invoice-queue button:hover{border-color:#d0aa62}.pnl-invoice-queue button span{font-weight:650}.pnl-invoice-queue button small{grid-column:1;color:var(--muted)}.pnl-invoice-queue button b{grid-column:2;grid-row:1 / span 2;align-self:center;color:#a25b00;font-size:11px}
.pnl-entry-dialog{width:min(760px,calc(100vw - 32px))}.pnl-entry-dialog form{display:grid;gap:14px}

/* Private wages register */
.wages-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.wages-chart{min-width:0;overflow:hidden}
.wage-chart-legend i.wage-payable{background:#315b72}.wage-chart-legend i.wage-estimate{height:0;background:transparent;border-top:2px dashed #a39d8e;border-radius:0}
.wage-payable-bar{fill:#315b72}.wage-estimate-line{stroke:#a39d8e;stroke-width:2;stroke-dasharray:8 7}.wage-value-label{fill:#4e5b55;font-size:10px;font-weight:750}
.wage-month rect{transition:filter .18s ease,opacity .18s ease}.wage-month:hover rect{filter:brightness(1.12);opacity:.92}
.wages-table table{min-width:760px}.badge.paid{background:#e3efe8;color:#246a4a}.badge.unpaid{background:#f6e9dd;color:#95532f}
.wage-dialog form{display:grid;gap:14px}.wage-cost-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 16px;padding:16px 18px;border:1px solid var(--line);border-radius:12px}.wage-cost-preview span{font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.wage-cost-preview strong{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:26px}.wage-cost-preview small{grid-column:1}.wage-payment-fields{align-items:center}.wages-guidance{padding:0;overflow:hidden}.wages-guidance .boundary-note{margin:0;border:0;border-radius:0}
@media(max-width:1180px){.wages-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(max-width:1050px){.pnl-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.pnl-toolbar{align-items:stretch;flex-direction:column}.pnl-period-controls,.pnl-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pnl-actions .button.primary{grid-column:span 2}.pnl-period-controls select{width:100%;min-width:0}.pnl-grid{grid-template-columns:1fr}.pnl-grid>.span-2{grid-column:auto}.pnl-trend-svg{height:260px}.pnl-confidence-metrics{grid-template-columns:1fr}.pnl-status{align-items:flex-start}.pnl-status span{display:block}.wages-kpis{grid-template-columns:1fr 1fr}.wage-chart-svg{height:250px}.wage-cost-preview{grid-template-columns:1fr}.wage-cost-preview strong{grid-column:1;grid-row:auto}}
@media(max-width:520px){.pnl-kpis{grid-template-columns:1fr 1fr}.pnl-kpi{min-height:116px;padding:16px}.pnl-kpi strong{font-size:22px}.pnl-period-controls,.pnl-actions{grid-template-columns:1fr}.pnl-actions .button.primary{grid-column:auto}.pnl-chart-legend{justify-content:flex-start;flex-wrap:wrap}.pnl-trend-svg{height:235px}}
@media(max-width:420px){.wages-kpis{grid-template-columns:1fr}}

@media print{
  body.portal-owner:has(#profitloss.active) .sidebar,body.portal-owner:has(#profitloss.active) .topbar,body.portal-owner:has(#profitloss.active) .pnl-toolbar,body.portal-owner:has(#profitloss.active) .row-actions,body.portal-owner:has(#profitloss.active) .pnl-invoice-queue{display:none!important}
  body.portal-owner:has(#profitloss.active) .workspace{margin:0!important;padding:0!important;background:#fff!important}
  body.portal-owner:has(#profitloss.active) .view:not(#profitloss){display:none!important}
  body.portal-owner:has(#profitloss.active) #profitloss{display:block!important}
  body.portal-owner:has(#profitloss.active) .pnl-grid{display:block}
  body.portal-owner:has(#profitloss.active) .pnl-grid>.surface{margin:12px 0;break-inside:avoid;box-shadow:none}
  body.portal-owner:has(#profitloss.active) .pnl-kpis{break-inside:avoid}
  body.portal-owner:has(#profitloss.active) .pnl-table{overflow:visible}
  body.portal-owner:has(#profitloss.active) .pnl-table table{min-width:0;font-size:9px}
  body.portal-owner:has(#wages.active) .sidebar,body.portal-owner:has(#wages.active) .topbar,body.portal-owner:has(#wages.active) .wages-toolbar,body.portal-owner:has(#wages.active) .row-actions,body.portal-owner:has(#wages.active) .wages-guidance{display:none!important}
  body.portal-owner:has(#wages.active) .workspace{margin:0!important;padding:0!important;background:#fff!important}
  body.portal-owner:has(#wages.active) .view:not(#wages){display:none!important}body.portal-owner:has(#wages.active) #wages{display:block!important}
  body.portal-owner:has(#wages.active) .surface,body.portal-owner:has(#wages.active) .pnl-kpi{background:#fff!important;color:#111!important;box-shadow:none!important;break-inside:avoid}
  body.portal-owner:has(#wages.active) .wages-table{overflow:visible}body.portal-owner:has(#wages.active) .wages-table table{min-width:0;font-size:8px}
}
@media(max-width:540px) {
  .brief-counters { grid-template-columns:1fr; }
  .segmented-control { width:100%; }
  .segmented-control button { padding:9px 7px;font-size:12px; }
  .mix-card { grid-template-columns:105px 1fr; }
  .mix-donut { width:100px;height:100px; }
  .revenue-chart { height:220px; }
  .invoice-document.attachment { align-items:stretch;flex-direction:column; }
  .attachment-actions { width:100%; }
  .attachment-actions .button { flex:1;text-align:center; }
}

/* ========================================================================== */
/* Midnight Aurora — Basement's unified hospitality operations system.        */
/* This final layer deliberately replaces the restrained light workspace.     */
/* ========================================================================== */
:root {
  color-scheme:dark;
  --canvas:#07111f;
  --paper:#0d1b2b;
  --surface-raised:#112238;
  --surface-soft:#0a1726;
  --surface-hover:#142a43;
  --sidebar:#050b14;
  --ink:#f4f7fc;
  --muted:#9baabd;
  --line:rgba(160,184,219,.16);
  --line-bright:rgba(164,190,228,.28);
  --primary:#7d8cff;
  --primary-dark:#6474ed;
  --primary-soft:rgba(125,140,255,.14);
  --acid:#63d8ff;
  --green:#43d6a5;
  --amber:#ffbf69;
  --red:#ff6b78;
  --blue:#63b3ff;
  --shadow:0 24px 70px rgba(0,0,0,.24);
  --shadow-soft:0 12px 32px rgba(0,0,0,.16);
  --radius:16px;
}

html,body,.workspace {
  background:
    radial-gradient(circle at 88% -8%,rgba(115,91,255,.16),transparent 34rem),
    radial-gradient(circle at 18% 5%,rgba(36,192,255,.08),transparent 30rem),
    var(--canvas)!important;
  color:var(--ink);
}
body,button,input,select,textarea {
  font-family:"Avenir Next","SF Pro Display","Segoe UI Variable",Inter,system-ui,sans-serif!important;
}
body { font-size:15px; }
h1,h2,h3,h4,.login-art h1,.login-form h2,.topbar h1,.surface h2,.section-heading h2,.dialog-heading h2,.mail-header h2,.metric strong,.pulse-grid strong {
  color:var(--ink);font-family:inherit!important;font-weight:700!important;letter-spacing:-.038em!important;
}
.kicker { color:#8d9cff!important;font-size:11px!important;font-weight:800!important;letter-spacing:.145em!important; }

.login-shell { background:var(--canvas)!important; }
.login-art { background:linear-gradient(145deg,#050b14 0%,#0d1b32 54%,#162851 100%)!important; }
.login-art:after { background-image:radial-gradient(circle at 75% 18%,rgba(99,216,255,.18),transparent 22rem),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important; }
.login-art h1 { color:#fff;font-weight:650!important; }
.login-art>div:nth-child(2)>p:last-child,.login-art small { color:#aab9ca; }
.login-form h2 { color:#fff; }
.login-form>div>p:last-child { color:var(--muted); }
.brand-mark { border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,#7186ff,#7054d9);color:#fff;box-shadow:0 12px 30px rgba(98,92,232,.3); }

.sidebar { background:linear-gradient(180deg,#050b14 0%,#07111e 55%,#091526 100%)!important;border-right:1px solid rgba(151,177,215,.11);box-shadow:18px 0 55px rgba(0,0,0,.16); }
.side-brand { border-bottom-color:rgba(255,255,255,.08); }
.side-brand strong { color:#f7f9fd; }
.side-brand small,.nav-area-toggle small { color:#75879d; }
.nav-area.open { background:rgba(125,140,255,.055); }
.nav-area-toggle { color:#c3cfdd; }
.nav-area-toggle:hover { background:rgba(255,255,255,.045);color:#fff; }
.nav-item { color:#8999ad; }
.nav-item:hover { background:rgba(255,255,255,.055);color:#f7f9fd; }
.nav-item.active { background:linear-gradient(100deg,rgba(104,126,255,.82),rgba(99,89,221,.64));color:#fff;box-shadow:0 10px 30px rgba(83,95,214,.25),inset 0 0 0 1px rgba(255,255,255,.08); }
.nav-item.active:before { display:none; }
.nav-item b { background:#17273c;color:#a8b7c8; }
.nav-item.active b { background:rgba(255,255,255,.92);color:#4f5fc5; }
.side-bottom { border-top-color:rgba(255,255,255,.08); }
.user-avatar { background:linear-gradient(145deg,#6f85ff,#6251c9);color:#fff; }

.topbar { border-bottom-color:rgba(157,183,220,.14);background:rgba(7,17,31,.78)!important;box-shadow:0 16px 42px rgba(0,0,0,.06); }
.topbar h1 { color:#f6f8fc;font-size:28px; }
.search-command,.health-pill,.button { border-color:var(--line-bright);background:rgba(16,31,50,.86);color:#b9c6d6;box-shadow:0 10px 26px rgba(0,0,0,.12); }
.search-command:hover,.button:hover { border-color:rgba(125,140,255,.55);background:#14263c;color:#fff; }
.search-command kbd { border-color:rgba(160,184,219,.22);background:#091522;color:#8fa1b7; }
.button.primary { border-color:#7485fb;background:linear-gradient(135deg,#7485fb,#665bd8);color:#fff;box-shadow:0 12px 28px rgba(94,91,218,.28); }
.button.primary:hover { border-color:#8d9aff;background:linear-gradient(135deg,#8493ff,#7468e6); }
.text-button { color:#8ea0ff; }
.text-button:hover { color:#b4c0ff; }
.health-pill:before { box-shadow:0 0 0 5px rgba(255,191,105,.1); }
.health-pill.ok:before { background:var(--green);box-shadow:0 0 0 5px rgba(67,214,165,.1); }

.dashboard-hero { border:1px solid rgba(137,158,255,.26);border-top:0;background:linear-gradient(120deg,rgba(21,42,71,.98),rgba(29,42,86,.96) 58%,rgba(50,42,103,.96))!important;color:#fff;box-shadow:0 24px 60px rgba(0,0,0,.22);overflow:hidden; }
.dashboard-hero:before { content:"";position:absolute;right:13%;top:-125%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(99,216,255,.18),transparent 66%);pointer-events:none; }
.dashboard-hero:after { border-color:rgba(174,190,255,.1); }
.dashboard-hero h2 { color:#fff;font-weight:650!important; }
.dashboard-hero p:last-child,.dashboard-hero time { color:#b7c5d6; }
.dashboard-hero time { border-color:rgba(183,201,228,.2);background:rgba(5,13,25,.3);color:#c9d5e3;backdrop-filter:blur(12px); }
.owner-hero,.finance-hero,.handover-hero,.stay-hero { border-top:1px solid rgba(137,158,255,.26); }

.surface,.command-metric,.attention-card,.cashup-stat,.philsheet-stat,.calls-toolbar,.calls-surface,.suite-shortcut,.call-workspace-summary article {
  border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,32,52,.98),rgba(11,24,40,.98));box-shadow:var(--shadow-soft);color:var(--ink);
}
.surface { position:relative; }
.surface h2,.section-heading h2,.mail-header h2,.dialog-heading h2 { color:#f2f6fc; }
.surface p,.surface small,.section-heading p:last-child,.dashboard-list-row small,.privacy-note,.hint,.empty-state p { color:var(--muted); }
.command-card { overflow:hidden; }
.command-card:after { content:"";position:absolute;inset:auto -100px -130px auto;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(125,140,255,.045),transparent 68%);pointer-events:none; }
.command-metric { min-height:118px;border-top-color:rgba(125,140,255,.36); }
.command-metric span { color:#8f9eb1; }
.command-metric strong,.inline-summary strong,.call-stat-pair strong,.call-summary dd { color:#f6f8fc;font-weight:700; }
.command-metric small { color:#71839a; }
.combined-revenue-card { position:relative;display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(220px,.72fr) minmax(340px,1fr);gap:18px;align-items:stretch;margin:18px 0;padding:24px;border:1px solid rgba(99,216,255,.22);border-radius:18px;background:linear-gradient(115deg,rgba(16,37,62,.98),rgba(25,42,84,.96) 55%,rgba(39,33,88,.96));box-shadow:0 22px 58px rgba(0,0,0,.22);overflow:hidden; }
.combined-revenue-card:after { content:"";position:absolute;right:-85px;top:-125px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(99,216,255,.14),transparent 67%);pointer-events:none; }
.combined-revenue-copy,.combined-revenue-total,.combined-revenue-breakdown { position:relative;z-index:1; }
.combined-revenue-copy h2 { margin:5px 0 7px;color:#fff;font-size:25px; }
.combined-revenue-copy>p:last-child { max-width:560px;margin:0;color:#aebdd0;line-height:1.55; }
.combined-revenue-total { display:flex;flex-direction:column;justify-content:center;padding:15px 20px;border-left:1px solid rgba(157,183,220,.16); }
.combined-revenue-total span,.combined-revenue-breakdown span { color:#91a3b9;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }
.combined-revenue-total strong { margin:5px 0 2px;color:#fff;font-size:34px;font-weight:700;letter-spacing:-.045em;white-space:nowrap; }
.combined-revenue-total small,.combined-revenue-breakdown small { color:#7f93aa;font-size:10px; }
.combined-revenue-breakdown { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.combined-revenue-breakdown>div { display:flex;min-width:0;flex-direction:column;justify-content:center;padding:15px 16px;border:1px solid rgba(157,183,220,.14);border-radius:13px;background:rgba(5,14,26,.27); }
.combined-revenue-breakdown>div:first-child { box-shadow:inset 0 2px #8997ff; }
.combined-revenue-breakdown>div:last-child { box-shadow:inset 0 2px #43d6a5; }
.combined-revenue-breakdown strong { margin:7px 0 4px;color:#f5f8fc;font-size:18px;font-weight:700;letter-spacing:-.03em;white-space:nowrap; }

.attention-card { color:#cbd6e4; }
.attention-card:hover { border-color:rgba(125,140,255,.5);background:#14283f;transform:translateY(-2px); }
.attention-card strong { background:rgba(146,162,190,.12);color:#dce4ef; }
.attention-card.danger strong { background:rgba(255,107,120,.13);color:#ff9aa4; }
.attention-card.amber strong { background:rgba(255,191,105,.13);color:#ffd08f; }
.attention-card.blue strong { background:rgba(99,179,255,.13);color:#83c6ff; }
.attention-card.success strong { background:rgba(67,214,165,.13);color:#6be5bb; }
.inline-summary { border-color:var(--line);background:rgba(5,14,25,.18); }
.inline-summary>div { border-color:var(--line); }
.inline-summary span { color:#8697ac; }

.daily-brief-card { border-top:1px solid rgba(125,140,255,.25)!important;background:linear-gradient(125deg,#101f35,#162444 54%,#211e4b)!important; }
.brief-line { border-color:rgba(157,183,220,.14);background:rgba(5,13,24,.28); }
.brief-line>span { background:rgba(125,140,255,.16);color:#9aa7ff; }
.brief-line p { color:#cbd6e3; }
.brief-line.danger { border-color:rgba(255,107,120,.3);background:rgba(105,31,42,.22); }
.brief-line.danger>span { background:rgba(255,107,120,.16);color:#ff97a1; }
.brief-line.warning { border-color:rgba(255,191,105,.28);background:rgba(99,66,22,.22); }
.brief-line.warning>span { background:rgba(255,191,105,.15);color:#ffd08f; }
.brief-counters>div { border-color:rgba(157,183,220,.15);background:rgba(5,13,24,.3); }
.brief-counters strong { color:#fff; }
.brief-counters span { color:#899aaf; }

.dashboard-list-row { border-color:rgba(157,183,220,.12)!important;color:#d6dfeb; }
.dashboard-list-row:hover:not(.static) { background:rgba(125,140,255,.075)!important; }
.dashboard-list-row small,.dashboard-list-row>b { color:#8192a8; }
.list-icon,.mini-avatar,.on-call-avatar { background:rgba(125,140,255,.13)!important;color:#9ba8ff!important; }
.list-icon.danger { background:rgba(255,107,120,.13)!important;color:#ff909b!important; }
.list-icon.amber { background:rgba(255,191,105,.13)!important;color:#ffc97f!important; }
.list-icon.success { background:rgba(67,214,165,.13)!important;color:#6be5bb!important; }
.dashboard-empty { border-color:rgba(157,183,220,.18);background:rgba(5,14,25,.2); }
.dashboard-empty.success { border-color:rgba(67,214,165,.25);background:rgba(32,113,86,.12); }
.dashboard-empty.warning { border-color:rgba(255,191,105,.26);background:rgba(115,73,22,.13); }
.on-call-person { border-color:rgba(67,214,165,.25);border-left:3px solid var(--green);background:rgba(28,105,80,.11); }
.workload-meter { background:#17283b; }
.workload-meter i { background:linear-gradient(90deg,#6579f3,#63d8ff); }
.check-row,.safety-row { border-color:var(--line); }
.system-warning-summary { border-color:rgba(255,191,105,.25);background:rgba(111,71,20,.13);color:#ffd08f; }
.system-warning-summary small { color:#bfa983; }

.inbox-toolbar,.inbox-layout,.inquiry-detail,.calls-surface { border-color:var(--line);background:rgba(10,23,38,.95); }
.inbox-toolbar .search,.inbox-toolbar select,.search.compact { border-color:var(--line-bright);background:#081522;color:#cbd6e3; }
.inbox-toolbar input,.inbox-toolbar select { color:#dfe6ef!important; }
.inquiry-list { border-right-color:var(--line);background:#091625; }
.inquiry-card { border-bottom-color:var(--line);color:#cbd6e3; }
.inquiry-card:hover { background:#10243a; }
.inquiry-card.active { background:linear-gradient(90deg,rgba(125,140,255,.18),rgba(125,140,255,.06));box-shadow:inset 3px 0 #7d8cff; }
.inquiry-card.active:after { background:#172944; }
.sender-avatar { background:#182a40;color:#aab9ca; }
.mail-detail-toolbar { border-color:var(--line);background:rgba(8,19,32,.94); }
.mail-message>.message-body,.original-message,.workflow-panel,.email-composer,.attachment { border-color:var(--line);background:rgba(6,16,28,.48);color:#d8e1ec; }
.message-body,.original-message .message-body { color:#d8e1ec!important; }
.ai-summary { border-color:rgba(125,140,255,.3);background:rgba(92,105,219,.11); }
.composer-heading,.composer-footer,.translated-step { border-color:var(--line);background:#0b1a2a; }
.email-composer textarea,.composer-step textarea,.notes-box textarea { background:#071521!important;color:#e4eaf2!important; }

table th { background:#091625;color:#8091a7; }
th,td { border-bottom-color:var(--line); }
td { color:#cbd6e3; }
tbody tr:hover td { background:rgba(125,140,255,.055); }
.badge { background:rgba(146,162,190,.12);color:#aebdcd; }
.badge.new { background:rgba(99,179,255,.13);color:#83c6ff; }
.badge.in_progress { background:rgba(255,191,105,.13);color:#ffd08f; }
.badge.completed { background:rgba(67,214,165,.13);color:#6be5bb; }
.badge.urgent { background:rgba(255,107,120,.13);color:#ff97a1; }

.analytics-main,.mix-card,.variance-chart { border-color:var(--line);background:rgba(6,16,28,.42); }
.chart-heading strong,.variance-chart header strong,.mix-donut strong,.mix-legend strong { color:#eef3f9; }
.chart-heading span,.variance-chart header span,.mix-donut span,.mix-legend>div { color:#8395ab; }
.trend-chip { background:rgba(146,162,190,.12);color:#aab8c8!important; }
.trend-chip.up { background:rgba(67,214,165,.13);color:#6be5bb!important; }
.trend-chip.down { background:rgba(255,107,120,.13);color:#ff97a1!important; }
.chart-grid-line { stroke:rgba(151,177,215,.14); }
.chart-axis-label { fill:#7f91a7; }
.chart-area { fill:url(#revenue-area); }
.chart-line { stroke:#8997ff;filter:drop-shadow(0 4px 7px rgba(99,113,241,.28)); }
.chart-point { fill:#0a1726;stroke:#8f9cff; }
.analytics-main { padding:22px 22px 12px;overflow:hidden; }
.analytics-kpis { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 13px; }
.analytics-kpis>div { min-width:0;padding:13px 14px;border:1px solid rgba(157,183,220,.13);border-radius:12px;background:linear-gradient(145deg,rgba(22,40,64,.78),rgba(10,23,39,.72)); }
.analytics-kpis span,.analytics-kpis small { display:block;color:#7f91a7;font-size:10px;font-weight:750;letter-spacing:.075em;text-transform:uppercase; }
.analytics-kpis strong { display:block;margin-top:6px;color:#f4f7fb;font-size:18px;font-weight:700;letter-spacing:-.035em;white-space:nowrap; }
.analytics-kpis small { margin-top:4px;color:#9aabc0;letter-spacing:0;text-transform:none; }
.chart-legend { display:flex;align-items:center;justify-content:flex-end;gap:17px;margin:0 5px -3px;color:#8fa0b4;font-size:11px;font-weight:650; }
.chart-legend span { display:inline-flex;align-items:center;gap:7px; }
.chart-legend i { display:inline-block;width:9px;height:9px;border-radius:3px;box-shadow:0 0 0 3px rgba(255,255,255,.025); }
.chart-legend i.card { background:#7587f8; }
.chart-legend i.cash { background:#43d6a5; }
.chart-legend i.total { width:16px;height:3px;border-radius:99px;background:#9aa6ff;box-shadow:0 0 9px rgba(137,151,255,.45); }
.revenue-chart { height:320px;margin-top:2px; }
.chart-bar-card,.chart-bar-cash { opacity:.96;transition:opacity .18s ease,filter .18s ease; }
.chart-bar-card { fill:url(#card-bar); }
.chart-bar-cash { fill:url(#cash-bar); }
.chart-day:hover .chart-bar-card,.chart-day:hover .chart-bar-cash { opacity:1;filter:brightness(1.15) drop-shadow(0 6px 10px rgba(0,0,0,.22)); }
.chart-line { stroke-width:3.5; }
.chart-point { stroke-width:3; }
.donut-base { stroke:#7788ff; }
.donut-cash { stroke:#43d6a5; }
.variance-row>i { background:#17283c; }
.variance-row>i:after { background:#4a5e76; }
.variance-row b { background:#ffbf69; }
.variance-row.negative b { background:#ff6b78; }
.variance-row.balanced b { background:#43d6a5; }
.variance-row>strong { color:#b9c6d5; }
.finance-intelligence .dashboard-table { border-top-color:var(--line); }

.calls-toolbar,.segmented-control { border-color:var(--line); }
.calls-toolbar small,.call-person small,.calls-surface td:nth-child(4) small,.call-action-label { color:#8394aa; }
.segmented-control { background:#071420; }
.segmented-control button { color:#8798ad; }
.segmented-control button.active { background:linear-gradient(120deg,#6578ee,#6556cd);color:#fff;box-shadow:0 8px 20px rgba(83,80,195,.24); }
.segmented-control b { background:#17283b;color:#a9b8c9; }
.segmented-control button.active b { background:rgba(255,255,255,.9);color:#5562bf; }
.call-safe-summary { color:#d8e2ed!important; }
.call-action-link { color:#93a2ff; }
.calls-surface pre { border-color:var(--line);background:#06111d;color:#bdc9d8; }

.cashup-page-head h2,.philsheet-page-head h2 { color:#f4f7fc; }
.cashup-stat.bank { border-color:rgba(67,214,165,.28);background:linear-gradient(145deg,rgba(31,120,91,.32),rgba(12,34,36,.92));color:#f5fffb;box-shadow:inset 3px 0 #43d6a5,var(--shadow-soft); }
.cashup-stat.bank span { color:#70e6bd; }
.philsheet-summary .cashup-stat.bank small { color:#91baa9; }
.cashup-denomination-row,.payout-card,.cashup-payout-row,.philsheet-payout-row,.cashup-section { border-color:var(--line)!important;background:rgba(10,24,40,.94)!important; }
.cashup-form label,.cashup-payout-row label,.denomination-grid label,.philsheet-payout-row label { color:#aebccc; }
.cashup-form input,.cashup-form select,.cashup-form textarea,.philsheet-payout-row input,.money-input,input,select,textarea { border-color:var(--line-bright)!important;background:#071521!important;color:#eef3f9!important; }
.cashup-form input[readonly],.cashup-form input:disabled,.cashup-form select:disabled,.cashup-form textarea:disabled { background:#101e2e!important;color:#899aaf!important; }
.cashup-till-total { background:rgba(125,140,255,.12); }
.cashup-till-total span { color:#9ba8ff; }
.cashup-recount { border-color:rgba(255,191,105,.28);background:rgba(111,71,20,.14);color:#ffd08f; }
.cashup-recount p { color:#c9a875; }
.reconciliation-card dt,.reconciliation-card dd { color:#a8b6c7; }
.reconciliation-card dd { color:#eef3f9; }
.reconciliation-card .reconciliation-total { border-top-color:#71839a; }
.reconciliation-card .reconciliation-bank { background:rgba(35,133,101,.22); }
.reconciliation-card .reconciliation-card-total { background:rgba(81,105,219,.22); }
.reconciliation-card .reconciliation-bank dt,.reconciliation-card .reconciliation-bank dd { color:#73e8c0; }
.reconciliation-card .reconciliation-card-total dt,.reconciliation-card .reconciliation-card-total dd { color:#a8b4ff; }
.philsheet-help { border-color:rgba(125,140,255,.28)!important;background:rgba(87,93,199,.11)!important;color:#bec7ff!important; }

.suite-shortcut { color:#f0f4f9; }
.suite-shortcut:hover { border-color:rgba(125,140,255,.48);background:#142941;box-shadow:0 18px 40px rgba(0,0,0,.2); }
.suite-shortcut small { color:#8fa0b4; }
.suite-shortcut b { color:#98a7ff; }
.stay-calendar-grid { border-color:var(--line); }
.stay-calendar-grid>div { border-color:var(--line); }
.stay-calendar-corner,.stay-calendar-day,.stay-calendar-room { background:#091625;color:#899aaf; }
.stay-calendar-day small { color:#708196; }
.stay-calendar-day.today { background:rgba(125,140,255,.13);color:#a8b4ff; }
.stay-calendar-room { color:#c7d2df; }
.stay-calendar-cell { background:#0d1b2b; }
.stay-calendar-cell.occupied { background:rgba(99,179,255,.15); }
.stay-calendar-cell.occupied:after { border-color:rgba(99,179,255,.32); }
.stay-calendar-cell.arrival { border-left-color:#63b3ff; }
.stay-calendar-cell span { color:#b9dfff; }

.safety-row { border-color:var(--line);background:rgba(7,20,33,.65); }
.safety-row span { color:#c9d4e1; }
.safety-row strong { color:#8293a8; }
.backup-card { border-color:rgba(255,191,105,.26);background:rgba(105,67,18,.14); }
.backup-card.current { border-color:rgba(67,214,165,.25);background:rgba(29,108,82,.13); }
.backup-card h3,.boundary-note strong { color:#eff4fa; }
.backup-card p,.backup-card small,.boundary-note p { color:#96a6b9; }
.boundary-note { border-color:rgba(125,140,255,.28);background:rgba(81,91,195,.11); }
.boundary-note>span { background:rgba(125,140,255,.16);color:#a7b2ff; }
.knowledge-source { color:#7f91a6; }

.invoice-avatar { border-color:rgba(125,140,255,.25)!important;background:rgba(125,140,255,.13)!important;color:#a6b1ff!important; }
.invoice-state.outstanding { background:rgba(255,191,105,.14);color:#ffd08f; }
.invoice-state.paid { background:rgba(67,214,165,.13);color:#6be5bb; }
.invoice-document.attachment { background:#0a1726; }
.invoice-payment-panel { border-color:rgba(255,191,105,.26);background:rgba(105,67,18,.14); }
.invoice-payment-panel.paid { border-color:rgba(67,214,165,.25);background:rgba(29,108,82,.13); }
.invoice-payment-panel h3 { color:#eff4fa; }
.invoice-payment-panel p { color:#9baabd; }
.staff-record-group { border-color:var(--line);background:#091625; }
.staff-record-group strong { color:#e9eef5; }
.staff-record-subgroup { border-color:var(--line);background:#0c1b2c;color:#aab8c8; }
.staff-record-subgroup span { border-color:rgba(125,140,255,.25);background:rgba(125,140,255,.13);color:#a7b2ff; }

.toggle-grid label,.inline-check { background:#091725!important;color:#cbd6e3; }
.toggle-grid label span { color:#d9e1eb; }
.toggle-grid label small { color:#8294a9; }
.settings-grid .integration-card,.integration-card { border-color:var(--line);background:#091725;color:#d9e1eb; }
.integration-card p { color:#8fa0b4; }
.integration-card label { color:#aebccc; }
.integration-card input,.integration-card select { border-color:var(--line-bright);background:#061420;color:#eef3f9; }
dialog { border-color:var(--line-bright);background:linear-gradient(145deg,#101f33,#0a1726);color:#edf2f8;box-shadow:0 35px 100px rgba(0,0,0,.62); }
dialog::backdrop { background:rgba(1,5,11,.82);backdrop-filter:blur(9px); }
dialog label,.form-grid label { color:#aebccc; }
.compose-dialog input,.compose-dialog textarea,.notes-box textarea,.reply-box textarea { border-color:var(--line-bright)!important;background:#071521!important;color:#edf2f8!important; }
.toast { border-color:rgba(125,140,255,.32);background:#152645;color:#fff;box-shadow:0 20px 55px rgba(0,0,0,.45); }

@media(max-width:800px) {
  .topbar { background:rgba(7,17,31,.92)!important; }
  #mobile-menu { border-color:var(--line);background:#0f2034;color:#dce4ef; }
  .sidebar { box-shadow:24px 0 65px rgba(0,0,0,.48); }
  .calls-surface tr { border-color:var(--line);background:#0a1726; }
  .inquiry-detail.mobile-open { background:#07111f; }
  .analytics-main { padding:18px 14px 8px; }
  .analytics-kpis { gap:6px;margin:14px 0 11px; }
  .analytics-kpis>div { padding:10px 9px; }
  .analytics-kpis span,.analytics-kpis small { font-size:8px; }
  .analytics-kpis strong { font-size:14px; }
  .chart-legend { justify-content:flex-start;gap:12px;margin-left:2px; }
  .revenue-chart { height:286px; }
  .combined-revenue-card { grid-template-columns:1fr;padding:19px; }
  .combined-revenue-total { padding:14px 0;border-top:1px solid rgba(157,183,220,.16);border-left:0; }
  .combined-revenue-total strong { font-size:31px; }
  .combined-revenue-breakdown { grid-template-columns:1fr 1fr; }
}

/* P&L dark-suite finish — kept last so the finance workspace uses one system. */
.pnl-hero{border-top:1px solid rgba(67,214,165,.35);background:linear-gradient(120deg,rgba(13,48,57,.98),rgba(23,46,78,.97) 52%,rgba(39,35,91,.96))!important}
.pnl-toolbar,.pnl-kpi{border-color:var(--line);background:linear-gradient(145deg,rgba(16,32,52,.98),rgba(11,24,40,.98));color:var(--ink);box-shadow:var(--shadow-soft)}
.pnl-period-controls label{color:#93a4b8}.pnl-status{border-color:var(--line);background:rgba(10,23,38,.92);color:#aab9ca}.pnl-status strong{color:#f1f5fa}.pnl-status.review{border-color:rgba(255,191,105,.28);background:rgba(110,71,20,.16)}.pnl-status.review:before{background:rgba(255,191,105,.14);color:#ffd08f}.pnl-status.complete{border-color:rgba(67,214,165,.28);background:rgba(29,108,82,.14)}.pnl-status.complete:before{background:rgba(67,214,165,.14);color:#6be5bb}
.pnl-kpi>span{color:#8294aa}.pnl-kpi strong{color:#f6f8fc}.pnl-kpi small{color:#71849a}.pnl-kpi.revenue:before{background:#7d8cff}.pnl-kpi.expense:before{background:#ffbf69}.pnl-kpi.profit:before{background:#43d6a5}.pnl-kpi.loss:before{background:#ff6b78}.pnl-kpi.margin:before{background:#63d8ff}
.pnl-chart-legend{color:#8fa0b4}.pnl-grid-line{stroke:rgba(151,177,215,.14)}.pnl-zero-line{stroke:rgba(183,201,228,.35)}.pnl-axis-label{fill:#7f91a7}.pnl-revenue-line{stroke:#8997ff}.pnl-prior-line{stroke:#9aa8ba}.pnl-expense-line{stroke:#ffbf69}.pnl-profit-line{stroke:#43d6a5}.pnl-profit-point{fill:#0a1726;stroke:#43d6a5}
.pnl-breakdown-row span{color:#aebccc}.pnl-breakdown-row progress,.pnl-breakdown-row progress::-webkit-progress-bar{background:#17283c}.pnl-breakdown-row progress::-webkit-progress-value{background:linear-gradient(90deg,#687cf2,#9aa6ff)}.pnl-breakdown-row progress::-moz-progress-bar{background:linear-gradient(90deg,#687cf2,#9aa6ff)}#pnl-expense-mix progress::-webkit-progress-value{background:linear-gradient(90deg,#ce8730,#ffbf69)}#pnl-expense-mix progress::-moz-progress-bar{background:linear-gradient(90deg,#ce8730,#ffbf69)}
.pnl-positive{color:#6be5bb!important}.pnl-negative{color:#ff929c!important}.badge.revenue{background:rgba(67,214,165,.13);color:#6be5bb}.badge.expense{background:rgba(255,191,105,.13);color:#ffd08f}.button.danger{border-color:rgba(255,107,120,.28);color:#ff929c}.button.danger:hover{background:rgba(255,107,120,.1)}
.pnl-confidence-metrics>div{border-color:var(--line);background:rgba(6,16,28,.42)}.pnl-confidence-metrics strong{color:#f2f6fb}.pnl-confidence-metrics span,.pnl-completeness ul{color:#8fa0b4}.pnl-invoice-queue{border-color:rgba(255,191,105,.27);background:rgba(105,67,18,.14)}.pnl-invoice-queue button{border-color:var(--line);background:#0b1a2a;color:#dce5ef}.pnl-invoice-queue button:hover{border-color:rgba(255,191,105,.48)}.pnl-invoice-queue button small{color:#8395ab}.pnl-invoice-queue button b{color:#ffd08f}