@import url('/static/brand/fonts.css');
:root{--ink:#101116;--muted:#73747a;--green:#0039ee;--dark:#080b14;--cream:#f7f5f3;--border:#e5e3e1;--orange:#ff9600;--red:#a63228;--shadow:0 8px 30px #10111608;font-family:'IBM Plex Sans',sans-serif;background:var(--cream);color:var(--ink)}
body{font-family:'IBM Plex Sans',sans-serif}.sidebar{background:#080b14;overflow:hidden}.sidebar:before{content:'';position:absolute;inset:0;background:url('/static/brand/watchdog-gradient.png') 60% 0/cover;opacity:.13;pointer-events:none}.sidebar>*{position:relative}.brand-name{font-weight:600;letter-spacing:-1.3px}.brand-sub,.eyebrow,.nav-label,.brand-name .muted,.breadcrumb,.status-pill,.badge,th,.button,.tab,.source-state{font-family:'IBM Plex Mono',monospace}.brand-name .muted{color:#ff9600}.brand img{background:#fff;border-radius:6px}.brand-sub{font-size:8px;letter-spacing:1.4px;color:#b5b9c6}.nav-button{border-radius:5px;color:#b6bbc9}.nav-button.active{background:#0039ee;color:white}.nav-button.active .nav-icon{color:white}.nav-button:hover{background:#ffffff0d;color:white}.nav-label{color:#8b93a8}.source-state{background:#ffffff08;border-color:#ffffff24;border-radius:5px;font-size:9px}.source-state strong{font-size:10px}.dot.pending{background:#ff9600}.profile-role{color:#a2a9b8}.avatar{background:#fff;color:#0039ee}.topbar{background:#fff;border-color:#e5e3e1}.breadcrumb{font-size:10px}.top-tools .date{font-family:'IBM Plex Mono',monospace}.status-pill,.status-pill.preview{background:#f5f5f7;border-color:#e2e2e7;color:#42454f;border-radius:4px;font-size:9px}
.page-intro{background:linear-gradient(90deg,#050b24d9,#050b2422),url('/static/brand/watchdog-gradient.png') center/100% 100%;border-radius:6px;padding:30px 32px;min-height:160px;color:white;align-items:center}.page-intro h1{font-weight:400;letter-spacing:-1px;font-size:34px;line-height:1.18}.page-intro p{color:#ffffffd6;max-width:720px}.page-intro .eyebrow{color:#ffffffbf;margin-bottom:12px}.page-intro .button{background:#fff;color:#111;border-color:#fff}.eyebrow{letter-spacing:1.8px;font-weight:400}h1,h2,h3{font-weight:500}h2{font-weight:500;letter-spacing:-.5px}.button{background:#070a12;border-radius:5px;font-size:10px;font-weight:400;letter-spacing:.2px}.button:hover{background:#0039ee}.button.secondary{background:#fff;border-color:#dddde2;color:#15161b}.button.secondary:hover{border-color:#0039ee;color:#0039ee}.button.orange{background:#070a12;color:#fff}.panel,.metric,.welcome,.connector,dialog,.message,.chat-form{border-radius:6px;box-shadow:none}.metric{border-color:#e8e6e4}.metric-number{font-family:'IBM Plex Sans',sans-serif;font-weight:400;letter-spacing:-1.5px}.metric-icon{background:#edf1ff;color:#0039ee;border-radius:4px}.metric-note{font-size:10px}.cockpit-card{border-radius:6px;padding:24px}.cockpit-card strong{font-weight:400;font-size:25px}.cockpit-card:hover{border-color:#7c9aff;box-shadow:0 12px 28px #0039ee0a}.text-link,a{color:#0039ee}.record-name{color:#11131a;font-weight:500}.record-name:hover{color:#0039ee}.panel-header{border-color:#ecebee}.panel-header p{font-size:11px;line-height:1.6;max-width:1000px}.panel-header h2{font-size:19px}.tabs{gap:22px}.tab{font-size:10px;font-weight:400}.tab.active{color:#0039ee;border-color:#0039ee}.tab:hover{color:#0039ee}.badge{font-size:8px;font-weight:400;border-radius:4px;background:#f0f1f4;color:#48505b}.badge.orange{background:#fff0dc;color:#8a5000}.badge.red{background:#fff0ed;color:#a63228}.badge.blue{background:#eaf0ff;color:#0039ee}th{font-size:9px;letter-spacing:.65px;background:#f8f7f6;color:#666a75}td{font-size:12px;border-color:#eeeef1}.filter,.search,.form-field input,.form-field select,.form-field textarea{border-radius:4px;border-color:#dedee4}.filter:focus,.search:focus{outline:2px solid #0039ee55}.filter-label{font-size:11px}.notice,.notice.green{background:#eef2ff;border:1px solid #d9e2ff;color:#40527a;border-radius:5px}.welcome,.login-art{background:linear-gradient(90deg,#050b24e8,#050b2422),url('/static/brand/watchdog-gradient.png') center/cover;color:#fff}.welcome p,.login-art p{color:#ffffffd6}.welcome:after{display:none}.welcome .eyebrow{color:#ffffffbd}.welcome h2{font-weight:400}.dialog-header,.dialog-footer{border-color:#e8e7ec}.close{border-radius:4px}.form-field label{color:#242833}.form-field small{color:#6c6e78}.steps .step.current{color:#0039ee}.steps .step.current b{background:#0039ee}.effort-metrics .metric{background:#faf9f8}.curve-line{stroke:#0039ee}.curve-dot{fill:#0039ee}.effort-warning{color:#a63228}.time-legend{font-family:'IBM Plex Mono',monospace;font-size:10px}.workload-note{font-size:11px}.table-scroll{scrollbar-color:#c1c7d5 transparent}.source-state .dot{box-shadow:0 0 10px #ff960044}
@media(max-width:650px){.page-intro{padding:24px 20px;min-height:180px;display:block}.page-intro h1{font-size:28px}.page-intro>.button{margin-top:20px}.panel-header h2{font-size:17px}.workload-controls{align-items:stretch}.workload-controls label{width:100%}.workload-controls select{max-width:none}}

/* One main navigation; the development view is a local selection. */
html,body,#app{height:100%}html:has(.layout),body:has(.layout),#app:has(.layout){overflow:hidden}.layout{height:100dvh;min-height:0}.main{height:100%;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}.topbar{position:sticky;top:0;z-index:2}.sidebar nav{flex:1 1 auto;overscroll-behavior-y:contain}.view-enter{animation:none}
.nav-button{text-decoration:none}.nav-button.active:hover{background:#0039ee;color:#fff}.nav-button:focus-visible{outline:2px solid #ff9600;outline-offset:2px}
.dev-context{display:flex;align-items:end;gap:20px;flex-wrap:wrap;padding:20px 24px;margin:0 0 24px;background:#fff;border:1px solid var(--border);border-radius:6px}
.dev-context label{display:grid;gap:8px;font-size:11px}.dev-context .sprint-control{flex:1 1 340px;max-width:590px}.dev-context .filter{width:100%;max-width:none;min-width:220px}.dev-context .badge{margin-left:auto;align-self:center}
@media(max-width:650px){.dev-context{padding:18px;gap:16px}.dev-context label,.dev-context .sprint-control{flex:1 1 100%;max-width:none;min-width:0}.dev-context .filter{min-width:0}.dev-context .badge{margin-left:0}.breadcrumb{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Sales filters stay within the main scroll area; report tables scroll horizontally. */
.sales-client-results { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:8px; max-height:260px; overflow:auto; margin-top:12px; }
.sales-client-option { display:flex; align-items:flex-start; gap:10px; padding:9px 12px; border:1px solid var(--border,#ddd); border-radius:8px; }
.sales-client-option small { display:block; }
.sales-exclusion-chips { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.focus-periods{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}
.focus-details{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.focus-metric progress{display:block;width:100%;height:8px;margin:15px 0 8px;accent-color:var(--blue,#123dff)}
.focus-metric .metric-number{font-size:clamp(26px,3vw,42px)}
.focus-insight{border-top:1px solid #e5e5e8;padding:14px 0}
.focus-picker{max-height:360px;overflow:auto;display:grid;gap:8px}
.focus-picker small{display:block}
/* Four business spaces, one active navigation entry, native document scroll. */
.workspace-periods{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #ddd;padding:0 0 16px;margin-top:12px}
.workspace-periods a{padding:12px 20px;border-radius:8px;text-decoration:none;color:#4b5360;background:#eeecee;font-weight:600}
.workspace-periods a.active{background:#0038ff;color:#fff}
.workspace-week{color:#6a7078;margin:20px 0}
.workspace-actions{display:flex;gap:12px;flex-wrap:wrap}.code-excerpt{white-space:pre-wrap;overflow-wrap:anywhere;max-height:55vh;overflow:auto;font-size:12px}
.workspace-coverage{padding:22px;border:1px solid #ddd;border-radius:12px;background:#fff}
.main,.content,.view-enter{min-width:0}.panel{min-width:0}.sidebar nav{overflow-y:auto;min-height:0}.workspace-intro h1{font-size:clamp(34px,4vw,60px)}
.group-inline-option{display:inline-flex;align-items:center;gap:7px;margin:12px 24px 12px 0}
#group-editor select{max-width:230px}#group-editor textarea{min-width:140px;max-width:220px}#group-editor input[type=checkbox]{width:18px;height:18px;accent-color:#0038ff}