:root{--bg:#f7f8fa;--ink:#202938;--muted:#828994;--line:#e9ecf0;--blue:#5468e8;--green:#138f76;--orange:#c9842c;--red:#d86666}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px/1.5 'Segoe UI',Arial,sans-serif;color:var(--ink)}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a8b2ff;outline-offset:3px}button{background:white;border:1px solid var(--line);border-radius:8px;padding:9px 15px;color:var(--ink)}button:hover{border-color:#b7c0d8;background:#fafbff}a{color:var(--blue);text-decoration:none}small{display:block;color:var(--muted);font-size:12px}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:640;letter-spacing:-.7px}h2{font-size:17px;font-weight:630}h3{font-size:14px}p{color:var(--muted)}.sidebar{position:fixed;width:242px;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:30px;font-weight:750;color:#202938;letter-spacing:-1px;margin:0 13px 32px;gap:10px}.branddot{color:var(--blue);margin-left:-10px}.brandmark{background:var(--blue);color:#fff;border-radius:11px;font-size:30px;width:39px;height:39px;text-align:center;line-height:35px}.workspace{display:flex;gap:12px;align-items:center;padding:15px 9px;border:1px solid var(--line);border-radius:10px;margin-bottom:29px;font-weight:600}.avatar{background:#edeffe;color:var(--blue);border-radius:9px;width:34px;height:34px;display:inline-grid;place-items:center;font-size:12px;font-weight:650;flex-shrink:0}.workspace small{font-weight:400;font-size:11px}.navlabel{font-size:9px;letter-spacing:1.5px;color:#9aa1ac;margin:18px 12px 10px}nav button{width:100%;border:0;text-align:left;margin:3px 0;padding:12px 13px;background:transparent;color:#717989;font-size:13px}nav button span{font-size:19px;vertical-align:middle;display:inline-block;width:30px;color:#929aaa}nav button.active{background:#eff1ff;color:var(--blue);font-weight:600}nav button.active span{color:var(--blue)}.sidefoot{margin-top:auto;font-size:11px;padding:20px 5px 0;color:#687586}.sidefoot small{font-size:10px;margin-top:7px}.statusdot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#27ad8d;margin-right:6px}.shell{margin-left:242px}header{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:12px;color:#9299a5}.breadcrumb span{margin:0 15px;color:#d0d5df}.breadcrumb b{font-weight:500;color:#586173}.header-right{display:flex;align-items:center;gap:19px}.badge{font-size:10px;letter-spacing:.3px;color:#87702c;background:#fbf5e5;padding:5px 10px;border-radius:5px}.badge.live{color:var(--green);background:#e6f6ee}main{padding:31px 38px;max-width:1580px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{color:var(--muted);font-size:9px;letter-spacing:2px;margin-bottom:7px}.heading p{font-size:12px;margin-top:7px}.primary{background:var(--blue);border-color:var(--blue);color:white;font-size:12px;box-shadow:0 3px 6px #5468e821}.primary:hover{background:#4559ce;color:white}.demobar{border:1px solid #e1e5fa;background:#f0f2ff;border-radius:9px;display:flex;align-items:center;gap:13px;padding:13px 17px;margin-bottom:22px;color:#6574c7}.demobar>span{font-size:23px}.demobar b{font-size:12px;font-weight:600}.demobar small{font-size:11px;color:#7b85ae;margin-top:2px}.demobar button{margin-left:auto;background:transparent;border:0;color:#5c6ac3;font-size:11px;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:23px}.toolbar label{font-size:10px;color:#8f97a5;display:flex;flex-direction:column;gap:4px}.toolbar select{background:white;border:1px solid var(--line);padding:8px 28px 8px 11px;border-radius:7px;font-size:12px;min-width:160px;color:#556070}.freshness{margin-left:auto;font-size:10px;color:#84938e}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.kpi{background:white;border:1px solid var(--line);border-radius:10px;padding:19px 20px;text-align:left;min-height:151px;position:relative}.kpi:hover{border-color:#c8cff9}.kpi-top{display:flex;justify-content:space-between;font-size:12px;color:#7e8795}.kpi-top span:last-child{font-size:16px;color:#a2abc1}.kpi-value{font-size:30px;letter-spacing:-.9px;line-height:1.1;font-weight:650;display:block;margin:16px 0 11px}.kpi-meta{font-size:10px;color:#939ba8;display:flex;gap:8px;align-items:center}.delta{color:var(--green);font-weight:600;background:#edf8f3;border-radius:4px;padding:2px 5px}.delta.bad{color:var(--orange);background:#fbf2e7}.progress{height:4px;background:#f0f1f6;border-radius:8px;overflow:hidden;margin-top:12px}.progress i{display:block;height:100%;background:#7c8bed;border-radius:8px}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-bottom:21px}.panel{border:1px solid var(--line);border-radius:10px;background:white;padding:22px;min-width:0}.paneltitle{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:21px}.paneltitle small{margin-top:4px;font-size:10px}.legend{font-size:10px;display:flex;gap:12px;white-space:nowrap}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:5px}.legend i.gray{background:#d5dbe6}.chart{width:100%;height:190px;display:block}.axis{display:flex;justify-content:space-between;color:#a1a8b5;font-size:9px;padding:0 5px}.insight{background:#f7f8ff;border-radius:7px;color:#7985af;font-size:10px;padding:9px 12px;margin-top:18px}.funnel-row{margin-bottom:16px}.funnel-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px}.funnel-label b{font-weight:600}.bar{height:15px;background:#f3f4f8;border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;background:#91a0f4;border-radius:3px}.funnel-row:nth-child(3) i{background:#7a8bef}.funnel-row:nth-child(4) i{background:#6379e8}.funnel-row:nth-child(5) i{background:#5268df}.panelnote{font-size:10px;color:#929ba9;margin-top:13px}.attention{border:1px solid #f0e2cd;background:#fffdfa}.count{font-size:10px;background:#f7ecd9;color:#b28138;border-radius:4px;padding:3px 7px}.alertrow{padding:12px 0;border-bottom:1px solid #f3ebde;display:flex;gap:11px}.alertrow:last-child{border:0}.alerticon{background:#fcf0dd;color:#c89340;height:28px;width:28px;display:grid;place-items:center;border-radius:7px;flex-shrink:0}.alertrow b{font-size:11px;font-weight:600}.alertrow small{font-size:10px;margin-top:3px}.alertrow button{font-size:10px;padding:4px 8px;margin-left:auto;align-self:center}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{color:#929ba9;font-weight:500;text-align:left;padding:10px 12px;background:#fafbfc;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid #f0f2f5}tbody tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:9px}.person .avatar{height:27px;width:27px;font-size:10px}.good{color:var(--green)}.warn{color:var(--orange)}.mini{width:75px;display:inline-block;vertical-align:middle;margin-left:8px;height:4px;background:#eceef4;border-radius:5px;overflow:hidden}.mini i{display:block;background:#8c9bee;height:100%}.linkbutton{border:0;background:transparent;color:var(--blue);padding:3px;font-size:11px}.pill{border-radius:5px;padding:4px 7px;font-size:10px;background:#eef5f2;color:#318b75}.pill.miss{background:#fcf0e7;color:#ba8250}.empty{padding:45px 20px;text-align:center;color:var(--muted)}.metricrow{display:grid;grid-template-columns:25px 1fr 120px 80px;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:17px 0}.metricrow input[type=number]{width:100%;padding:8px;border:1px solid var(--line);border-radius:6px}.metricrow small{font-size:10px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:block;font-size:12px;margin:16px 0;color:#697587}.field input,.field textarea{display:block;width:100%;border:1px solid #dfe3ec;border-radius:7px;padding:10px;margin-top:6px;background:#fcfcfe;color:#334158}.field textarea{min-height:95px;font:12px Consolas,monospace}.field small{margin-top:5px;white-space:normal}.callfilters{display:flex;gap:10px;margin-bottom:18px}.callfilters select,.callfilters input{padding:8px 11px;border:1px solid var(--line);border-radius:6px;max-width:100%}.doclink{display:block;padding:22px;background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:14px}.doclink b{font-size:16px}.doclink small{margin-top:8px}.notice{border-left:3px solid #96a4ea;background:#f6f7fd;padding:13px 17px;font-size:12px;color:#7581a0;margin:15px 0;white-space:normal}.tag{display:inline-block;background:#eef0fc;color:#7382cb;font-size:9px;border-radius:4px;padding:3px 6px}.error{color:#b35555;background:#fff4f1;padding:11px;border-radius:6px;font-size:12px}footer{font-size:10px;color:#a2a9b4;display:flex;justify-content:space-between;padding:28px 0 5px}dialog{border:0;border-left:1px solid var(--line);margin:0 0 0 auto;height:100%;max-height:100vh;max-width:760px;width:95vw;padding:27px;box-shadow:-12px 0 70px #20293816;color:var(--ink)}dialog::backdrop{background:#18243d40}.drawerhead{display:flex;justify-content:space-between;margin-bottom:23px}.drawerhead small{font-size:9px;letter-spacing:1.3px;margin-bottom:5px}.drawerhead button{border:0}#drawer-body p{font-size:12px;line-height:1.8;margin-bottom:16px}#toast{position:fixed;bottom:25px;left:50%;background:#25334c;color:white;padding:12px 20px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}audio{width:100%;margin:15px 0}.inlinehead{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px}.inlinehead select{padding:6px;border:1px solid var(--line);border-radius:6px}.actions{display:flex;gap:9px;flex-wrap:wrap}.connectionstate{margin-bottom:12px;font-size:11px;color:var(--muted)}.busy{opacity:.5;pointer-events:none}
@media(min-width:1450px){.kpis{grid-template-columns:repeat(6,1fr)}.kpi-value{font-size:27px}.kpi{padding:18px 15px}.kpi-top{font-size:11px}}
@media(max-width:1100px){.sidebar{width:205px;padding:25px 12px}.shell{margin-left:205px}main{padding:25px 23px}header{padding:0 23px}.grid{grid-template-columns:1fr}.freshness{display:none}.heading p{max-width:350px}.kpis{gap:12px}.demobar button{display:none}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:15px;border:0;border-bottom:1px solid var(--line)}.brand{margin:0 0 12px;font-size:24px}.brandmark{height:30px;width:30px;font-size:24px;line-height:28px}.workspace,.sidefoot,.navlabel{display:none}nav{display:flex;overflow:auto;gap:4px}nav button{width:auto;white-space:nowrap;font-size:11px;padding:8px}nav button span{display:none}.shell{margin:0}header{height:49px;padding:0 17px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 6px}.owner{display:none}main{padding:22px 15px}.heading{gap:12px}h1{font-size:25px}.heading .primary{font-size:10px;padding:8px;max-width:120px}.demobar{padding:10px;font-size:10px}.demobar small{font-size:9px}.toolbar{overflow:auto;align-items:start}.toolbar select{min-width:130px;font-size:11px}.kpis{grid-template-columns:repeat(2,1fr)}.kpi{padding:15px;min-height:140px}.kpi-value{font-size:27px}.kpi-meta{font-size:9px}.panel{padding:17px}.legend{font-size:9px}.formgrid{grid-template-columns:1fr}.metricrow{grid-template-columns:20px 1fr 80px 52px;gap:6px}.metricrow small{font-size:9px}footer span{display:none}.callfilters{flex-wrap:wrap}.header-right{gap:8px}}
[hidden]{display:none!important}
.progress{display:block;width:100%}.progress i{height:4px}
:root{--blue:#d34438;--red:#d34438}.sidebar{background:#22252b;border-color:#22252b}.brand{display:flex;align-items:center;background:#22252b;border-radius:8px;padding:12px 4px;margin:0 7px 30px}.brand img{width:170px;max-width:100%;height:auto;display:block}.sidebar .workspace{border-color:#3d4046;color:#eceef1}.sidebar .workspace small{color:#a4a9b1}.sidebar nav button{color:#c1c5cc}.sidebar nav button.active{background:#483032;color:#fff}.sidebar nav button.active span{color:#ff776a}.sidebar nav button:hover{background:#353239}.sidebar .sidefoot{color:#bbbfc7}.sidebar .sidefoot small{color:#969ca6}.tag{background:#faf0ed;color:#ab655b}.demobar{background:#f8f0ee;border-color:#eddfdb;color:#a56559}.demobar small{color:#a68b84}.demobar button{color:#9d655b}.badge{background:#faf0e5}.daily-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.daily-kpi{min-height:135px}.daily-kpi .kpi-meta{display:block;line-height:1.6;white-space:normal}.daily-kpi .kpi-value{margin:16px 0 9px}.overviewintro{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:11px;color:#929ba6}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.field select,.transition-row select,.transition-row input{display:block;width:100%;padding:10px;border:1px solid #dfe3ec;border-radius:7px;margin-top:6px;background:#fcfcfe;color:#334158;font:inherit;min-width:0}.checks{display:flex;flex-wrap:wrap;gap:12px 22px;margin:15px 0 22px;color:#637181;font-size:12px}.checks label{display:flex;align-items:center;gap:5px}.checks input{accent-color:var(--blue)}.checkboxfield>input{width:auto;display:inline;margin-right:9px}.transition-row{display:grid;grid-template-columns:1.2fr .6fr 1fr 1fr 45px;gap:8px;align-items:center;margin-bottom:12px}.rules-panel .primary{margin-top:14px}.rules-panel .panelnote{align-self:center}.rules-panel .field{margin:10px 0}.funnel-row i{background:#d96557!important}.progress i{background:#d96557}.rules-panel{margin-bottom:22px}summary{cursor:pointer;font-weight:600}summary+.panel{margin-top:20px;border:0;padding:0}.overviewintro .tag{white-space:nowrap}.daily-kpi .kpi-top{font-size:11px}.daily-kpi .kpi-value{font-size:30px}.login-brand{justify-content:center}
@media(max-width:1200px){.daily-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.transition-row{grid-template-columns:1fr 1fr}.transition-row input{grid-column:1/-1}}
@media(max-width:760px){.sidebar .brand{margin:0 0 13px;width:150px;padding:6px 0}.sidebar .brand img{width:145px}.sidebar nav button.active{background:#483032}.daily-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-grid{grid-template-columns:1fr}.overviewintro>span:last-child{font-size:9px;text-align:right;max-width:160px}.rules-panel .paneltitle{flex-direction:column}.daily-kpi{padding:13px;min-height:130px}.daily-kpi .kpi-value{font-size:28px}.daily-kpi .kpi-meta{font-size:9px}}
.auth-main{max-width:500px;padding-top:8vh}.auth-main .brand{padding:20px;justify-content:center}.account-name{font-size:12px;color:#647081}.header-right>a{font-size:11px}.header-right button{font-size:11px;padding:6px 10px}.header-right{gap:12px}#user-form{margin-top:16px}#user-form input[type=checkbox]{accent-color:var(--blue)}@media(max-width:760px){.header-right>a{display:none}.account-name{font-size:10px}.header-right{gap:7px}.header-right button{font-size:10px;padding:4px 7px}.breadcrumb{max-width:180px;overflow:hidden;white-space:nowrap}}

.operation-banner{position:sticky;top:10px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin:0 0 20px;border:1px solid #ddd5b8;border-left:4px solid #d8aa4c;border-radius:12px;background:#fffaf0;box-shadow:0 4px 20px #2222}.operation-banner small{display:block;margin-top:5px;color:#657089}.operation-banner .actions{flex-shrink:0;flex-wrap:wrap}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:800px){.operation-banner{align-items:flex-start;flex-direction:column}.operation-banner .actions{gap:8px}}

.sales-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 20px}.sales-summary div{background:#f7f8fb;border-radius:10px;padding:12px}.sales-summary b{display:block;font-size:23px;margin-top:6px}.tracked-scope{font-size:12px;color:#66758c;align-self:center;max-width:260px}.tracked-funnels{margin-bottom:20px;align-items:start}

.connection-feedback{font-size:12px;line-height:1.5;color:#66758c;margin-top:12px;min-height:18px}

.toolbar{flex-wrap:wrap;align-items:end}.toolbar input[type=date]{min-width:145px;padding:10px;border:1px solid var(--line,#dfe3ed);border-radius:8px;background:white;color:inherit}.rules-panel h3{margin-top:24px}#date-from-label[hidden],#date-to-label[hidden]{display:none}

.scope-heading{margin:30px 0 20px;font-size:24px}.tracked-funnels:has(> :only-child){grid-template-columns:1fr}

/* DIKTUM brandbook. Dark surfaces throughout the application. */
:root {
  color-scheme: dark;
  --bg: #101010;
  --surface: #191918;
  --surface-raised: #222120;
  --surface-input: #111110;
  --ink: #f3efeb;
  --muted: #aaa29b;
  --line: #37322f;
  --brand: #fa0200;
  --bronze: #876958;
  --ivory: #e2dbd5;
  --blue: #ff756c;
  --red: #ff8177;
  --green: #92c4a5;
  --orange: #d9b58b;
}
body {
  background: var(--bg);
  color: var(--ink);
  font-family: 'Segoe UI', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
::selection { background: #68332c; color: #fff; }
button, input, select, textarea { color: var(--ink); }
button, select, input, textarea {
  background: var(--surface-input);
  border-color: var(--line);
  border-radius: 6px;
}
button { transition: background .15s, border-color .15s; }
button:hover { background: #2b2724; border-color: var(--bronze); }
button:focus-visible, a:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--ivory);
  outline-offset: 3px;
}
input::placeholder, textarea::placeholder { color: #8f8780; opacity: 1; }
input:read-only { color: #bdb3aa; background: #1d1a18; }
input[type=checkbox], input[type=radio] { accent-color: var(--brand); }
a:hover { color: #ffaba4; }
h1 { font-size: 32px; font-weight: 600; letter-spacing: -1px; line-height: 1.15; }
h2 { color: var(--ivory); font-weight: 600; }
h3 { color: var(--ink); }
.sidebar {
  background: #000;
  border-right: 1px solid #2b2724;
  padding-top: 30px;
}
.brand, .sidebar .brand {
  background: #000;
  border-radius: 0;
  padding: 8px 0 20px;
  margin: 0 8px 24px;
  color: var(--ivory);
}
.sidebar .brand img { width: 184px; }
.sidebar .workspace { background: #151311; border-color: #393028; color: var(--ivory); }
.sidebar .workspace small { color: var(--muted); }
.avatar { background: #332720; color: #dfbda6; border-radius: 5px; }
.navlabel { color: #938579; font-size: 10px; letter-spacing: 1.5px; }
.sidebar nav button {
  color: #bdb5ae;
  border-radius: 5px;
  border-left: 2px solid transparent;
  padding: 12px;
}
.sidebar nav button span { color: #92857a; }
.sidebar nav button:hover { background: #201a17; }
.sidebar nav button.active {
  background: #2a1410;
  border-left-color: var(--brand);
  color: #fff1ea;
}
.sidebar nav button.active span { color: #ff756c; }
.sidebar .sidefoot { color: #b9aea5; border-top: 1px solid #302720; }
.sidebar .sidefoot small { color: #94877d; }
header { background: #151413; border-bottom-color: var(--line); }
.breadcrumb { color: #a1978e; }
.breadcrumb span { color: #76665a; }
.breadcrumb b { color: var(--ivory); }
.account-name { color: #c2b6ac; }
.header-right button { background: #211d1a; }
main { padding-top: 34px; }
.heading { margin-bottom: 30px; }
.eyebrow { color: #c4a08a; font-size: 10px; letter-spacing: 2px; margin-bottom: 12px; }
.heading p { font-size: 13px; color: var(--muted); margin-top: 10px; }
.primary {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
  font-weight: 600;
  box-shadow: none;
}
.primary:hover { background: #d61c13; border-color: #ff5d50; color: #fff; }
.toolbar { gap: 12px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.toolbar label { color: #b6aaa0; font-size: 11px; }
.toolbar select, .toolbar input[type=date], .inlinehead select,
.callfilters select, .callfilters input, .metricrow input[type=number],
.field input, .field textarea, .field select,
.transition-row select, .transition-row input {
  background: var(--surface-input);
  color: var(--ink);
  border-color: #4b4037;
}
.toolbar select { color: var(--ivory); }
select option, select optgroup { color: var(--ink); background: #191715; }
.freshness, .tracked-scope, .overviewintro { color: #aaa095; }
.kpi, .panel, .doclink, dialog {
  background: var(--surface);
  border-color: var(--line);
  border-radius: 8px;
}
.kpi { box-shadow: inset 0 2px #87695850; }
.kpi:hover { background: #211d1a; border-color: var(--bronze); }
.kpi-top, .daily-kpi .kpi-top { color: #c6bdb5; }
.kpi-top span:last-child { color: #a2836c; }
.kpi-value { color: var(--ivory); font-variant-numeric: tabular-nums; font-weight: 600; }
.kpi-meta { color: #aaa095; }
.paneltitle small, .panelnote { color: #aba096; }
.legend { color: #b8aca1; }
.legend i { background: var(--brand); }
.legend i.gray { background: var(--bronze); }
.axis { color: #b4a79b; }
.progress, .bar, .mini { background: #342d27; }
.progress i, .funnel-row i, .mini i { background: var(--brand) !important; }
.insight, .notice {
  background: #241f1b;
  color: #c7b7aa;
  border-color: var(--bronze);
}
.insight { border-left: 2px solid var(--bronze); }
.sales-summary div { background: #25201b; }
.sales-summary b { color: var(--ivory); font-variant-numeric: tabular-nums; }
.attention { background: #211b16; border-color: #55402c; }
.alertrow { border-bottom-color: #403329; }
.count, .alerticon { background: #3a2b1e; color: #e0b88a; }
.delta, .pill, .badge.live { background: #1c3026; color: #a6d5b6; }
.delta.bad, .pill.miss, .badge { background: #38291e; color: #e0bc95; }
.tag { background: #34271f; color: #d8b59d; }
.demobar { background: #2a1b17; border-color: #503228; color: #e0ab98; }
.demobar small, .demobar button { color: #d3b0a1; }
th { background: #24201c; color: #c7b7a9; border-bottom-color: #4a3b30; }
td { border-bottom-color: #332c26; }
tbody tr:hover { background: #24201b; }
.empty { color: #b5a89d; }
.field, .checks { color: #c1b5aa; }
.doclink:hover { background: #231f1b; border-color: var(--bronze); }
.linkbutton { color: #ff8a7e; background: transparent; }
.error { color: #ffb4a6; background: #391e19; }
#login-error, #setup-error, #password-error { color: #ffb4a6; }
.connection-feedback { color: #bfae9f; }
.operation-banner {
  background: #2b2319;
  border-color: #685037;
  border-left-color: #d6aa72;
  box-shadow: 0 8px 28px #0005;
}
.operation-banner small { color: #d0bda6; }
dialog { border-radius: 0; border-left-color: #574130; box-shadow: -16px 0 80px #0009; }
dialog::backdrop { background: #000b; }
#toast { background: #34271f; color: var(--ivory); border: 1px solid #876958; box-shadow: 0 8px 24px #0006; }
footer { color: #9d8d80; border-top: 1px solid var(--line); margin-top: 24px; padding-top: 20px; }
.auth-main { max-width: 520px; padding-top: 9vh; }
.auth-main .brand { padding: 22px 28px; margin: 0 0 20px; background: #000; border-radius: 8px; }
.auth-main .brand img { width: 225px; }
.auth-main .panel { padding: 32px; border-top: 3px solid var(--brand); }
.auth-main h1 { font-size: 30px; }
.auth-main .primary { width: 100%; padding: 12px 18px; margin-top: 8px; }
.auth-main .field { margin: 20px 0; }
@media(max-width:760px) {
  .sidebar { padding: 16px 15px 10px; border-bottom: 1px solid var(--line); }
  .sidebar .brand { width: 162px; padding: 0; margin-bottom: 15px; }
  .sidebar .brand img { width: 162px; }
  .sidebar nav button { padding: 9px 10px; }
  h1 { font-size: 27px; }
  .toolbar { padding-bottom: 16px; }
  .toolbar select { min-width: 128px; }
  .heading { margin-bottom: 22px; align-items: flex-start; }
  .auth-main { padding-top: 28px; }
  .auth-main .panel { padding: 24px; }
  .auth-main h1 { font-size: 27px; }
}
.paneltitle small, .panelnote, .field small, .alertrow small { font-size: 12px; }
table { font-size: 12px; }
@media(max-width:760px) {
  header { min-height: 54px; height: auto; gap: 12px; padding-block: 8px; }
  .breadcrumb { flex: 1; min-width: 0; max-width: none; text-overflow: ellipsis; }
  .header-right { flex-shrink: 0; }
  .header-right .badge { max-width: 110px; font-size: 9px; }
}

/* Compact controls and unified sales report. */
.manager-filter { position: relative; min-width: 230px; max-width: 320px; }
.filter-label { display: block; margin-bottom: 4px; font-size: 11px; color: #b6aaa0; }
#manager-picker > summary {
  min-height: 36px; padding: 8px 30px 8px 12px; border: 1px solid #4b4037;
  border-radius: 6px; background: var(--surface-input); font-size: 12px;
  font-weight: 400; color: var(--ivory); max-width: 320px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.manager-options {
  position: absolute; top: 100%; left: 0; z-index: 40; min-width: 290px;
  max-width: min(360px,calc(100vw - 30px)); max-height: 360px; overflow-y: auto;
  margin-top: 5px; padding: 10px; background: #211d19;
  border: 1px solid #68513f; border-radius: 8px; box-shadow: 0 12px 32px #0008;
}
.toolbar .manager-options label { display: flex; flex-direction: row; align-items: flex-start; gap: 10px; padding: 9px 7px; font-size: 12px; color: var(--ivory); }
.manager-options input { margin: 3px 0 0; flex-shrink: 0; }
.manager-options label:hover { background: #35271f; }
.sync-status { position: relative; }
.sync-status > summary { font-size: 11px; font-weight: 400; color: #c4a58d; padding: 7px 10px; border: 1px solid #4e3c2e; border-radius: 5px; }
.sync-status .operation-banner {
  position: absolute; top: 100%; right: 0; width: min(490px,calc(100vw - 30px));
  display: block; margin-top: 8px; padding: 18px; z-index: 60;
}
.sync-status .operation-banner .actions { margin-top: 14px; }
.report-section { margin-top: 28px; }
.report-section > h2 { font-size: 23px; margin-bottom: 18px; }
.report-kpis { grid-template-columns: repeat(4,minmax(0,1fr)); margin: 18px 0; }
.activity-panel .report-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 0; }
.activity-panel .kpi { min-height: 122px; background: #24201b; }
.activity-panel .paneltitle { margin-bottom: 10px; }
.report-kpis .kpi { min-height: 145px; }
.report-kpis .kpi-top { align-items: flex-start; gap: 8px; }
.report-kpis .kpi-value { font-size: 29px; }
.report-kpis .kpi-meta { line-height: 1.5; }
.source-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.source-list > div { display: flex; justify-content: space-between; gap: 15px; padding: 13px 15px; border-radius: 5px; background: #24201b; }
.source-list b { color: var(--ivory); font-variant-numeric: tabular-nums; }
.potential-panel { margin-top: 28px; }
.potential-panel .tablewrap { margin-top: 16px; }
.potential-panel table { white-space: normal; min-width: 860px; }
.potential-panel td { vertical-align: top; min-width: 150px; max-width: 330px; }
.potential-panel td > div + div { margin-top: 10px; }
.potential-panel small { margin-top: 5px; }
.potential-panel > button { margin-top: 16px; }
@media(max-width:1100px) {
  .report-kpis { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .source-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .header-right { gap: 8px; }
}
@media(max-width:760px) {
  header { flex-wrap: wrap; }
  .header-right { flex-wrap: wrap; max-width: 100%; }
  .toolbar { overflow: visible; }
  .manager-filter { min-width: 190px; max-width: 100%; }
  .manager-options { min-width: 260px; }
  .report-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .report-kpis .kpi-value { font-size: 26px; }
  .source-list { grid-template-columns: 1fr; }
  .sync-status .operation-banner { right: auto; left: 0; }
}
dialog:has(.calls-table) { width: min(1100px,96vw); max-width: 1100px; }
.calls-table td:nth-child(2), .calls-table td:nth-child(3) { max-width: 220px; white-space: normal; }
@media(max-width:760px) {
  header .breadcrumb { display: none; }
  header .header-right { width: 100%; justify-content: space-between; }
}
.new-contacts { margin-top: 0; }
.report-section > .paneltitle h2 { font-size: 23px; }
.call-summary .report-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 0; }
.source-panel { margin-top: 18px; }
.report-overdue { margin-top: 12px; }
.call-summary > small { margin-top: 12px; }
.call-summary > .linkbutton { display: block; margin-top: 12px; text-align: left; }
@media(max-width:760px) {
  .source-panel .paneltitle { flex-direction: column; }
}
.call-heading { background: transparent; border: 0; color: inherit; font: inherit; font-weight: inherit; padding: 0; text-align: left; }
.call-heading:hover { color: #ff8a7e; background: transparent; }
.call-link-feedback { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 12px 0; }
.call-link-feedback small { max-width: 700px; font-size: 12px; }
.call-link-feedback button { font-size: 12px; }

.overall-summary .report-kpis { grid-template-columns: repeat(3,minmax(0,1fr)); }
@media(max-width:760px) { .overall-summary .report-kpis { grid-template-columns: 1fr; } }

.history-filters{display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin:22px 0}
.history-filters label{display:flex;flex-direction:column;gap:7px;min-width:190px}
.history-filters .history-unknown{flex-direction:row;align-items:center;max-width:390px;font-size:12px}
.history-unknown input{width:auto;min-width:16px}
.history-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;margin:18px 0;color:var(--muted)}
.manager-event-feed{max-height:640px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#876958 #181817;border:1px solid var(--line);border-radius:10px;background:#111110}
.history-event{display:grid;grid-template-columns:155px minmax(0,1fr);gap:20px;padding:20px;border-bottom:1px solid var(--line)}
.history-event:last-child{border-bottom:0}.history-event time{font-size:12px;color:#bba48c}
.history-event-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.history-event small{display:block;margin-top:8px}.history-detail{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;color:#c8bfb7}
.history-unknown-tag{background:#302a20;color:#e6bc7e}.history-sources{margin-top:20px;font-size:12px;line-height:1.9}.history-sources summary{cursor:pointer;color:#bba48c}
.work-history .paneltitle{gap:18px;flex-wrap:wrap}.history-event>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.history-event{grid-template-columns:1fr;gap:8px;padding:15px}.history-filters label{width:100%;min-width:0}.history-filters input,.history-filters select{max-width:100%}.history-filters .history-unknown{width:auto}.manager-event-feed{max-height:65vh}.work-history .paneltitle button{width:100%}}

.history-filters select,.history-filters input:not([type=checkbox]){min-height:44px;padding:10px 12px;border:1px solid #44392f;border-radius:8px;background:#111110;color:#e2dbd5;width:100%;font:inherit}
.history-filters label:has(#history-search){flex:1;min-width:220px;max-width:390px}
.history-filters select:focus,.history-filters input:focus{outline:1px solid #876958;outline-offset:2px}
@media(max-width:760px){.history-filters label:has(#history-search){min-width:0;max-width:none}}