:root {
  --ink: #111827;
  --muted: #667085;
  --paper: #ffffff;
  --canvas: #f6f7fb;
  --line: #e4e7ec;
  --acid: #4f46e5;
  --green: #067647;
  --red: #b42318;
  --amber: #b54708;
  --blue: #3538cd;
  --primary: #4f46e5;
  --primary-dark: #4338ca;
  --primary-soft: #eef2ff;
  --sidebar: #111827;
  --shadow: 0 1px 2px rgba(16,24,40,.04), 0 8px 24px rgba(16,24,40,.06);
}

[hidden] { display: none !important; }
body:not(.portal-owner) .owner-only { display: none !important; }

html, body { background: var(--canvas); }
body, button, input, select, textarea {
  color: var(--ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.login-art h1,.login-form h2,.topbar h1,.metric strong,.surface h2,.pulse-grid strong,.dialog-heading h2,.mail-header h2 {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 720;
  letter-spacing: -.035em;
}

.login-shell { background: #fff; }
.login-art {
  background:
    radial-gradient(circle at 18% 18%, rgba(99,102,241,.38), transparent 34%),
    radial-gradient(circle at 85% 82%, rgba(37,99,235,.28), transparent 38%),
    linear-gradient(145deg, #111827 0%, #172554 100%);
}
.login-art h1 { letter-spacing: -.065em; }
.login-art > div:nth-child(2) > p:last-child { color: #cbd5e1; }
.login-art small { color: #94a3b8; }
.login-form h2 { font-size: 43px; }

.brand-mark {
  background: linear-gradient(135deg, #6366f1, #2563eb);
  color: #fff;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight: 800;
  box-shadow: 0 8px 20px rgba(79,70,229,.28);
}

.sidebar {
  background: var(--sidebar);
  box-shadow: 10px 0 30px rgba(15,23,42,.08);
}
.side-brand strong { letter-spacing: .12em; }
.side-brand small { color: #7f8ca3; }
.nav-item { color: #98a2b3; border-radius: 8px; font-weight: 600; }
.nav-item:hover { background: #1f2937; color: #f9fafb; }
.nav-item.active { background: #293248; color: #fff; box-shadow: inset 3px 0 #818cf8; }
.nav-item.active b { background: #6366f1; color: #fff; }
.nav-item b { background: #273244; color: #cbd5e1; }
.side-bottom { border-top-color: #2b3547; }
.side-bottom button { color: #98a2b3; }
.user-avatar { background: #6366f1; color: #fff; }

.workspace { background: var(--canvas); }
.topbar { border-bottom-color: var(--line); }
.topbar h1 { font-size: 32px; }
.kicker { color: #4f46e5 !important; letter-spacing: .12em !important; }

.surface {
  border-color: var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: var(--shadow);
}
.surface h2 { font-weight: 700; }
.metric { border-color: var(--line); border-radius: 12px; }
.metric strong { font-weight: 700; }
.metric.urgent { background: linear-gradient(135deg, #b42318, #d92d20); border-color: transparent; }
.pulse-grid { border-color: var(--line); background: var(--line); border-radius: 9px; overflow: hidden; }
.pulse-grid > div { background: #fff; }
.pulse-grid strong { font-weight: 700; }
.on-call-person { border-left-color: #6366f1; }
.check-row i { background: #f04438; }
.check-row.ok i { background: #12b76a; }

.button {
  border-color: #d0d5dd;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16,24,40,.05);
  font-weight: 650;
}
.button:hover { border-color: #98a2b3; background: #f9fafb; }
.button.primary { border-color: var(--primary); background: var(--primary); color: #fff; }
.button.primary:hover { border-color: var(--primary-dark); background: var(--primary-dark); }
.button.danger { border-color: #fda29b; background: #fff; color: var(--red); }
.button.danger:hover { border-color: #f04438; background: #fff5f4; }
.text-button { color: var(--primary); }

.health-pill { border-color: var(--line); background: #fff; box-shadow: 0 1px 2px rgba(16,24,40,.04); }
.health-pill:before { background: #f79009; }
.health-pill.ok:before { background: #12b76a; }

.login-form input,dialog input,dialog select,dialog textarea,.form-grid input,.form-grid select,.form-grid textarea,
.inbox-toolbar select,.detail-controls select,.notes-box textarea,.reply-box textarea {
  border-color: #d0d5dd;
  border-radius: 8px;
  background: #fff;
}
.login-form input:focus,dialog input:focus,dialog textarea:focus,select:focus,textarea:focus {
  border-color: #818cf8;
  box-shadow: 0 0 0 3px rgba(99,102,241,.14);
}
.toggle-grid label,.inline-check { border: 1px solid var(--line); border-radius: 8px; background: #f9fafb; }

.badge { border-radius: 999px; background: #f2f4f7; color: #475467; }
.badge.new { background: #eef4ff; color: #3538cd; }
.badge.in_progress { background: #fffaeb; color: #b54708; }
.badge.completed { background: #ecfdf3; color: #067647; }
.badge.urgent { background: #fef3f2; color: #b42318; }
.channel { color: #4f46e5; }

.inbox-toolbar { border-radius: 12px 12px 0 0; }
.inbox-toolbar .search { border-color: #d0d5dd; border-radius: 8px; background: #fff; }
.inbox-layout { border-color: var(--line); border-radius: 0 0 12px 12px; background: #fff; }
.inquiry-list { border-right-color: var(--line); background: #f9fafb; }
.inquiry-card { border-bottom-color: #eaecf0; }
.inquiry-card:hover { background: #f2f4f7; }
.inquiry-card.active { background: #eef2ff; box-shadow: inset 3px 0 #6366f1; }
.inquiry-card.active:after { background: #eef2ff; }
.sender-avatar { background: #e4e7ec; color: #344054; }
.sender-avatar.large,.composer-icon {
  background: linear-gradient(135deg, #6366f1, #2563eb);
  color: #fff;
  box-shadow: 0 5px 14px rgba(79,70,229,.22);
}
.status-dot.new { background: #6172f3; }
.status-dot.in_progress { background: #f79009; }
.status-dot.waiting { background: #9b8afb; }
.status-dot.completed { background: #12b76a; }

.inquiry-detail { background: #fff; }
.mail-detail-toolbar { border-bottom-color: var(--line); background: rgba(255,255,255,.95); }
.mail-header h2 { font-weight: 720; }
.more-menu-panel { border-color: var(--line); border-radius: 10px; box-shadow: 0 16px 40px rgba(16,24,40,.16); }
.more-menu-panel button:hover { background: #f2f4f7; }

.ai-summary { border-color: #c7d7fe; background: #f5f8ff; }
.ai-star { background: #e0e7ff; color: #4338ca; }
.mail-message > .message-body { border-color: var(--line); border-left-color: #6366f1; border-radius: 9px; }
.original-message { border-color: var(--line); background: #fff; }
.translation-note { color: var(--muted); }

.workflow-panel { border-color: var(--line); border-radius: 10px; background: #f9fafb; }
.workflow-body { border-top-color: var(--line); }
.email-composer { border-color: #d0d5dd; border-radius: 12px; box-shadow: 0 12px 32px rgba(16,24,40,.08); }
.composer-heading,.composer-footer { border-color: var(--line); background: #f9fafb; }
.language-pill { background: #eef2ff; color: #4338ca; }
.composer-step-head b { background: #e0e7ff; color: #4338ca; }
.translated-step { background: #f9fafb; }
.translate-button { border-color: #c7d7fe; background: #eef4ff; color: #3538cd; }
.translate-button:hover { background: #e0e7ff; }
.email-composer > textarea:focus,.composer-step textarea:focus { box-shadow: inset 0 0 0 2px rgba(99,102,241,.45); }
.closed-conversation { border-color: var(--line); background: #f9fafb; }
.closed-conversation > span { background: #ecfdf3; color: #067647; }
.mail-empty > span,.inbox-clear > span { background: #eef2ff; color: #4f46e5; }

.attachment { border-color: var(--line); border-radius: 8px; background: #f9fafb; }
.attachment:hover { border-color: #98a2b3; }
.attachment strong,.attachment small { display: block; }
.attachment small { color: var(--muted); margin-top: 3px; }
.knowledge-row,.notice-row,.rota-row { border-top-color: var(--line); }
.row-actions button { border-color: #d0d5dd; border-radius: 7px; }
.row-actions button:hover { background: #f9fafb; }

table th { color: #667085; }
th,td { border-bottom-color: var(--line); }
dialog { border: 1px solid var(--line); border-radius: 14px; background: #fff; }
dialog::backdrop { background: rgba(15,23,42,.62); backdrop-filter: blur(3px); }
.toast { border-radius: 10px; background: #101828; box-shadow: 0 18px 45px rgba(16,24,40,.24); }
.toast.error { background: #b42318; }

@media (max-width: 800px) {
  .topbar { background: rgba(246,247,251,.94); }
  .inbox-toolbar { border-radius: 12px; }
  .inbox-layout { border-radius: 12px; }
}

/* Basement Operations dark system — one restrained palette across every workspace. */
:root {
  color-scheme: dark;
  --ink: #edf2fa;
  --muted: #91a0b5;
  --paper: #111823;
  --canvas: #080d15;
  --line: #253044;
  --acid: #7587ff;
  --green: #38c793;
  --red: #ff716b;
  --amber: #f5b94d;
  --blue: #8191ff;
  --primary: #7183ff;
  --primary-dark: #5f70ec;
  --primary-soft: #1d2644;
  --sidebar: #090e17;
  --surface-raised: #151e2b;
  --surface-soft: #0e1520;
  --surface-hover: #192334;
  --shadow: 0 1px 1px rgba(0,0,0,.2),0 16px 40px rgba(0,0,0,.22);
}

html,body,.workspace { background:var(--canvas);color:var(--ink); }
body,button,input,select,textarea { font-family:Inter,"Avenir Next","SF Pro Display","Segoe UI",system-ui,-apple-system,sans-serif; }
body { font-size:14px;letter-spacing:-.006em; }
::selection { background:rgba(113,131,255,.32);color:#fff; }
* { scrollbar-color:#344158 #0c121c; }
*:focus-visible { outline:2px solid #8392ff;outline-offset:2px; }
.kicker { color:#8fa0ff!important;letter-spacing:.14em!important; }

.login-shell { background:#090e17; }
.login-art { background:radial-gradient(circle at 14% 18%,rgba(113,131,255,.22),transparent 32%),radial-gradient(circle at 84% 80%,rgba(35,194,151,.12),transparent 34%),linear-gradient(145deg,#090f1a 0%,#111a2d 100%); }
.login-art>div:nth-child(2)>p:last-child { color:#9daac0; }
.login-art small { color:#66758b; }
.login-form { color:var(--ink); }
.login-form h2 { color:#f5f7fb; }
.login-form>div>p:last-child { color:var(--muted); }
.login-form input { border-color:var(--line);background:#101722;color:var(--ink); }
.login-form input:focus { border-color:#7183ff;box-shadow:0 0 0 3px rgba(113,131,255,.16); }
.brand-mark { background:linear-gradient(145deg,#7d8cff,#5669e7);box-shadow:0 8px 24px rgba(86,105,231,.25); }

.sidebar { width:270px;padding:22px 14px 18px;overflow:hidden;border-right:1px solid #1b2638;background:linear-gradient(180deg,#0a101a,#080d15);box-shadow:14px 0 42px rgba(0,0,0,.2); }
.sidebar nav { min-height:0;overflow-y:auto;padding-right:4px;scrollbar-color:#2d3a50 transparent;scrollbar-width:thin; }
.sidebar nav::-webkit-scrollbar { width:6px; }
.sidebar nav::-webkit-scrollbar-thumb { border-radius:99px;background:#2d3a50; }
.side-brand { padding:0 9px 24px; }
.side-brand strong { color:#f3f5f9;font-size:13px;letter-spacing:.13em; }
.side-brand small { margin-top:5px;color:#67758a;letter-spacing:.17em; }
#main-nav { display:flex;min-height:0;flex:1;flex-direction:column;gap:16px;overflow-y:auto;padding:0 5px 12px 0; }
.nav-section { display:grid;gap:3px; }
.nav-heading { margin:0 0 5px;padding:0 12px;color:#59687e;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase; }
.nav-item { min-height:40px;padding:9px 10px;border:1px solid transparent;border-radius:9px;color:#8e9cb1;font-size:12px;font-weight:620; }
.nav-item>span:first-child { display:grid;width:25px;height:25px;place-items:center;border:1px solid #283348;border-radius:7px;background:#111925;color:#8391a8;font-size:12px; }
.nav-item>span:not(:first-child) { width:auto;min-width:0;text-align:left;white-space:nowrap; }
.nav-item:hover { border-color:#253149;background:#141d2b;color:#f1f4f8; }
.nav-item:hover>span:first-child { border-color:#3b4963;color:#cbd4e3; }
.nav-item.active { border-color:#354477;background:linear-gradient(90deg,rgba(102,120,244,.21),rgba(102,120,244,.08));color:#fff;box-shadow:none; }
.nav-item.active>span:first-child { border-color:#6273e9;background:#6173ef;color:#fff;box-shadow:0 4px 12px rgba(97,115,239,.22); }
.nav-item b { min-width:21px;padding:3px 6px;background:#202b3d;color:#9eacc0;font-size:10px; }
.nav-item.active b { background:#7183ff;color:#fff; }
.side-bottom { margin-top:12px;padding:17px 7px 0;border-top-color:#202b3d; }
.side-bottom strong { color:#e8edf5; }
.side-bottom small { color:#718097; }
.side-bottom button { color:#7c8aa0; }
.side-bottom button:hover { color:#fff; }
.user-avatar { background:linear-gradient(145deg,#7284ff,#5163d8);box-shadow:0 6px 14px rgba(81,99,216,.22); }

.workspace { margin-left:270px;padding-inline:clamp(24px,3vw,50px); }
.topbar { min-height:96px;margin-bottom:26px;border-bottom-color:#1f2a3b;background:rgba(8,13,21,.9);backdrop-filter:blur(18px); }
.topbar h1 { color:#f3f6fa;font-size:30px;font-weight:730; }
.top-actions { gap:9px; }
.health-pill { border-color:#253146;background:#101722;color:#a5b2c3;box-shadow:none; }
.button { border-color:#2d394d;background:#151e2b;color:#dce3ed;box-shadow:0 1px 1px rgba(0,0,0,.2); }
.button:hover { border-color:#45536b;background:#1b2636;color:#fff; }
.button.primary { border-color:#7183ff;background:linear-gradient(145deg,#7889ff,#6072e9);color:#fff;box-shadow:0 7px 18px rgba(74,92,211,.22); }
.button.primary:hover { border-color:#8b99ff;background:linear-gradient(145deg,#8493ff,#6b7bed); }
.button.danger { border-color:#663e42;background:#25171b;color:#ff8b86; }
.button.danger:hover { border-color:#925056;background:#321d22; }
.text-button { color:#91a0ff; }
.text-button:hover { color:#b5bfff; }

.surface,.command-metric,.attention-card,.cashup-stat { border-color:var(--line);background:linear-gradient(180deg,#121a26,#101721);box-shadow:var(--shadow); }
.surface h2,.command-card .section-heading h2,.cashup-page-head h2 { color:#f0f4f9; }
.surface p,.cashup-page-head p:last-child { color:var(--muted); }
.dashboard-hero.owner-hero { border:1px solid #2a3856;background:radial-gradient(circle at 86% 20%,rgba(116,135,255,.22),transparent 30%),linear-gradient(125deg,#121a28,#1b2840 65%,#202f4e);box-shadow:0 20px 48px rgba(0,0,0,.26); }
.dashboard-hero.finance-hero { border:1px solid #24483f;background:radial-gradient(circle at 84% 20%,rgba(61,201,156,.16),transparent 30%),linear-gradient(125deg,#101d20,#16352f 65%,#1d493e);box-shadow:0 20px 48px rgba(0,0,0,.26); }
.dashboard-hero .kicker { color:#b1bcff!important; }
.dashboard-hero p:last-child,.dashboard-hero time { color:#b8c3d4; }
.dashboard-hero time { border-color:rgba(255,255,255,.13);background:rgba(0,0,0,.13); }
.attention-card { color:#cbd5e3;box-shadow:0 5px 16px rgba(0,0,0,.16); }
.attention-card:hover { border-color:#46546d;background:#182233; }
.attention-card strong { background:#202b3c;color:#f2f5f9; }
.attention-card b { color:#637188; }
.attention-card.danger strong { background:#3a2025;color:#ff8d87; }
.attention-card.amber strong { background:#392d18;color:#f6c464; }
.attention-card.blue strong { background:#202b50;color:#93a2ff; }
.attention-card.success strong { background:#18382f;color:#56d7aa; }
.command-metric>span,.command-metric small { color:var(--muted); }
.command-metric strong,.inline-summary strong,.call-stat-pair strong,.call-summary dd { color:#f2f5fa; }
.inline-summary { border-color:#273246; }
.inline-summary>div { border-color:#273246; }
.cash-bar-column>strong,.cash-bar-column>small { color:#93a2b7; }
.cash-bar-track { background:#1b2534; }
.cash-bar-track i { background:linear-gradient(180deg,#8190ff,#5365d7); }
.dashboard-list-row { border-bottom-color:#222d3e;color:#d9e1ec; }
.dashboard-list-row:hover:not(.static) { background:#172130; }
.dashboard-list-row small,.dashboard-list-row>b,.privacy-note { color:var(--muted); }
.list-icon,.mini-avatar { background:#202a3a;color:#aebbd0; }
.list-icon.danger { background:#3a2025;color:#ff8d87; }
.list-icon.blue { background:#202b50;color:#93a2ff; }
.workload-meter { background:#1d2736; }
.workload-meter i { background:linear-gradient(90deg,#6477ec,#8b99ff); }
.on-call-person { border-color:#285547!important;background:linear-gradient(145deg,#142a25,#11231f); }
.on-call-avatar { background:linear-gradient(145deg,#37c796,#21866c); }
.on-call-person strong { color:#dff9ef; }
.on-call-person a { color:#5bd7ae; }
.on-call-person small { color:#76aa99; }
.dashboard-empty { background:#141d29;color:#8f9db2; }
.dashboard-empty.warning { border-color:#624d28;background:#2a2418;color:#f1c66d; }
.dashboard-empty.success { border-color:#275345;background:#142a24;color:#62d5ae; }
.call-stat-pair>div { background:#192333; }
.call-stat-pair span,.call-summary dt { color:var(--muted); }
.call-summary dl>div { border-color:#263145; }
.check-row { border-color:#253044;color:#d4dce7; }
.check-row small { color:var(--muted); }

.inbox-toolbar { border-color:#263247;background:#111925; }
.inbox-toolbar-title strong { color:#f0f3f8; }
.inbox-toolbar .search { border-color:#303c51;background:#0e1520; }
.inbox-toolbar .search input { color:#e5ebf3;background:transparent; }
.inbox-toolbar select,.detail-controls select { border-color:#303c51;background:#111925;color:#dbe3ee; }
.inbox-layout { border:1px solid #253044;background:#101721;box-shadow:var(--shadow); }
.inquiry-list { border-right-color:#253044;background:#0e151f; }
.inquiry-card { border-bottom-color:#202b3c;color:#dbe2ec; }
.inquiry-card:hover { background:#151f2e; }
.inquiry-card.active { background:#192441;box-shadow:inset 3px 0 #7587ff; }
.inquiry-card.active:after { background:#192441; }
.inquiry-card-head time,.inquiry-card-foot,.inquiry-preview { color:#8493a8; }
.inquiry-subject { color:#c8d1df; }
.sender-avatar.sent-avatar { background:#202a4b;color:#9aa7ff; }
.sender-avatar { background:#222d3e;color:#b8c4d6; }
.sender-avatar.large,.composer-icon { background:linear-gradient(145deg,#7889ff,#5769df); }
.inquiry-detail { background:#111823; }
.mail-detail-toolbar { border-color:#283449;background:rgba(17,24,35,.96); }
.mail-detail-toolbar button,.more-menu>summary { color:#aab7c9; }
.mail-header h2,.mail-header strong { color:#eef2f8; }
.more-menu-panel { border-color:#303c51;background:#151e2b;box-shadow:0 20px 48px rgba(0,0,0,.42); }
.more-menu-panel button { color:#d7dfeb; }
.more-menu-panel button:hover { background:#202b3c; }
.ai-summary { border-color:#36477e;background:#17213a; }
.ai-star { background:#7183ff;color:#fff; }
.ai-summary p { color:#b9c5d7; }
.mail-message>.message-body,.original-message { border-color:#2c384c;background:#0e1520;color:#d8e0eb; }
.mail-message>.message-body { border-left-color:#7587ff; }
.workflow-panel { border-color:#2b374b;background:#0f1722; }
.workflow-body { border-color:#2b374b; }
.workflow-body .notes-box textarea { background:#0d141e; }
.email-composer { border-color:#344158;background:#101721;box-shadow:0 18px 42px rgba(0,0,0,.3); }
.composer-heading,.composer-footer,.translated-step { border-color:#293549;background:#151e2a; }
.email-composer>textarea,.composer-step textarea { color:#e0e6ef;background:#0e1520; }
.compose-dialog input,.compose-dialog textarea { border-color:#344158;background:#0e1520;color:#e0e6ef; }
.compose-dialog label { color:#9aa8ba; }
.language-pill,.composer-step-head b { background:#252f57;color:#aab5ff; }
.translate-button { border-color:#46558f;background:#202a4e;color:#b6c0ff; }
.translate-button:hover { background:#293660; }
.closed-conversation { border-color:#2c384b;background:#141d29; }
.closed-conversation>span { background:#19382f;color:#51d1a5; }
.mail-empty>span,.inbox-clear>span { background:#202a4b;color:#94a2ff; }
.attachment { border-color:#303c50;background:#151e2a;color:#dbe3ed; }
.attachment:hover { border-color:#56647d; }

table { color:#d2dbe7; }
table th { color:#74849a; }
th,td { border-bottom-color:#253044; }
tbody tr:hover { background:rgba(255,255,255,.018); }
.row-actions button { border-color:#303c50;background:#151e2a;color:#cbd5e2; }
.row-actions button:hover { background:#1e2939; }
.knowledge-row,.notice-row,.rota-row { border-color:#253044; }
.channel { color:#9ba8ff; }
.badge { background:#242e3e;color:#aebacf; }
.badge.new { background:#202c50;color:#9aa8ff; }
.badge.in_progress { background:#3a2d18;color:#f2bf5f; }
.badge.completed,.badge.current-account { background:#18382f;color:#55d4a9; }
.badge.urgent { background:#3b2025;color:#ff8c86; }
.badge.private { background:#392846;color:#d9adff; }

.invoice-card { position:relative; }
.invoice-avatar { border:1px solid #344761!important;background:#1b2a3e!important;color:#8da1ff!important;font-family:inherit!important; }
.invoice-state { display:inline-flex;width:max-content;margin-top:9px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.03em; }
.invoice-state.outstanding { background:#3a2d18;color:#f2bf5f; }
.invoice-state.paid { background:#18382f;color:#55d4a9; }
.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:10px;background:#111b29; }
.invoice-document>span { min-width:0; }
.invoice-document strong,.invoice-document small { display:block;overflow-wrap:anywhere; }
.invoice-document small { margin-top:4px;color:#8d9bad; }
.attachment-actions { display:flex;flex:0 0 auto;gap:8px; }
.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 #594922;border-radius:11px;background:#272116; }
.invoice-payment-panel.paid { border-color:#285d4c;background:#142d26; }
.invoice-payment-icon { display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:50%;background:#44371b;color:#f1bd57;font-size:17px;font-weight:850; }
.invoice-payment-panel.paid .invoice-payment-icon { background:#1e5141;color:#63d9b1; }
.invoice-payment-panel h3 { margin:0 0 5px;color:#f0f4f9;font-size:15px; }
.invoice-payment-panel p { margin:0;color:#aab5c4;line-height:1.55; }
.staff-record-group { display:grid;gap:3px;padding:17px 15px 8px;border-bottom:1px solid #253044;background:#0d141f; }
.staff-record-group:first-child { padding-top:12px; }
.staff-record-group span { color:#718096;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase; }
.staff-record-group strong { color:#e8edf5;font-size:13px; }

.calls-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;border-radius:12px}.calls-toolbar>div:first-child{display:grid;gap:3px}.calls-toolbar small{color:#8f9aab}.segmented-control{display:flex;gap:4px;padding:4px;border:1px solid #29364b;border-radius:10px;background:#0d141f}.segmented-control button{border:0;border-radius:7px;background:transparent;color:#9da9ba;padding:9px 12px;font-weight:750}.segmented-control button.active{background:#263247;color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.22)}.segmented-control b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;border-radius:999px;background:#344157;color:#dce5f1;font-size:10px}.segmented-control button.active b{background:#6172f3;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 #263247;border-radius:12px;background:#111925}.call-workspace-summary span{color:#8f9aab;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.call-workspace-summary strong{font-size:25px;color:#f4f7fb}.call-workspace-summary .call-language-list{font-size:13px;line-height:1.45}.calls-surface{border-radius:12px}.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}.call-safe-summary{margin:0 0 8px!important;color:#dce4ef!important}.call-actions{display:grid;gap:5px;margin-top:10px}.call-action-link{width:max-content;max-width:100%;border:0;background:transparent;color:#9aa8ff;padding:2px 0;text-align:left;font-weight:700}.call-action-link:hover{text-decoration:underline}.call-action-label{color:#9aa6b7;font-size:12px}.calls-surface details{margin-top:10px}.calls-surface pre{padding:12px;border:1px solid #2b374a;border-radius:8px;background:#0d141f;color:#bcc8d8}.calls-surface .language-pill{display:inline-flex;margin:0}

@media(max-width:900px){.call-workspace-summary{grid-template-columns:1fr 1fr}.calls-toolbar{align-items:stretch;flex-direction:column}.segmented-control button{flex:1}}
@media(max-width:540px){.call-workspace-summary{grid-template-columns:1fr 1fr}.segmented-control{width:100%}.segmented-control button{font-size:12px;padding:9px 7px}}
@media(max-width:540px){.invoice-document.attachment{align-items:stretch;flex-direction:column}.attachment-actions{width:100%}.attachment-actions .button{flex:1;text-align:center}}

dialog { border-color:#303c51;background:#111823;color:#e7ecf4;box-shadow:0 28px 80px rgba(0,0,0,.6); }
dialog::backdrop { background:rgba(2,5,10,.78);backdrop-filter:blur(6px); }
.dialog-heading h2 { color:#f3f5f9; }
.dialog-heading button { color:#8290a4; }
dialog label,.form-grid label { color:#b1bdcd; }
dialog input,dialog select,dialog textarea,.form-grid input,.form-grid select,.form-grid textarea,.notes-box textarea,.reply-box textarea { border-color:#303c51;background:#0e1520;color:#e2e8f1; }
dialog input:focus,dialog textarea:focus,select:focus,textarea:focus { border-color:#7183ff;box-shadow:0 0 0 3px rgba(113,131,255,.16); }
.toggle-grid label,.inline-check { border-color:#2b374b;background:#131c28;color:#cad3df; }
.toggle-grid label:has(input:disabled) { background:#101720;color:#707e91; }
.toast { border:1px solid #334158;background:#182233;color:#f2f5f8;box-shadow:0 22px 55px rgba(0,0,0,.42); }
.toast.error { border-color:#703f44;background:#351d22; }

.cashup-stat span,.cashup-form label,.cashup-payout-row label,.denomination-grid label,.philsheet-payout-row label,.denomination-grid label span { color:#9aa8ba; }
.cashup-stat strong { color:#f2f5f8; }
.cashup-stat.bank { border-color:#3c7263;background:linear-gradient(145deg,#184536,#1d6651); }
.cashup-stat.bank span { color:#9bdbc5; }
.cashup-form input,.cashup-form select,.cashup-form textarea,.philsheet-payout-row input { border-color:#303c51;background:#0d141e;color:#e5ebf3; }
.cashup-form input:focus,.cashup-form select:focus,.cashup-form textarea:focus { border-color:#7183ff;box-shadow:0 0 0 3px rgba(113,131,255,.16); }
.cashup-form input:disabled,.cashup-form select:disabled,.cashup-form textarea:disabled { background:#171f2b;color:#6f7e92; }
.money-input b { color:#8391a4; }
.cashup-payout-row,.philsheet-payout-row { border-color:#2c384b;background:#0e1621; }
.cashup-total-line { border-color:#283449; }
.cashup-till-total { background:#202a4d; }
.cashup-till-total span { color:#a7b2ff; }
.cashup-recount { border-color:#614c28;background:#2a2418;color:#efc367; }
.cashup-recount p { color:#caa351; }
#cashup-alert { border-color:#275949;background:#153027;color:#5bd7ae; }
#cashup-alert.error { border-color:#704047;background:#321c22;color:#ff8c86; }
.reconciliation-card dl>div { border-color:#293549; }
.reconciliation-card .reconciliation-total { border-top-color:#aeb9c9; }
.reconciliation-card .reconciliation-total dt,.reconciliation-card .reconciliation-total dd { color:#eef2f8; }
.reconciliation-card .reconciliation-bank { background:#1d604d; }
.reconciliation-card .reconciliation-card-total { background:#3348a2; }
.philsheet-help { border-color:#4c4c7c;background:#23233b;color:#c8c5ff; }
.variance-alert { color:#ff837d!important; }

@media(max-width:800px) {
  .sidebar { width:270px; }
  .workspace { margin-left:0; }
  .topbar { background:rgba(8,13,21,.94); }
  .inquiry-detail.mobile-open { background:#0c121c; }
}

@media print {
  :root { color-scheme:light;--ink:#111827;--muted:#667085;--paper:#fff;--canvas:#fff;--line:#d0d5dd; }
  #cashup,#cashup .surface,#cashup .cashup-stat,#cashup input,#cashup textarea { background:#fff!important;color:#111827!important;box-shadow:none!important; }
  #cashup .cashup-stat.bank { background:#e8eef7!important; }
}