:root{--bg:#f7f8fa;--paper:#fff;--ink:#1f2925;--muted:#87918b;--line:#e5e9e6;--green:#267956;--soft:#eef6f1;--sidebar:240px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;line-height:1.5}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:2px solid var(--green);outline-offset:3px}a{color:inherit;text-decoration:none}.hidden{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:19px;letter-spacing:-.6px;font-weight:650;padding:0 7px}.brand small{display:block;letter-spacing:1.5px;font-size:8px;font-weight:600;color:#89928d;margin-top:2px}.mark{width:35px;height:35px;border-radius:10px;background:#263a2f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;line-height:1}.mark span{font-size:18px;align-self:flex-start;margin:5px -4px 0 0}.workspace{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:11px 10px;margin:36px 0 31px;font-size:12px;font-weight:600}.workspace small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:2px}.workspace-icon{display:grid;place-items:center;width:28px;height:28px;background:#f1f3f1;border:1px solid var(--line);border-radius:5px;font-size:11px}.chevron{margin-left:auto;color:var(--muted)}.nav-label{font-size:9px;font-weight:600;color:#98a099;letter-spacing:1.4px;display:block;margin:0 11px 13px}.nav-button{border:0;background:none;width:100%;text-align:left;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:7px;color:#7d8780;margin-bottom:5px;font-size:12px}.nav-button span{font-size:17px;width:19px;font-weight:400}.nav-button.active{color:#2c7150;background:#eef5f0;font-weight:600}.nav-button:hover{background:#f5f8f6}.sidebar-bottom{margin-top:auto;font-size:9px;color:#738179;padding:15px 3px 0}.tiny-dot{width:5px;height:5px;display:inline-block;background:#52956c;border-radius:50%;margin-right:5px}.sidebar-bottom p{font-size:9px;line-height:1.7;color:#a0a8a2}.account{border-top:1px solid var(--line);margin-top:23px;padding-top:20px;display:flex;align-items:center;gap:9px;color:#48534c;font-size:10px}.avatar{width:30px;height:30px;background:#edf0ed;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700;color:#738179}.account small{display:block;font-size:8px;color:var(--muted)}.account button{border:0;background:none;color:#8a958d;margin-left:auto;font-size:17px}main{margin-left:var(--sidebar)}.topbar{height:70px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.75);padding:0 38px;display:flex;justify-content:space-between;align-items:center}.breadcrumb{color:#9ca59e;font-size:11px}.breadcrumb span{margin:0 13px;color:#b8bfb9}.breadcrumb strong{font-weight:500;color:#657069}.topbar-right{display:flex;gap:18px;align-items:center}.live-label{font-size:10px;color:#87918a;display:flex;gap:7px;align-items:center}.live-label i{width:5px;height:5px;border-radius:50%;background:#78a789}.icon-button{background:#fff;border:1px solid var(--line);border-radius:6px;width:29px;height:29px;color:#7b877e;font-size:17px}.content{padding:35px 38px 20px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.eyebrow{color:#8e9a91;font-size:8px;letter-spacing:1.8px;font-weight:650}h1{font-size:29px;line-height:1.25;font-weight:580;letter-spacing:-.9px;margin:9px 0 7px}.page-heading p{font-size:11px;color:#8a958d;margin:0}.heading-meta{text-align:right}.outline-tag{display:inline-block;font-size:9px;padding:5px 9px;border:1px solid #dce6df;border-radius:5px;color:#7d9081;background:#fafcfb}.heading-meta small{display:block;margin-top:8px;font-size:9px;color:#a0a9a2}.filters{background:#fff;border:1px solid var(--line);border-radius:9px;display:flex;gap:14px;padding:12px 14px;margin-bottom:22px;align-items:center}.filters label{display:flex;flex-direction:column;flex:1;min-width:90px}.filters label span{font-size:8px;font-weight:550;color:#9aa39b;margin-bottom:3px}.filters select,.filters input{border:0;background:none;color:#58645b;font-size:10px;width:100%;height:23px;min-width:0}.filters input{font-size:9px}.text-button{border:0;background:none;color:#87968b;font-size:9px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{border:1px solid var(--line);border-radius:9px;background:#fff;padding:19px 20px 17px;min-height:133px}.metric-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:500;color:#89948c}.metric-label span{color:#a1aaa3;font-size:16px;font-weight:400}.metric strong{display:block;font-size:31px;line-height:1.3;letter-spacing:-1px;font-weight:550;margin:10px 0 5px}.metric small{font-size:9px;color:#99a29b}.token-metric{background:#f1f7f3;border-color:#d9e7de}.token-metric .metric-label{color:#699176}.token-metric strong{color:#317453}.divider{color:#c3cdc6;padding:0 5px}.coverage-note{display:flex;gap:7px;align-items:center;margin:12px 1px 22px;font-size:9px;color:#96a099}.coverage-note>span{font-size:12px}.coverage-note p{margin:0}.activity-panel{margin-bottom:24px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-label h2{font-size:11px;font-weight:600;margin:0}.muted{font-size:9px;color:#9aa49c}.devices{display:flex;gap:10px;flex-wrap:wrap}.device{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:9px 12px;min-width:190px}.presence-dot{width:6px;height:6px;background:#b1b8b2;border-radius:50%}.presence-dot.present{background:#4f936a;box-shadow:0 0 0 3px #edf5ef}.device-title{font-size:10px;color:#65736a}.device-meta{font-size:8px;color:#9ca69e}.device-status{margin-left:auto;color:#829888;font-size:8px}.panel{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 22px 18px}.panel h2{font-size:13px;font-weight:600;letter-spacing:-.15px;margin:0}.panel-heading p{font-size:9px;color:#a0a8a2;margin:4px 0 0}.count{font-size:9px;color:#88988c;font-weight:400;background:#f1f5f2;border:1px solid #e3ebe5;border-radius:4px;margin-left:5px;padding:1px 5px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:8px;letter-spacing:.3px;font-weight:500;color:#9ba59d;background:#fafcfb;padding:10px 18px;border-block:1px solid #edf0ed}th:first-child,td:first-child{padding-left:22px}td{font-size:10px;color:#76837a;padding:18px;border-bottom:1px solid #f0f2f0}tr:last-child td{border-bottom:0}tr.clickable{cursor:pointer}tr.clickable:hover{background:#fafcfb}.repo-name{display:block;color:#405247;font-size:11px;font-weight:550}.repo-name span{color:#9eaaa1;font-weight:400}.subline{display:block;color:#a3ada5;font-size:8px;margin-top:3px;max-width:270px;white-space:normal}.number{text-align:right;font-variant-numeric:tabular-nums}.repo-badge{display:inline-block;background:#f3f5f4;border:1px solid #e9ecea;color:#7c8a80;border-radius:4px;padding:2px 5px;font-size:8px;margin-right:4px}.repo-badge.codex{background:#eef5f0;color:#649273;border-color:#dfebe3}.arrow{color:#a9b4ac}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.mini-label{color:#a1aaa3;font-size:7px;letter-spacing:1px}.bar-list{padding:0 22px 21px}.bar-row{display:grid;grid-template-columns:120px 1fr 60px;gap:12px;align-items:center;margin:15px 0;font-size:9px}.bar-label{color:#77877c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:5px;border-radius:3px;background:#f1f4f1;overflow:hidden}.bar-fill{height:100%;background:#87b098;border-radius:3px}.bar-row:nth-child(2) .bar-fill{background:#b1c6b7}.bar-row:nth-child(3) .bar-fill{background:#bfcfc5}.bar-row:nth-child(n+4) .bar-fill{background:#d2dfd6}.bar-value{text-align:right;color:#8e9b91;font-size:9px}.detail-list{padding:0 22px 20px}.detail-row{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:15px 0}.detail-row strong{font-size:11px;font-weight:500}.detail-row small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.detail-row>span{font-size:10px;color:#72917c;text-align:right}.empty{text-align:center;padding:45px 20px 50px;color:#8c9b90}.empty h3{font-size:15px;color:#5b7163;font-weight:500}.empty p{font-size:10px}.empty code{font-size:10px;background:#f1f5f2;padding:8px 12px;border-radius:5px;display:inline-block}.empty-icon{font-size:28px;color:#a6b8ac}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:28px 1px 0;color:#a8b1aa;font-size:8px}footer p{margin:0}.demo-banner{background:#e9f3ed;border-bottom:1px solid #d8e7dd;padding:9px 38px;color:#64806d;font-size:10px;display:flex;gap:12px}.demo-banner strong{font-size:9px;letter-spacing:.3px}.error{background:#fff1ee;color:#a76557;border:1px solid #efdbd5;border-radius:7px;padding:11px 14px;margin-bottom:18px}.auth-screen{max-width:700px;padding:95px 60px}.auth-screen h1{font-size:42px;line-height:1.18;margin:20px 0}.auth-screen p{color:#829087;max-width:480px;font-size:13px;line-height:1.8}.primary-button{display:inline-flex;background:#2f7552;color:#fff;padding:12px 17px;border-radius:6px;margin-top:20px;font-size:12px;gap:35px}.fine-print{font-size:10px!important}dialog{border:1px solid #dce4de;border-radius:14px;width:min(820px,calc(100vw - 36px));max-height:90vh;padding:27px 30px;box-shadow:0 25px 100px #23392c35;color:var(--ink)}dialog::backdrop{background:#1b2b2250;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between}.dialog-header h2{font-size:21px;letter-spacing:-.6px;margin:8px 0 6px}.dialog-meta{font-size:10px;color:#8c9a91;line-height:1.7;overflow-wrap:anywhere}.dialog-stats{display:flex;gap:25px;padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:21px}.dialog-stat strong{display:block;font-size:22px;font-weight:500}.dialog-stat span{font-size:9px;color:#99a69d}.prompt-heading{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.prompt-heading h3{font-size:12px;font-weight:600}.prompt{margin:14px 0;border:1px solid var(--line);border-radius:7px;overflow:hidden}.prompt-label{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#8b9d90;background:#f7faf8;padding:9px 12px}.prompt pre{font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:15px;font-size:11px;line-height:1.7;color:#637b6b;max-height:340px;overflow:auto}.prompt-warning{font-size:9px;padding:7px 12px;color:#a78d57;background:#faf7ed}.dialog-footnote{font-size:9px;color:#a3aea7;line-height:1.8}.loading{opacity:.55;pointer-events:none}
@media(min-width:1500px){.content{padding:40px 55px}.topbar{padding-inline:55px}.metric{padding:22px 25px}.metrics{gap:20px}}@media(max-width:1150px){:root{--sidebar:200px}.sidebar{padding:25px 15px}.content{padding:25px 23px}.topbar{padding-inline:23px}.filters{gap:8px;flex-wrap:wrap}.filters label{min-width:110px}.filters label:nth-last-of-type(-n+2){flex:.6}.metric{padding:16px}.metric strong{font-size:28px}.panel-heading>.muted{display:none}.bar-row{grid-template-columns:100px 1fr 45px}}@media(max-width:800px){:root{--sidebar:0px}.sidebar{display:none}.topbar{height:55px;padding-inline:20px}.content{padding:24px 18px}.page-heading{align-items:flex-start}.heading-meta{display:none}h1{font-size:26px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{min-height:119px}.bottom-grid{grid-template-columns:1fr}.filters{gap:9px;padding:12px}.filters label{flex-basis:25%;min-width:85px}.filters label:nth-last-of-type(-n+2){flex-basis:30%}.section-label{align-items:flex-start;gap:8px}.section-label .muted{text-align:right;max-width:170px;font-size:8px}.device{flex:1;min-width:170px}.coverage-note{align-items:flex-start;font-size:8px}footer{flex-wrap:wrap}footer p{order:3;width:100%}.demo-banner{padding:9px 18px;gap:8px;font-size:8px}.demo-banner span{max-width:260px}.auth-screen{padding:55px 25px}.auth-screen h1{font-size:33px}.topbar-right{gap:12px}.dialog-stats{gap:17px;flex-wrap:wrap}.dialog-stat strong{font-size:19px}dialog{padding:21px}.prompt-heading .muted{font-size:8px}.view-mobile-nav{display:flex}.bar-list{padding-top:0}}

.mobile-nav{display:none}@media(max-width:800px){.mobile-nav{display:flex;margin-bottom:16px;gap:5px}.mobile-nav .nav-button{width:auto;padding:8px 11px;font-size:10px}}

/* Welcome and organization onboarding */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
button:disabled { cursor:default; opacity:.5; }
.workspace-select { flex:1; min-width:0; }
.workspace-select select { width:100%; border:0; background:transparent; font-size:12px; font-weight:600; color:var(--ink); }
.workspace-select small { padding-left:3px; }
.welcome-layout .sidebar, .welcome-layout .topbar { display:none; }
.welcome-layout main { margin-left:0; }
.auth-screen { max-width:1200px; padding:42px 64px 34px; margin:auto; }
.welcome-brand { display:flex; align-items:center; gap:12px; font-size:21px; font-weight:650; letter-spacing:-.6px; }
.welcome-brand small { display:block; color:#7b8c80; font-size:8px; letter-spacing:2px; margin-top:2px; }
.welcome-grid { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:70px; min-height:580px; }
.auth-screen h1 { font-size:clamp(42px,4.9vw,64px); line-height:1.08; letter-spacing:-2.5px; font-weight:550; margin:23px 0; }
.auth-screen .eyebrow { font-size:9px; color:#5e8a70; }
.auth-screen p { font-size:15px; line-height:1.8; color:#708177; }
.primary-button { border:0; font-size:12px; font-weight:550; gap:18px; align-items:center; justify-content:center; padding:13px 18px; margin-top:8px; }
.primary-button:hover { background:#245e42; }
.auth-screen .primary-button { margin:20px 0 4px; padding:16px 20px; font-size:13px; }
.auth-screen .fine-print { max-width:370px; font-size:11px!important; color:#87958b; }
.auth-message:empty { display:none; }
.auth-screen .auth-message { color:#9d5a46; font-size:12px; }
.welcome-illustration { padding:38px 30px 24px; border-radius:24px; background:linear-gradient(145deg,#e7efe9,#f0f4ef); position:relative; }
.illustration-label { font-size:8px; font-weight:650; letter-spacing:1.4px; color:#819286; text-align:center; margin-bottom:27px; }
.illustration-repo { background:white; border:1px solid #dfe7df; border-radius:12px; padding:20px; display:flex; align-items:center; gap:14px; box-shadow:0 6px 16px #20432c05; }
.repo-symbol { font-size:25px; color:#538067; }
.illustration-repo strong { display:block; font-size:13px; font-weight:550; }
.illustration-repo small { display:block; color:#98a49b; font-size:10px; margin-top:4px; }
.illustration-dot { width:7px; height:7px; border-radius:50%; background:#83aa91; margin-left:auto; }
.illustration-path { height:67px; display:flex; justify-content:center; align-items:center; gap:10px; color:#769782; }
.illustration-path span { height:1px; width:38px; background:#cadacd; }
.illustration-path i { font-style:normal; font-size:21px; }
.illustration-summary { padding:26px; border:1px solid #dce8dd; border-radius:14px; background:#ffffffc9; }
.illustration-summary h2 { font-size:18px; font-weight:550; letter-spacing:-.5px; margin:9px 0 18px; }
.sample-bars { height:85px; display:flex; align-items:flex-end; gap:12px; }
.sample-bars i { flex:1; background:#a1bca9; border-radius:4px 4px 0 0; height:37%; }
.sample-bars i:nth-child(2) { height:60%; background:#b8cabd; }
.sample-bars i:nth-child(3) { height:46%; }
.sample-bars i:nth-child(4) { height:80%; background:#729b7f; }
.sample-bars i:nth-child(5) { height:68%; }
.sample-bars i:nth-child(6) { height:94%; background:#437b59; }
.sample-bars i:nth-child(7) { height:76%; background:#84a38f; }
.sample-bars i:nth-child(8) { height:100%; background:#537f62; }
.illustration-caption { display:flex; justify-content:space-between; margin-top:15px; color:#7f9285; font-size:9px; }
.auth-screen .illustration-note { text-align:center; font-size:10px; margin:22px 0 0; color:#809588; }
.welcome-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; border-top:1px solid #dde6df; padding-top:25px; }
.welcome-principles strong { display:block; color:#597564; font-size:12px; font-weight:600; }
.welcome-principles span { display:block; color:#91a095; font-size:11px; margin-top:5px; }
.setup-content { max-width:1350px; padding-top:40px; }
.setup-content .eyebrow { color:#71917c; }
.setup-content .page-heading h1 { font-size:33px; }
.setup-content .page-heading p { font-size:12px; }
.setup-toolbar { display:flex; align-items:center; gap:15px; margin-bottom:23px; }
.setup-toolbar label { display:flex; gap:12px; align-items:center; }
.setup-toolbar label>span { color:#87958b; font-size:11px; }
.setup-toolbar select, .privacy-select select { border:1px solid #dce5de; background:#fff; border-radius:7px; padding:10px 12px; color:#425d4c; }
.setup-toolbar>span { font-size:11px; color:#7d9284; }
#mobile-signout { display:none; }
.setup-grid { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:22px; align-items:start; }
.setup-main, .setup-aside { display:grid; gap:18px; }
.setup-card { background:white; border:1px solid #e0e7e1; border-radius:12px; padding:23px; min-width:0; }
.step-heading { display:flex; gap:13px; align-items:center; }
.step-heading>div { flex:1; }
.step-number, .step-icon { display:grid; place-items:center; width:31px; height:31px; border-radius:50%; flex-shrink:0; font-size:13px; font-weight:600; color:#537f62; border:1px solid #d9e6dc; background:#f1f6f2; }
.setup-card h2 { font-size:14px; font-weight:600; margin:0; letter-spacing:-.1px; }
.step-heading p { margin:4px 0 0; font-size:11px; color:#94a097; }
.status-pill { display:inline-block; flex-shrink:0; font-size:9px; color:#8d988f; border:1px solid #e2e7e2; padding:4px 8px; border-radius:5px; background:#fafbf9; }
.status-pill.complete { color:#42734f; border-color:#dceadc; background:#f2f8f2; }
.step-body { margin:19px 0 0 44px; }
.step-body>p { color:#83938a; font-size:11px; line-height:1.7; }
.secondary-button { border:1px solid #dce5de; border-radius:6px; padding:8px 12px; color:#6d8576; background:white; font-size:10px; }
.secondary-button:hover { background:#f3f7f3; }
.notice { padding:14px 16px; border:1px solid #e9e3cc; border-radius:8px; background:#fbfaf2; color:#96865b; margin-bottom:20px; }
.notice strong { font-size:11px; font-weight:600; }
.notice p { font-size:11px; line-height:1.7; margin:5px 0 0; }
.command-label { display:block; color:#76917f; font-size:10px; font-weight:550; margin:18px 0 9px; }
.command-box { display:flex; align-items:flex-start; gap:10px; background:#f5f8f5; border:1px solid #e1e9e2; border-radius:8px; padding:15px; }
.command-box pre { margin:0; flex:1; white-space:pre-wrap; overflow-wrap:anywhere; font:10px/1.95 ui-monospace,SFMono-Regular,Menlo,monospace; color:#557460; min-width:0; }
.copy-button { padding:5px 8px; font-size:9px; border:1px solid #d8e2d9; border-radius:5px; background:white; color:#7d9585; flex-shrink:0; }
.copy-button:hover { background:#eff5f0; }
.privacy-select { display:grid; gap:9px; margin-top:20px; }
.privacy-select strong { color:#607f6b; font-size:11px; font-weight:550; }
.privacy-select select { width:100%; font-size:11px; }
.step-body .privacy-explanation { font-size:11px; color:#698674; }
.step-body .collection-note { padding:0 0 18px; border-bottom:1px solid #edf0ed; font-size:10px; color:#97a39a; }
.command-help { font-size:10px!important; line-height:1.8; color:#98a49b!important; }
.command-help code { color:#7b9182; }
.connection-checks { display:grid; gap:17px; }
.connection-checks>div { display:flex; align-items:flex-start; gap:12px; }
.check-symbol { font-size:21px; line-height:1.2; color:#b5c3b8; }
.check-symbol.complete { color:#4e9264; }
.connection-checks strong { font-size:11px; font-weight:550; color:#6b8474; }
.connection-checks p { margin:3px 0 0; color:#94a198; font-size:10px; line-height:1.7; }
#open-analytics { margin-top:23px; }
.share-card { background:#eff5f0; border-color:#dce9de; }
.share-card h2 { font-size:19px; letter-spacing:-.6px; margin:12px 0 8px; }
.share-card>p { color:#86988a; font-size:11px; line-height:1.7; }
.share-link { display:flex; gap:6px; margin:18px 0 12px; }
.share-link input { min-width:0; width:100%; border:1px solid #dce6de; background:#ffffffb3; border-radius:5px; font-size:10px; color:#6d8976; padding:9px; }
.share-card .share-disclaimer { font-size:10px; color:#97a69a; }
.setup-device { display:flex; gap:9px; justify-content:space-between; align-items:flex-start; padding:14px 0; border-bottom:1px solid #edf1ed; }
.setup-device>div { min-width:0; }
.setup-device strong { display:block; font-size:11px; color:#6b8475; font-weight:500; overflow-wrap:anywhere; }
.setup-device small { display:block; color:#95a499; font-size:9px; margin-top:4px; }
.revoke-button { background:none; border:0; color:#a28a7b; font-size:9px; padding:2px 0; }
.device-empty { font-size:11px; color:#94a197; line-height:1.8; }
.dialog-actions { display:flex; gap:10px; justify-content:flex-end; margin-top:22px; }
.danger-button { padding:9px 13px; border:1px solid #bd735c; background:#ac6853; color:white; border-radius:6px; font-size:11px; }
#revoke-dialog { max-width:440px; }
#revoke-description { color:#7d9084; font-size:12px; overflow-wrap:anywhere; }
.setup-empty { text-align:center; padding:50px 25px; }
.setup-empty .step-icon { margin:0 auto 15px; }
.setup-empty h2 { font-size:18px; }
.setup-empty p { color:#93a197; max-width:450px; margin:12px auto 22px; line-height:1.8; }
.pending-activation .step-heading { opacity:.7; }
@media(max-width:1150px) { .setup-grid { grid-template-columns:minmax(0,1fr) 245px; gap:16px; } .setup-card { padding:20px; } .step-body { margin-left:0; } .welcome-grid { gap:45px; } }
@media(max-width:950px) { .setup-grid { grid-template-columns:1fr; } .setup-aside { grid-template-columns:1fr 1fr; } .auth-screen { padding:35px; } .welcome-grid { gap:30px; min-height:520px; } .welcome-illustration { padding:30px 20px 20px; } }
@media(max-width:800px) { #mobile-signout { display:block; margin-left:auto; font-size:11px; } .setup-toolbar { flex-wrap:wrap; } .setup-toolbar label { width:100%; justify-content:space-between; } .setup-toolbar label>span { font-size:11px; } .setup-toolbar select { max-width:65%; } .setup-content { padding-top:26px; } .setup-content .page-heading h1 { font-size:28px; } .setup-aside { grid-template-columns:1fr; } .setup-card { padding:20px 18px; } .step-heading { gap:10px; flex-wrap:wrap; } .step-heading>div { min-width:180px; } .step-heading>.status-pill { margin-left:41px; } .step-heading .secondary-button { margin-left:41px; } .command-box { padding:12px; gap:7px; } .command-box pre { font-size:9px; } .welcome-grid { grid-template-columns:1fr; gap:35px; padding:65px 0 35px; } .auth-screen { padding:28px 23px; } .auth-screen h1 { font-size:48px; } .auth-screen p { font-size:14px; } .welcome-illustration { max-width:450px; width:100%; justify-self:center; } .welcome-principles { grid-template-columns:1fr; gap:20px; padding-bottom:18px; } .welcome-principles span { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; } }
.source-install { margin:0 0 20px; color:#87998c; font-size:10px; line-height:1.8; }
.source-install summary { cursor:pointer; color:#698472; font-weight:550; }
.source-install p { margin:8px 0; }
.source-install code { display:block; padding:10px 13px; border-radius:6px; border:1px solid #e1e9e2; background:#f6f8f5; color:#6d8876; overflow-wrap:anywhere; }
.setup-device .device-renew { color:#aa8c61; line-height:1.7; }

/* Source-backed analytics */
.local-banner { display:flex; align-items:center; gap:13px; padding:11px 38px; color:#5e7c8a; background:#edf3f6; border-bottom:1px solid #dae7ec; font-size:11px; }
.local-banner strong { font-size:10px; letter-spacing:.4px; }
.period-note { color:#8b9a91; font-size:10px; line-height:1.7; margin:0 1px 13px; }
.period-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.period-metric { min-height:153px; padding:20px 23px; }
.period-metric .metric-label { color:#7a8f81; font-size:11px; }
.period-metric .metric-label span { color:#a3afa6; font-size:8px; letter-spacing:1px; }
.period-metric strong { font-size:38px; margin:10px 0 5px; }
.period-metric small { font-size:10px; }
.period-cost { display:block; font-size:9px; color:#94a399; margin-top:8px; }
.selected-range-label { display:flex; justify-content:space-between; align-items:center; gap:15px; margin:6px 1px 12px; }
.selected-range-label>span { font-size:8px; letter-spacing:1.5px; color:#96a49a; font-weight:600; }
.selected-range-label>small { font-size:10px; color:#98a69d; }
.overview-insights { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:0 0 22px; }
.model-shares { padding:0 22px 22px; }
.model-share-row { padding:8px 0; }
.model-share-label { display:flex; justify-content:space-between; gap:15px; font-size:11px; color:#6c8875; margin-bottom:8px; }
.model-share-label strong { font-weight:500; overflow-wrap:anywhere; }
.model-share-label span { color:#87a291; flex-shrink:0; }
.model-share-track { height:6px; background:#f0f4f0; border-radius:4px; overflow:hidden; }
.model-share-fill { height:100%; background:#709c80; border-radius:4px; }
.model-share-row:nth-child(2) .model-share-fill { background:#94b29f; }
.model-share-row:nth-child(3) .model-share-fill { background:#abc3b3; }
.model-share-row:nth-child(n+4) .model-share-fill { background:#c0d2c5; }
.model-share-row small { display:block; font-size:9px; color:#a0ada4; margin-top:5px; }
#measurement-coverage .detail-row { padding:11px 0; }
#measurement-coverage .detail-row strong { font-size:10px; }
#measurement-coverage .detail-row small { max-width:290px; font-size:9px; line-height:1.6; }
#measurement-coverage .detail-row>span { flex-shrink:0; font-size:10px; }
.session-controls { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-bottom:18px; }
.session-controls>label:first-child { flex:1; min-width:170px; }
.session-controls input { width:100%; background:white; border:1px solid #e0e7e1; border-radius:7px; padding:10px 13px; color:#607d6a; font-size:11px; }
.session-controls input::placeholder { color:#a3aea7; }
.session-controls label { display:flex; align-items:center; gap:9px; color:#91a096; font-size:10px; }
.session-controls select, .chart-selector select, #local-prompt-mode { background:white; border:1px solid #dfe7e0; border-radius:6px; padding:8px 10px; color:#728a7b; font-size:10px; }
.session-controls button { padding:10px 15px; }
.session-title { display:block; color:#55745f; font-size:11px; font-weight:550; white-space:normal; min-width:200px; max-width:340px; overflow-wrap:anywhere; }
#session-rows td { vertical-align:top; padding-block:18px; }
#session-rows .number .subline { white-space:nowrap; }
.child-badge { margin-top:6px; background:#f2f4fa; border-color:#e5e9f3; color:#939dbc; }
.pagination { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 22px; border-top:1px solid #edf1ed; }
.pagination>span { color:#91a095; font-size:10px; }
.measurement-footnote { font-size:10px; color:#98a69d; line-height:1.8; margin:14px 1px; }
#project-rows td, #member-rows td { padding-block:19px; }
#project-rows .subline { font-size:10px; }
.activity-chart-panel { margin-bottom:20px; }
.chart-selector { display:flex; align-items:center; gap:9px; font-size:10px; color:#93a199; }
.activity-trend { padding:0 18px; min-height:160px; }
.activity-trend svg { display:block; width:100%; height:auto; max-height:320px; }
.chart-gridline { stroke:#e8eee9; stroke-width:1; }
.chart-axis { fill:#9caaa0; font-size:9px; font-family:inherit; }
.chart-area { fill:#eff5f0; }
.chart-line { stroke:#739c80; stroke-width:2; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.chart-summary { padding:6px 25px 22px; font-size:10px; color:#93a397; }
.heatmap-scroll { padding:4px 25px 10px; overflow-x:auto; }
.activity-heatmap { display:grid; grid-template-rows:repeat(7,15px); grid-auto-columns:15px; grid-auto-flow:column; gap:5px; width:max-content; min-width:0; }
.heat-cell { width:15px; height:15px; display:inline-block; border:1px solid #e0e9e1; border-radius:3px; padding:0; }
.heat-cell.level-0 { background:#f3f6f2; }
.heat-cell.level-1 { background:#ddebe0; border-color:#d1e2d4; }
.heat-cell.level-2 { background:#b1d2ba; border-color:#a6caae; }
.heat-cell.level-3 { background:#79ad88; border-color:#73a581; }
.heat-cell.level-4 { background:#41805a; border-color:#3c7754; }
.heat-padding { visibility:hidden; }
.heat-cell:hover { border-color:#4c8560; }
.heatmap-legend { display:flex; justify-content:flex-end; align-items:center; gap:5px; padding:10px 25px 12px; color:#a2afa6; font-size:9px; }
.heatmap-legend>span:first-child { margin-right:4px; }
.heatmap-legend>span:last-child { margin-left:4px; }
.heatmap-panel>.measurement-footnote { padding:0 25px 12px; margin-top:0; }
#session-dialog { width:min(960px,calc(100vw - 36px)); }
.dialog-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.dialog-stat strong { font-size:20px; font-weight:500; letter-spacing:-.4px; overflow-wrap:anywhere; }
.dialog-stat span { font-size:9px; }
.dialog-measurement-note { grid-column:1/-1; color:#a0afa4; font-size:10px; line-height:1.8; margin:0; }
.dialog-relationships { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.relationship-button { max-width:100%; text-align:left; overflow-wrap:anywhere; background:#f3f7f3; border:1px solid #e0e9e1; border-radius:5px; padding:7px 10px; color:#82988a; font-size:10px; }
.dialog-status { padding:5px 0; font-size:11px; color:#8ca394; }
.usage-event-list { border-top:1px solid #e8eee8; }
.usage-event { display:flex; justify-content:space-between; gap:18px; border-bottom:1px solid #edf1ed; padding:13px 4px; color:#758f7f; font-size:11px; }
.usage-event strong { font-size:10px; font-weight:500; }
.usage-event small { display:block; color:#a0afa5; font-size:9px; margin-top:4px; }
.usage-event>div:last-child { text-align:right; }
.local-setup-panel { padding:28px; max-width:820px; }
.local-setup-panel h2 { font-size:18px; }
.local-setup-panel>p { font-size:12px; color:#889c90; line-height:1.8; }
.local-setup-panel .command-box { margin-top:18px; }
#local-prompt-mode { max-width:100%; padding:11px; font-size:11px; }
#local-access h1 { font-size:38px; margin-top:55px; }
#local-access .secondary-button { margin-top:12px; }
#local-access>p { font-size:13px; }
.mobile-nav { overflow-x:auto; white-space:nowrap; }
@media(max-width:1150px) { .filters label { flex:1 1 110px; } .dialog-stats { grid-template-columns:repeat(3,minmax(0,1fr)); } .period-metric { padding:18px; } .period-metric strong { font-size:32px; } }
@media(max-width:800px) { .local-banner { padding:10px 18px; font-size:9px; align-items:flex-start; gap:8px; } .local-banner strong { white-space:nowrap; } .period-metrics { grid-template-columns:1fr; gap:10px; margin-bottom:20px; } .period-metric { min-height:115px; position:relative; padding:16px 18px; } .period-metric strong { font-size:32px; margin:5px 0; } .period-metric .period-cost { position:absolute; right:18px; top:51px; max-width:45%; text-align:right; line-height:1.7; } .period-metric small { max-width:55%; display:block; } .overview-insights { grid-template-columns:1fr; } .session-controls { gap:9px; } .session-controls>label:first-child { flex-basis:70%; } .session-controls label { font-size:9px; } .session-controls select { font-size:9px; } .pagination { padding:14px; gap:8px; } .pagination .secondary-button { font-size:9px; } .pagination>span { font-size:9px; text-align:center; } .activity-trend { min-height:110px; padding:0 6px; } .activity-chart-panel .panel-heading { flex-wrap:wrap; gap:10px; } .chart-selector { margin-left:auto; } .chart-summary { font-size:9px; line-height:1.8; padding:8px 18px 18px; } .heatmap-scroll { padding-inline:18px; } .heatmap-legend { padding-inline:18px; font-size:8px; } .heatmap-panel>.measurement-footnote { padding-inline:18px; font-size:9px; } .dialog-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; } .dialog-stat strong { font-size:18px; } .dialog-measurement-note { font-size:9px; } .usage-event { flex-wrap:wrap; font-size:10px; } .local-setup-panel { padding:21px; } .local-setup-panel>p { font-size:11px; } #local-access h1 { font-size:32px; } }
.chart-point { fill:#739c80; }
.chart-unavailable { padding:42px 14px; color:#91a396; font-size:11px; line-height:1.8; }
.heat-cell.heat-unknown { background:repeating-linear-gradient(135deg,#e9eef1 0,#e9eef1 3px,#fff 3px,#fff 6px); border-color:#cddae0; }
.heatmap-legend { flex-wrap:wrap; }

/* Prompt provenance stays visible beside the source text. */
.prompt-controls {align-items:end;flex-wrap:wrap}
.prompt-controls label:first-child {flex:1;min-width:180px}
.prompt-controls label span:not(.sr-only) {display:block;margin-bottom:6px;font-size:12px;color:var(--muted)}
.origin-counts {display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 10px}
.origin-count {border:1px solid var(--line);border-radius:20px;padding:7px 11px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}
.origin-count.selected {background:#e5efe9;border-color:#648575;color:#244e3d}
.prompt-origin-explanation {font-size:12px;line-height:1.7;color:var(--muted);max-width:920px;margin:10px 0 18px}
.prompt-identity {display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.origin-badge {display:inline-block;border-radius:5px;padding:3px 7px;font-size:11px;font-weight:600;background:#e7eee9;color:#325e48}
.origin-unknown {background:#f5ead2;color:#806124}
.origin-agent {background:#ece8f4;color:#63517e}
.origin-system {background:#e8ebef;color:#556275}
.origin-reason,.prompt-scope {font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere;margin-top:8px}
.prompt-session-link {margin:10px 0 0;max-width:100%;overflow-wrap:anywhere}
.prompt-empty {padding:24px 0}
.session-origin-controls {display:flex;align-items:center;gap:12px;margin-top:24px;color:var(--muted);font-size:13px}
.session-origin-controls select {padding:8px;border:1px solid var(--line);border-radius:7px;background:white;font:inherit;color:var(--ink)}
.prompt-feed pre {margin-bottom:0}
@media(max-width:650px) {.prompt-controls label{flex:1;min-width:130px}.prompt-controls label:first-child{flex-basis:100%}.prompt-label{gap:9px;flex-wrap:wrap}.origin-count{padding:6px 9px}.session-origin-controls{flex-wrap:wrap}}

/* FootPrint installation channels */
.install-tabs{display:flex;gap:4px;align-items:center;margin-bottom:8px}.install-tabs button{border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted,#607078);padding:6px 12px;font:inherit;font-size:12px;cursor:pointer}.install-tabs button[aria-pressed="true"]{border-color:var(--line,#d3dce1);color:var(--ink,#183344);background:#edf3f4}.install-tabs button.hidden{display:none}.install-upgrade{margin-top:12px;font-size:12px;color:var(--muted,#607078)}.install-upgrade summary{cursor:pointer}.install-upgrade p{line-height:1.7}.install-upgrade code{overflow-wrap:anywhere}