:root { --ink:#13231e; --ink-soft:#2f423b; --muted:#62726b; --subtle:#8b9993; --line:#dce3df; --line-strong:#c7d1cb; --surface:#fff; --canvas:#f4f6f5; --emerald:#0d7058; --emerald-dark:#084d3e; --emerald-soft:#e2f1eb; --gold:#c58a24; --gold-soft:#fbf1dc; --red:#b33d37; --blue:#2f6e9e; --sidebar:#13241e; --sidebar-ink:#f8faf8; --sidebar-muted:#aebbb5; --shadow-sm:0 1px 2px rgba(14,33,26,.05); --shadow-md:0 14px 34px rgba(15,33,26,.08); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; min-width:320px; color:var(--ink); background:var(--canvas); font-family:Aptos,"Segoe UI Variable","Segoe UI",Arial,sans-serif; font-size:14px; line-height:1.45; } button,input,select { font:inherit; letter-spacing:0; } button { cursor:pointer; } button:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid rgba(13,112,88,.22); outline-offset:2px; } h1,h2,h3,p { margin:0; } h1 { font-size:clamp(26px,3vw,34px); line-height:1.08; } h2 { font-size:18px; line-height:1.25; } h3 { font-size:15px; line-height:1.3; } .eyebrow { margin-bottom:6px; color:var(--gold); font-size:10px; font-weight:800; letter-spacing:1px; text-transform:uppercase; } .hidden { display:none!important; }

.app-shell { min-height:100vh; display:grid; grid-template-columns:72px minmax(0,1fr); transition:grid-template-columns .22s ease; } body.sidebar-expanded .app-shell { grid-template-columns:250px minmax(0,1fr); } .sidebar { position:sticky; top:0; z-index:12; width:72px; height:100vh; padding:18px 10px; overflow:hidden; display:flex; flex-direction:column; color:var(--sidebar-ink); background:var(--sidebar); border-right:1px solid rgba(255,255,255,.08); transition:width .22s ease,box-shadow .22s ease; } body.sidebar-expanded .sidebar { width:250px; } .sidebar-top { min-height:46px; display:flex; align-items:center; justify-content:space-between; gap:8px; } .brand { min-width:0; display:flex; align-items:center; gap:11px; color:inherit; text-decoration:none; } .brand-mark { width:38px; height:38px; flex:0 0 38px; display:flex; align-items:end; gap:3px; padding:8px; background:var(--gold-soft); border:1px solid rgba(197,138,36,.5); border-radius:7px; } .brand-mark i { display:block; width:6px; background:var(--emerald); border-radius:1px; } .brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:15px} .brand-copy { min-width:0; width:0; overflow:hidden; opacity:0; transition:opacity .14s ease,width .22s ease; } body.sidebar-expanded .brand-copy { width:115px; opacity:1; } .brand strong,.brand small { display:block; white-space:nowrap; } .brand strong { font-size:15px; }.brand small { margin-top:1px; color:var(--sidebar-muted); font-size:11px; } .sidebar-toggle { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.15); border-radius:6px; color:#fff; background:transparent; } .sidebar-toggle:hover { background:rgba(255,255,255,.09); } .sidebar-toggle span { width:9px; height:9px; border-top:2px solid currentColor; border-right:2px solid currentColor; transform:rotate(45deg); transition:transform .2s ease; } body.sidebar-expanded .sidebar-toggle span { transform:rotate(-135deg); } .nav-list { margin-top:34px; display:grid; gap:6px; } .nav-item { width:100%; height:42px; padding:0 10px; display:flex; align-items:center; gap:12px; border:1px solid transparent; border-radius:6px; color:var(--sidebar-muted); background:transparent; text-align:left; overflow:hidden; } .nav-item:hover { color:#fff; background:rgba(255,255,255,.07); } .nav-item.active { color:#fff; background:rgba(197,138,36,.14); border-color:rgba(197,138,36,.32); } .nav-symbol { width:30px; flex:0 0 30px; color:var(--gold); font-size:9px; font-weight:800; letter-spacing:.6px; text-align:center; } .nav-label { width:0; overflow:hidden; font-size:12px; font-weight:650; white-space:nowrap; opacity:0; transition:opacity .14s ease,width .22s ease; } body.sidebar-expanded .nav-label { width:145px; opacity:1; } .sidebar-footer { margin-top:auto; padding-top:16px; display:flex; align-items:center; gap:9px; border-top:1px solid rgba(255,255,255,.11); } .status-dot { width:9px; height:9px; flex:0 0 9px; border-radius:50%; background:#73d2a7; box-shadow:0 0 0 4px rgba(115,210,167,.12); } .sidebar-footer-copy { width:0; overflow:hidden; opacity:0; transition:opacity .14s ease,width .22s ease; } body.sidebar-expanded .sidebar-footer-copy { width:160px; opacity:1; } .sidebar-footer strong,.sidebar-footer small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.sidebar-footer strong{font-size:11px}.sidebar-footer small{margin-top:2px;color:var(--sidebar-muted);font-size:10px}.sidebar-scrim{display:none;}

main { min-width:0; padding-bottom:30px; } .topbar { min-height:122px; padding:30px clamp(20px,4vw,52px); display:flex; align-items:flex-start; justify-content:space-between; gap:20px; background:var(--surface); border-bottom:1px solid var(--line); } .topbar-heading { max-width:760px; }.topbar-copy { max-width:650px; margin-top:10px; color:var(--muted); font-size:14px; }.platform-badge { height:34px; flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; padding:0 11px; border:1px solid #c6ddd4; border-radius:5px; color:var(--emerald-dark); background:var(--emerald-soft); font-size:12px; font-weight:750; }.platform-dot { width:7px; height:7px; border-radius:50%; background:var(--emerald); }
.report-setup,.status-panel,.alerts-panel,.workspace { margin:22px clamp(20px,4vw,52px) 0; background:var(--surface); border:1px solid var(--line); border-radius:8px; box-shadow:var(--shadow-sm); }.report-setup { padding:20px; }.setup-heading,.panel-heading,.workspace-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }.setup-heading { padding-bottom:19px; border-bottom:1px solid var(--line); }.setup-grid { padding-top:18px; display:grid; grid-template-columns:minmax(380px,1.55fr) minmax(260px,1fr) minmax(270px,1fr); gap:18px; align-items:end; }.field-group{min-width:0}.account-group { display:grid; grid-template-columns:minmax(190px,1.35fr) minmax(122px,.8fr) minmax(138px,.95fr); gap:10px; } label,.field-label { display:block; color:var(--muted); font-size:11px; font-weight:750; } input,select { width:100%; height:40px; margin-top:7px; border:1px solid var(--line-strong); border-radius:5px; color:var(--ink); background:#fff; padding:0 11px; } select { cursor:pointer; } input:focus,select:focus { border-color:var(--emerald); box-shadow:0 0 0 3px rgba(13,112,88,.11); outline:none; }.date-range { margin-top:7px; display:grid; grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr); align-items:center; gap:6px; }.date-range input { margin-top:0; }.date-range span { color:var(--subtle); font-size:11px; text-align:center; }.switch { min-height:25px; display:inline-flex; align-items:center; gap:8px; color:var(--ink-soft); cursor:pointer; }.switch input{display:none}.switch span{position:relative;width:33px;height:18px;flex:0 0 33px;margin:0;border-radius:12px;background:#b7c2bc;transition:background .18s ease}.switch span::after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15);transition:transform .18s ease}.switch input:checked+span{background:var(--emerald)}.switch input:checked+span::after{transform:translateX(15px)}.comparison{margin-top:8px}
.primary-button,.secondary-button,.insight-button { min-height:40px; display:inline-flex; align-items:center; justify-content:center; border:1px solid transparent; border-radius:5px; padding:0 14px; font-size:12px; font-weight:800; white-space:nowrap; transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease; }.primary-button{color:#fff;background:var(--emerald)}.primary-button:hover{background:var(--emerald-dark)}.primary-button:active,.secondary-button:active,.insight-button:active{transform:translateY(1px)}.primary-button:disabled{cursor:wait;opacity:.65}.secondary-button{border-color:var(--line-strong);color:var(--ink-soft);background:#fff}.secondary-button:hover{border-color:var(--emerald);color:var(--emerald-dark);background:var(--emerald-soft)}.insight-button{color:#fff;background:#273c63}.insight-button:hover{background:#1d2d4b}.secondary-button:disabled,.insight-button:disabled{cursor:not-allowed;opacity:.45}.run-button{min-width:126px}
.summary-strip { margin:22px clamp(20px,4vw,52px) 0; display:grid; grid-template-columns:repeat(5,minmax(140px,1fr)); gap:12px; }.metric-card { min-height:120px; position:relative; overflow:hidden; padding:17px; border:1px solid var(--line); border-radius:8px; background:var(--surface); box-shadow:var(--shadow-sm); }.metric-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--emerald)}.metric-card:nth-child(2)::before{background:var(--gold)}.metric-card:nth-child(3)::before{background:var(--blue)}.metric-card:nth-child(4)::before{background:#7f5b9a}.metric-card:nth-child(5)::before{background:#b25b4e}.metric-card .label{color:var(--muted);font-size:11px;font-weight:750}.metric-card .value{margin-top:12px;font-size:27px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.metric-card .change{display:inline-block;margin-top:13px;font-size:11px;font-weight:750}.positive{color:var(--emerald)}.negative{color:var(--red)}.neutral{color:var(--muted)}
.status-panel,.alerts-panel { padding:20px; }.panel-heading p:not(.eyebrow),.workspace-header p{max-width:620px;margin-top:5px;color:var(--muted);font-size:12px}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.run-list{margin-top:17px;display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px}.run-item{min-width:0;padding:11px 12px;border:1px solid var(--line);border-left:3px solid var(--subtle);border-radius:6px;background:#fbfcfb}.run-item.success{border-left-color:var(--emerald)}.run-item.failed{border-left-color:var(--red)}.run-item.running{border-left-color:var(--gold)}.run-item strong,.run-item span,.run-item b,.run-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-item strong{color:var(--ink);font-size:12px}.run-item span,.run-item small{color:var(--muted);font-size:10px}.run-item b{margin:4px 0;color:var(--ink-soft);font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.rule-window-controls{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(160px,1fr) minmax(130px,.7fr) minmax(180px,1fr) auto;gap:12px;align-items:end;margin-top:17px;padding:14px;border:1px solid var(--line);border-radius:6px;background:#fbfcfb}.rule-window-controls label{position:relative}.rule-window-controls label span{display:block;margin-top:4px;color:var(--subtle);font-size:10px}.rule-window-controls button{height:40px}.window-preview{margin:8px 14px 0;color:var(--muted);font-size:11px}
.alert-summary{max-width:450px;margin-top:17px;display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px}.alert-count{padding:12px 13px;border:1px solid var(--line);border-left:3px solid var(--subtle);border-radius:6px;background:#fbfcfb}.alert-count strong,.alert-count span{display:block}.alert-count strong{font-size:25px;line-height:1;font-variant-numeric:tabular-nums}.alert-count span{margin-top:7px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.alert-count.critical{border-left-color:var(--red)}.alert-count.high{border-left-color:var(--gold)}.alert-count.medium{border-left-color:var(--blue)}.alert-list{margin-top:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.alert-card{min-width:0;padding:13px;display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:14px;border:1px solid var(--line);border-left:3px solid var(--subtle);border-radius:6px;background:#fff}.alert-card.critical{border-left-color:var(--red);background:#fffafa}.alert-card.high{border-left-color:var(--gold)}.alert-card.medium{border-left-color:var(--blue)}.alert-card strong,.alert-card span,.alert-card small{display:block}.alert-card strong{font-size:12px}.alert-card span,.alert-card small,.empty-alerts{color:var(--muted);font-size:10px}.alert-card p{margin-top:5px;color:var(--ink-soft);font-size:11px;line-height:1.5}.alert-card small{text-align:right;line-height:1.5}.empty-alerts{padding:12px 0}
.workspace{overflow:hidden}.workspace-header{padding:20px;border-bottom:1px solid var(--line)}.dimension-bar{min-height:62px;padding:10px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.dimension-bar>span{flex:0 0 auto;color:var(--muted);font-size:11px;font-weight:800}.segments{min-width:0;display:inline-flex;max-width:100%;padding:3px;overflow-x:auto;border:1px solid var(--line);border-radius:6px;background:var(--canvas)}.segments button{flex:0 0 auto;min-height:31px;border:0;border-radius:4px;padding:0 11px;color:var(--muted);background:transparent;font-size:11px;font-weight:700}.segments button:hover{color:var(--ink)}.segments button.active{color:var(--ink);background:#fff;box-shadow:var(--shadow-sm)}.filter-bar{min-height:56px;padding:8px 20px;display:flex;align-items:center;gap:8px;overflow-x:auto;border-bottom:1px solid var(--line);background:#fbfcfb}.filter-bar:empty::before{content:"Filters appear after data is loaded";color:var(--subtle);font-size:11px}.filter-bar select{width:auto;min-width:165px;max-width:230px;height:34px;margin:0;font-size:11px}.warning-list{padding:0 20px}.warning{margin:12px 0;padding:10px 12px;border:1px solid #eed7a1;border-left:3px solid var(--gold);border-radius:5px;color:#72531c;background:#fff8e9;font-size:11px}.table-wrap{position:relative;min-height:350px;max-height:calc(100vh - 380px);overflow:auto}table{width:100%;min-width:1020px;border-collapse:collapse}th{position:sticky;top:0;z-index:2;padding:12px 14px;border-bottom:1px solid var(--line);color:#52635b;background:#edf2ef;font-size:10px;font-weight:800;letter-spacing:.7px;text-align:right;text-transform:uppercase}th:first-child,th:nth-child(2),td:first-child,td:nth-child(2){text-align:left}td{height:58px;padding:9px 14px;border-bottom:1px solid #edf1ef;text-align:right;font-variant-numeric:tabular-nums}tbody tr:hover{background:#f7faf8}.entity strong,.entity small{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity strong{font-size:12px}.entity small{margin-top:3px;color:var(--muted);font-size:10px}.metric-main{font-weight:750}.metric-compare{display:block;margin-top:3px;color:var(--muted);font-size:10px}.delta{display:inline-block;min-width:50px;margin-left:5px;font-weight:800}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--muted);background:#fff;text-align:center}.empty-state h3{margin:18px 0 6px;color:var(--ink)}.empty-state p{font-size:12px}.empty-chart{height:48px;display:flex;align-items:end;gap:5px}.empty-chart i{width:11px;border-radius:2px 2px 0 0;background:#b8d7c9}.empty-chart i:nth-child(1){height:15px}.empty-chart i:nth-child(2){height:29px}.empty-chart i:nth-child(3){height:22px}.empty-chart i:nth-child(4){height:45px;background:var(--emerald)}.empty-chart i:nth-child(5){height:36px;background:var(--gold)}.pagination{min-height:56px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.pagination div{display:flex;gap:6px}.pagination button{width:34px;height:34px;border:1px solid var(--line-strong);border-radius:5px;color:var(--ink);background:#fff;font-size:17px}.pagination button:hover:not(:disabled){border-color:var(--emerald);color:var(--emerald-dark)}.pagination button:disabled{cursor:not-allowed;opacity:.35}
.drawer-backdrop{position:fixed;inset:0;z-index:19;opacity:0;pointer-events:none;background:rgba(10,22,17,.36);transition:opacity .2s ease}.drawer-backdrop.open{opacity:1;pointer-events:auto}.insight-drawer{position:fixed;top:0;right:0;z-index:20;width:min(470px,100vw);height:100vh;display:flex;flex-direction:column;background:#fff;box-shadow:-18px 0 48px rgba(15,33,26,.18);transform:translateX(105%);transition:transform .22s ease}.insight-drawer.open{transform:translateX(0)}.insight-drawer header{min-height:92px;padding:20px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.insight-drawer header small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.icon-button{width:34px;height:34px;border:1px solid var(--line-strong);border-radius:5px;color:var(--ink);background:#fff;font-size:24px;line-height:1}.insight-content{flex:1;overflow:auto;padding:20px}.insight-section{padding:16px 0;border-bottom:1px solid var(--line)}.insight-section:first-child{padding-top:0}.insight-section h3{margin-bottom:7px}.insight-section p,.rich-response{color:var(--ink-soft);font-size:13px;line-height:1.6}.rich-response h3{margin:14px 0 6px;color:var(--ink);font-size:15px}.rich-response h3:first-child{margin-top:0}.rich-response ul{margin:7px 0;padding-left:18px}.rich-response li{margin:5px 0}.rich-response p{margin:8px 0}.chat-message{margin:13px 0;padding:12px;border-radius:6px;background:#f0f4f1;color:var(--ink-soft);font-size:12px;line-height:1.55}.chat-message.user{margin-left:48px;background:#e7f0f7}.chat-thinking{color:var(--muted);font-style:italic}.chat-box{padding:12px;display:flex;gap:8px;border-top:1px solid var(--line)}.chat-box input{flex:1;margin:0}.chat-box button{min-width:58px;height:40px;border:0;border-radius:5px;color:#fff;background:var(--emerald);font-size:11px;font-weight:800}.cache-note{margin-bottom:12px;padding:9px 11px;border-left:3px solid var(--emerald);color:var(--emerald-dark);background:var(--emerald-soft);font-size:11px;font-weight:750}.toast{position:fixed;left:50%;bottom:24px;z-index:30;max-width:min(500px,calc(100vw - 30px));padding:11px 14px;border-radius:6px;color:#fff;background:var(--ink);box-shadow:var(--shadow-md);font-size:12px;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#8f302c}.loading-row td{padding:0}.loading-bar{height:3px;background:var(--emerald);animation:loading 1.2s infinite ease-in-out;transform-origin:left}@keyframes loading{0%{transform:scaleX(.05)}50%{transform:scaleX(.75)}100%{transform:scaleX(.05);transform-origin:right}}
@media(max-width:1280px){.setup-grid{grid-template-columns:1fr 1fr}.account-group{grid-column:1/-1}.run-list{grid-template-columns:repeat(3,minmax(160px,1fr))}.summary-strip{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media(max-width:980px){.report-setup,.status-panel,.alerts-panel,.workspace,.summary-strip{margin-left:22px;margin-right:22px}.setup-grid{grid-template-columns:1fr}.account-group{grid-template-columns:minmax(190px,1.25fr) 1fr 1fr}.run-list,.alert-list{grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap{max-height:none}.summary-strip{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media(max-width:760px){.app-shell,body.sidebar-expanded .app-shell{display:block}.sidebar{position:fixed;left:0;width:250px;padding:16px 12px;transform:translateX(-100%);box-shadow:none;transition:transform .22s ease,box-shadow .22s ease}.sidebar-top{min-height:42px}.brand-copy,body.sidebar-expanded .brand-copy{width:115px;opacity:1}.nav-label,body.sidebar-expanded .nav-label{width:145px;opacity:1}.sidebar-footer-copy,body.sidebar-expanded .sidebar-footer-copy{width:160px;opacity:1}.sidebar-toggle span,body.sidebar-expanded .sidebar-toggle span{transform:rotate(-135deg)}body.sidebar-expanded .sidebar{transform:translateX(0);box-shadow:18px 0 40px rgba(12,31,23,.25)}.sidebar-scrim{position:fixed;inset:0;z-index:11;border:0;background:rgba(10,22,17,.35);opacity:0;pointer-events:none;transition:opacity .2s ease}body.sidebar-expanded .sidebar-scrim{display:block;opacity:1;pointer-events:auto}.topbar{padding:24px 20px}.topbar-copy{font-size:13px}.report-setup,.status-panel,.alerts-panel,.workspace,.summary-strip{margin-left:14px;margin-right:14px}.report-setup,.status-panel,.alerts-panel{padding:16px}.setup-heading,.panel-heading,.workspace-header{align-items:flex-start;flex-direction:column}.setup-heading .run-button{width:100%}.actions{justify-content:flex-start}.setup-grid{gap:14px}.account-group{grid-template-columns:1fr}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{min-height:110px;padding:14px}.metric-card .value{font-size:23px}.run-list,.alert-list{grid-template-columns:1fr}.alert-card{grid-template-columns:1fr;gap:8px}.alert-card small{text-align:left}.workspace-header,.dimension-bar,.filter-bar{padding-left:16px;padding-right:16px}.dimension-bar{align-items:flex-start;flex-direction:column;padding-top:13px;padding-bottom:13px}.segments{width:100%}.filter-bar{min-height:52px}.pagination{padding-left:16px;padding-right:16px}.insight-drawer{width:min(470px,calc(100vw - 14px))}}@media(max-width:430px){.topbar{gap:12px}.platform-badge{padding:0;border:0;background:transparent;font-size:0}.platform-dot{width:10px;height:10px}.date-range{grid-template-columns:1fr}.date-range span{display:none}.workspace-header .actions{width:100%}.workspace-header .actions button{flex:1}.pagination{align-items:flex-start;flex-direction:column;gap:10px}}

.team-context-panel { margin:22px clamp(20px,4vw,52px) 0; padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:8px; box-shadow:var(--shadow-sm); }
.client-config-panel { margin:22px clamp(20px,4vw,52px) 0; padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:8px; box-shadow:var(--shadow-sm); }
.client-config-panel .panel-heading { padding-bottom:18px; border-bottom:1px solid var(--line); }
.config-location { min-width:190px; padding:10px 12px; border:1px solid #c6ddd4; border-radius:6px; background:var(--emerald-soft); }
.config-location span,.config-location strong { display:block; }
.config-location span { color:var(--emerald-dark); font-size:12px; }
.config-location strong { margin-top:3px; overflow:hidden; color:var(--ink); font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.client-config-form { margin-top:17px; }
.config-mode-bar { display:grid; grid-template-columns:minmax(240px,360px) minmax(240px,1fr); align-items:end; gap:18px; padding:14px; border:1px solid var(--line); border-radius:7px; background:#fbfcfb; }
.config-mode-bar p { padding-bottom:10px; color:var(--muted); font-size:14px; }
.client-config-form fieldset { min-width:0; margin:18px 0 0; padding:0; border:0; }
.client-config-form legend { width:100%; padding:0 0 8px; border-bottom:1px solid var(--line); color:var(--ink); font-size:14px; font-weight:800; }
.config-fields { display:grid; gap:12px; margin-top:12px; }
.account-config-fields { grid-template-columns:1.1fr 1.4fr 1fr 1fr 1fr; }
.compact-config-fields { grid-template-columns:repeat(3,minmax(170px,240px)); }
.client-config-form label { color:var(--ink-soft); font-size:14px; }
.client-config-form label span { display:block; margin-top:5px; color:var(--subtle); font-size:12px; font-weight:500; }
.client-config-form input:disabled { color:var(--muted); background:#edf2ef; cursor:not-allowed; }
.config-submit-row { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:20px; padding-top:16px; border-top:1px solid var(--line); }
.config-submit-row p { color:var(--muted); font-size:13px; }
.config-submit-row button { min-width:126px; }
.team-note-form { margin-top:17px; display:grid; grid-template-columns:minmax(180px,1.1fr) minmax(150px,.75fr) minmax(170px,.9fr) minmax(220px,1.2fr) minmax(260px,1.4fr) minmax(140px,.75fr) auto; gap:10px; align-items:end; }
.team-note-list { margin-top:15px; display:grid; gap:10px; }
.team-note-card { display:grid; grid-template-columns:minmax(0,1fr) 120px; gap:12px; padding:13px 14px; border:1px solid var(--line); border-left:3px solid var(--emerald); border-radius:6px; background:#fbfcfb; }
.team-note-card strong,.team-note-card span,.team-note-card small { display:block; }
.team-note-card strong { font-size:13px; }
.team-note-card span,.team-note-card small { color:var(--muted); font-size:10px; }
.team-note-card p { margin-top:6px; color:var(--ink-soft); font-size:12px; line-height:1.5; }
.team-note-card small { text-align:right; }
@media(max-width:1280px){.team-note-form{grid-template-columns:repeat(3,minmax(0,1fr));}.team-note-form button{min-height:40px;}}
@media(max-width:1280px){.account-config-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.team-context-panel{margin-left:22px;margin-right:22px}.team-note-form{grid-template-columns:repeat(2,minmax(0,1fr));}.team-note-form button{width:100%;}}
@media(max-width:980px){.client-config-panel{margin-left:22px;margin-right:22px}.account-config-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-config-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.team-context-panel{margin-left:14px;margin-right:14px;padding:16px}.team-note-form{grid-template-columns:1fr}.team-note-card{grid-template-columns:1fr}.team-note-card small{text-align:left}}
@media(max-width:760px){.client-config-panel{margin-left:14px;margin-right:14px;padding:16px}.client-config-panel .panel-heading,.config-submit-row{align-items:flex-start;flex-direction:column}.config-location{width:100%}.config-mode-bar,.account-config-fields,.compact-config-fields{grid-template-columns:1fr}.config-submit-row button{width:100%}}
@media(max-width:1280px){.rule-window-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.rule-window-controls{grid-template-columns:1fr}.rule-window-controls button{width:100%}}

.rule-history-panel{margin:22px clamp(20px,4vw,52px) 0;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm)}
.workspace .workspace-rules{margin:0;padding:20px;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;background:var(--surface)}.workspace-rules .history-months{margin-top:14px}
.metric-card .metric-baseline{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.history-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-top:18px}.history-controls>label{min-width:190px}.history-months,.history-tier-filters{display:flex;flex-wrap:wrap;gap:7px}.history-months button,.history-tier-filters button{min-height:38px;padding:0 12px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;color:var(--ink-soft);font-size:12px;font-weight:750;cursor:pointer}.history-months button.active,.history-tier-filters button.active{border-color:var(--emerald);background:var(--emerald-soft);color:var(--emerald-dark)}.history-status{margin:15px 0;color:var(--muted);font-size:12px}.history-status.warning{color:var(--red)}
.history-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.history-metric{min-width:0;padding:14px;border:1px solid var(--line);border-radius:7px;background:#fbfcfb}.history-metric small,.history-metric strong{display:block}.history-metric small{color:var(--muted);font-size:11px}.history-metric strong{margin-top:5px;font-size:21px;font-variant-numeric:tabular-nums}.history-comparison{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:7px;background:#f8fbfa}.history-comparison h3{margin:0 0 12px}.history-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.history-compare-item{padding:11px;background:#fff;border:1px solid var(--line);border-radius:6px}.history-compare-item span,.history-compare-item strong{display:block}.history-compare-item span{color:var(--muted);font-size:11px}.history-compare-item strong{margin-top:3px;font-size:16px}
.history-rule-disclosure,.history-evidence{margin-top:18px;border:1px solid var(--line);border-radius:7px;background:#fff}.history-rule-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;cursor:pointer;font-weight:800}.history-rule-disclosure summary small{color:var(--muted);font-size:11px}.history-rule-toolbar{padding:0 16px 12px}.history-rule-toolbar label{max-width:230px}.history-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 16px 16px}.history-rule-card{min-width:0;padding:13px;border:1px solid var(--line);border-top:3px solid var(--subtle);border-radius:6px}.history-rule-card.triggered{border-top-color:var(--emerald)}.history-rule-card.unavailable{border-top-color:var(--red)}.history-rule-card.partial,.history-rule-card.manual{border-top-color:var(--gold)}.history-rule-card header{display:flex;justify-content:space-between;gap:8px}.history-rule-card header strong{font-size:13px}.history-rule-card header span,.history-rule-card p{color:var(--muted);font-size:11px}.history-rule-card b{display:block;margin:7px 0;font-size:24px}.history-rule-card em{font-size:11px;font-style:normal;font-weight:750}.history-rule-card p{margin:7px 0 0;line-height:1.5}
.history-evidence{padding:16px}.history-evidence .panel-heading{padding:0}.history-evidence h3{margin:0}.history-evidence-controls{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:14px 0}.history-evidence-controls label{min-width:210px}.history-table-wrap{max-height:600px;overflow:auto}.history-table{min-width:1400px}.history-table th,.history-table td{text-align:left}.history-table td{height:auto;vertical-align:top;font-size:11px;line-height:1.5}.history-table .history-entity{min-width:230px;max-width:270px;overflow-wrap:anywhere}.history-table .history-reason{min-width:250px;max-width:400px;white-space:normal}.history-tier{font-weight:800}.history-tier.critical{color:var(--red)}.history-tier.act{color:#a45e16}.history-tier.monitor{color:var(--blue)}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:var(--muted);font-size:11px}.history-pagination>div{display:flex;gap:7px}
.history-movement{min-width:245px;max-width:350px}.history-movement-quick{font-weight:750;color:var(--ink);white-space:normal}.history-movement-detail{margin-top:6px}.history-movement-detail summary{cursor:pointer;color:var(--blue);font-weight:750}.history-movement-detail table{width:100%;margin-top:6px;border-collapse:collapse}.history-movement-detail th,.history-movement-detail td{padding:4px;text-transform:none;letter-spacing:normal;white-space:nowrap}.history-movement-detail small,.history-movement-missing{color:var(--muted);font-size:11px}
.history-table .history-condition-only{min-width:180px;max-width:230px;color:var(--muted);font-style:italic;white-space:normal}
.history-backfill{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0}.history-backfill.hidden{display:none}.history-backfill p{margin:0;color:var(--muted);font-size:12px}
@media(max-width:1280px){.history-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.rule-history-panel{margin-left:22px;margin-right:22px}.history-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.history-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.rule-history-panel{margin-left:14px;margin-right:14px;padding:16px}.history-metrics,.history-rule-grid,.history-compare-grid{grid-template-columns:1fr}.history-evidence-controls label{width:100%}.history-pagination{align-items:flex-start;flex-direction:column}}