/* V1 compact console. Uses the landing page's local fonts and theme tokens. */
#root .shell{grid-template-columns:190px minmax(0,1fr);background:var(--paper)}
#root .sidebar{padding:26px 14px;overflow-y:auto}
#root .sidebar .brand{font-size:28px;gap:8px;padding-left:8px}
#root .sidebar .brand .tiny{font-size:8px;letter-spacing:.04em}
#root .sidebar .workspace{margin:30px 0 24px;padding:10px 8px;background:transparent;border:0}
#root .sidebar .nav a{border-radius:7px;padding:11px 10px;font-size:12px;gap:9px}
#root .sidebar .nav a.active{background:var(--soft);color:var(--ink)}
#root .sidebar .nav a.active .icon{color:var(--accent)}
#root .topbar{height:61px;padding:0 28px;font-size:11px}
#root .content{padding:30px 28px;max-width:1320px}
#root .sidebar-bottom .plan-pill{background:transparent;border:0;padding:8px}
#root .cc-console{font-size:13px;line-height:1.5}
#root .cc-console h1{font-size:30px;line-height:1.18;letter-spacing:-1.1px;margin:0}
#root .cc-console h2{font:500 17px/1.35 Archivo,Inter,sans-serif;letter-spacing:-.3px;margin:0}
#root .cc-console h3{font:500 13px/1.5 Inter,sans-serif;letter-spacing:0;margin:0 0 12px}
#root .cc-heading{margin-bottom:26px}
#root .cc-heading p{font-size:13px;margin-top:8px}
#root .cc-eyebrow{font:10px/1.6 Mono,monospace;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:9px}
#root .cc-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#root .cc-between{justify-content:space-between}
#root .cc-muted,#root .cc-caption{color:var(--muted);font-size:11px}
#root .cc-caption{margin-top:6px;line-height:1.6}
#root .cc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:24px}
#root .cc-stat{padding:19px 18px;border-right:1px solid var(--line);min-width:0}
#root .cc-stat:last-child{border:0}
#root .cc-stat:first-child{background:var(--accent-soft)}
#root .cc-stat:first-child .cc-value{color:var(--accent-text)}
#root .cc-stat>span,#root .cc-stat>small{color:var(--muted);font-size:11px}
#root .cc-value{font:450 29px/1.3 Archivo,Inter,sans-serif;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:8px 0}
#root .cc-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;margin-bottom:22px}
#root .cc-panel{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--paper);min-width:0}
#root .cc-console .cc-segment{display:flex;gap:3px;border-radius:8px;padding:3px;background:var(--soft)}
#root .cc-console .cc-segment button{border:0;background:transparent;border-radius:5px;padding:5px 8px;font-size:11px;color:var(--muted);box-shadow:none}
#root .cc-console .cc-segment button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #0000000d}
#root .cc-plot{display:flex;gap:10px;margin-top:28px;height:165px}
#root .cc-scale{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:var(--muted);min-width:30px}
#root .cc-bars{display:flex;align-items:flex-end;gap:4px;flex:1;min-width:0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),var(--line) 50%);padding:0 2px}
#root .cc-console .cc-bar{height:max(2px,var(--cc-height));min-height:2px;min-width:0;flex:1;border:0;border-radius:3px 3px 0 0;background:var(--accent);opacity:.7;padding:0;box-shadow:none;transition:opacity .15s}
#root .cc-console .cc-bar:hover,#root .cc-console .cc-bar:focus-visible{opacity:1}
#root .cc-axis{display:flex;justify-content:space-between;margin:9px 0 0 40px;font-size:10px;color:var(--muted)}
#root .cc-chartdetail{font-size:11px;min-height:18px;margin-top:10px}
#root .cc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:180px;padding:24px 16px;gap:10px}
#root .cc-empty h3{margin:0}
#root .cc-empty p{font-size:12px;max-width:290px}
#root .cc-empty-symbol{font-size:26px;color:var(--accent);font-weight:400;line-height:1}
#root .cc-model-empty{min-height:232px}
#root .cc-link{font-size:12px;white-space:nowrap}
#root .cc-link:hover{color:var(--accent-text);text-decoration:underline;text-underline-offset:4px}
#root .cc-keyrow,#root .cc-keylabels{display:grid;grid-template-columns:minmax(120px,1.5fr) minmax(90px,1fr) minmax(95px,1fr) 88px;gap:16px;align-items:center}
#root .cc-keylabels{margin-top:22px;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}
#root .cc-keyrow{padding:16px 0;border-bottom:1px solid var(--line)}
#root .cc-keyrow:last-child{border:0;padding-bottom:0}
#root .cc-keyrow small{display:block;font-size:10px;color:var(--muted);margin-top:5px}
#root .cc-keyidentity{min-width:0;overflow-wrap:anywhere}
#root .cc-keyidentity strong{display:block;font-weight:500;font-size:12px}
#root .cc-keyidentity code{display:block;font-size:10px;color:var(--muted);margin-top:5px}
#root .cc-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:var(--soft);border-radius:20px;color:var(--muted);font-size:10px;white-space:nowrap}
#root .cc-keyrow .cc-pill:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent)}
#root .cc-console button.cc-smallbutton{font-size:11px;padding:6px 8px;border-radius:7px;background:transparent}
#root .cc-sectionhead{margin-bottom:24px}
#root .cc-create{margin-bottom:22px}
#root .cc-formlayout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(180px,1fr);gap:28px;align-items:start}
#root .cc-formsection{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
#root .cc-console label{font-size:12px;font-weight:400}
#root .cc-console input,#root .cc-console select{font-size:12px;padding:11px 12px;min-width:0}
#root .cc-access{border:0;padding:0;margin:0 0 24px;display:grid;gap:9px}
#root .cc-access legend{font-size:13px;font-weight:500;margin-bottom:12px}
#root .cc-access label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:8px;padding:12px;margin:0}
#root .cc-access label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
#root .cc-access input,#root .cc-check input{width:16px;height:16px;flex-shrink:0;accent-color:var(--accent);margin:2px 0 0}
#root .cc-access strong{font-size:12px;font-weight:500}
#root .cc-access small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
#root .cc-upcoming fieldset{border:0;padding:0;margin:18px 0 0;min-width:0}
#root .cc-upcoming input,#root .cc-upcoming select{background:var(--soft);color:var(--muted);cursor:not-allowed;opacity:.75}
#root .cc-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#root .cc-wide{grid-column:1/-1}
#root .cc-check{display:flex;align-items:center;gap:10px}
#root .cc-summary{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--soft);overflow-wrap:anywhere}
#root .cc-summary h2{margin-bottom:18px}
#root .cc-summaryline{display:flex;justify-content:space-between;gap:14px;font-size:11px;padding:13px 0;border-bottom:1px solid var(--line)}
#root .cc-summaryline span:first-child{color:var(--muted)}
#root .cc-summary p{font-size:11px;line-height:1.8;margin-top:20px}
#root .cc-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1000px){#root .shell{grid-template-columns:175px minmax(0,1fr)}#root .content{padding:26px 22px}#root .cc-columns{grid-template-columns:1fr}#root .cc-model-empty{min-height:170px}#root .cc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#root .cc-stat:nth-child(2){border-right:0}#root .cc-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}#root .cc-formlayout{grid-template-columns:1fr}#root .cc-summary{order:-1}#root .cc-summary p{margin-top:12px}}
@media(max-width:700px){#root .shell{display:block}#root .sidebar{height:auto;padding:18px 16px}#root .sidebar .brand{padding-left:0}#root .sidebar .workspace{display:none}#root .topbar{height:auto;padding:12px 18px}#root .content{padding:24px 16px}#root .cc-console h1{font-size:27px}#root .cc-panel{padding:16px}#root .cc-stat{padding:16px 12px}#root .cc-value{font-size:26px}#root .cc-keyrow,#root .cc-keylabels{grid-template-columns:minmax(110px,1fr) minmax(82px,1fr) 82px;gap:10px}#root .cc-keyrow>div:nth-child(2),#root .cc-keylabels>span:nth-child(2){display:none}#root .cc-fields{grid-template-columns:1fr}#root .cc-bars{gap:3px}#root .cc-summary{order:0}}
@media(prefers-reduced-motion:reduce){#root .cc-console .cc-bar{transition:none}}
@media(max-width:420px){#root .cc-keylabels{display:none}#root .cc-keyrow{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 0}#root .cc-keyrow>div:nth-child(3){grid-column:1;grid-row:2}#root .cc-keyrow>.cc-link,#root .cc-keyrow>button{grid-column:2;grid-row:1/3;align-self:center}#root .cc-keyidentity{grid-column:1}#root .cc-keyrow small{overflow-wrap:anywhere}#root .cc-stat>span,#root .cc-stat>small{overflow-wrap:anywhere}}

/* Keep navigation rows compact instead of stretching the inherited grid. */
#root .sidebar .nav{align-content:start;flex:0 0 auto}

/* Fictional public dashboard preview only. */
.dashboard-demo #root .cc-demo-notice{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;padding:11px 14px;margin-bottom:25px;background:var(--accent-soft);border:1px solid var(--line);border-radius:8px;font-size:11px;color:var(--muted)}
.dashboard-demo #root .cc-demo-notice strong{color:var(--accent-text);font-weight:500}
.dashboard-demo #root .cc-demo-models{display:grid;gap:22px;margin:28px 0 10px}
.dashboard-demo #root .cc-demo-model{font-size:11px}
.dashboard-demo #root .cc-demo-model strong{font-weight:500}
.dashboard-demo #root .cc-demo-model small{color:var(--muted)}
.dashboard-demo #root .cc-demo-track{height:7px;background:var(--soft);border-radius:4px;margin-top:9px;overflow:hidden}
.dashboard-demo #root .cc-demo-track span{display:block;height:100%;background:var(--accent);border-radius:4px}
.dashboard-demo #root #demo-theme{padding:5px 9px;font-size:14px}