/* Shared workspace tokens; home/menu/chat keep their own layouts. */
:root {--workspace-line:var(--border);--control-radius:12px;--control-height:44px;--workspace-gap:24px;}
#archiveView,#vizView{width:min(1280px,calc(100% - 96px));margin:56px auto 100px;}
#archiveView .page-heading,#vizView .page-heading{margin-bottom:40px;}
#archiveView .page-heading h1,#vizView .page-heading h1{font-size:clamp(36px,4vw,56px);font-weight:500;}
#archiveView .secondary-button,#vizView .secondary-button{border:0;box-shadow:none;border-radius:999px;background:var(--surface-alt);color:var(--text);min-height:var(--control-height);padding:12px 20px;}
#archiveView .secondary-button:hover:not(:disabled),#vizView .secondary-button:hover:not(:disabled){background:var(--blue-soft);}
#archiveView .blue-button,#vizView .blue-button{border:0;border-radius:999px;box-shadow:none;min-height:var(--control-height);}
#archiveView .kicker{background:transparent;padding:0;color:var(--subtext);}
#archiveView .archive-name strong{font-size:16px;font-weight:500;}
#archiveView .report-note textarea{border:0;background:var(--surface-alt);border-radius:var(--control-radius);}
#archiveView .reading-actions button{background:var(--surface);}
#archiveView .reading-actions [aria-pressed="true"]{background:var(--blue-soft);color:var(--blue);}
#vizView .viz-controls{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
#vizView .viz-field{gap:10px;}
#vizView .viz-chart-head{flex-wrap:wrap;}
#vizView .viz-legend span{background:var(--surface);font-weight:400;}
#vizView .viz-usage{border:0;padding-top:12px;}
#vizView #vizSeries{scrollbar-width:thin;scrollbar-color:var(--subtext) transparent;}
#vizView #vizSeries::-webkit-scrollbar{width:6px;}
#vizView #vizSeries::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px;}
.collection-outcome{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--subtext);}
.collection-history{margin:12px 0 30px;color:var(--subtext);font-size:13px;}
.collection-history summary,.chart-tool-menu summary{cursor:pointer;width:fit-content;padding:10px 0;}
.collection-history ol{list-style:none;display:grid;gap:8px;margin-top:8px;}
.chart-tool-menu{margin-bottom:30px;border-bottom:1px solid var(--workspace-line);}
.chart-tool-menu>summary{font-size:14px;color:var(--blue);}
.chart-tool-menu[open]>summary{margin-bottom:12px;}
#vizView .chart-tools{border:0;}
#cancelChat{display:block;margin:0 auto 8px;font-size:13px;}
@media(max-width:1023px){#archiveView,#vizView{width:calc(100% - 48px);}}
@media(max-width:767px){
 #archiveView,#vizView{width:calc(100% - 32px);margin:28px auto 64px;}
 #archiveView .page-heading,#vizView .page-heading{margin-bottom:28px;}
 #vizView .viz-shell{grid-template-columns:1fr;}
 #archiveView .document-list{margin-left:24px;}
}
/* Editorial pass: remove the stacked rounded gray panels from archive and chart tools. */
#archiveView .stage{
  background:transparent;border-radius:0;padding:28px 0 36px;margin:12px 0 44px;
  border-block:1px solid color-mix(in srgb,var(--border) 72%,transparent);
}
#archiveView .stage-copy{max-width:720px;}
#archiveView .stage .kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--blue);font-size:12px;letter-spacing:.08em;text-transform:uppercase;}
#archiveView .stage .kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue);}
#archiveView .stage h2.hero-title{font-size:clamp(28px,3.2vw,40px);line-height:1.2;letter-spacing:-.045em;}
#archiveView .stage .lede{max-width:620px;margin:16px 0 24px;color:var(--subtext);}
#archiveView .primary-card-action{gap:10px;}
#archiveView .primary-card-action .blue-button{min-height:48px;padding-inline:22px;}
#archiveView .primary-card-action .secondary-button{background:transparent;padding-inline:14px;color:var(--subtext);}
#archiveView .primary-card-action .secondary-button:hover{color:var(--blue);background:transparent;}
#archiveView .collection-progress{margin-top:24px;max-width:720px;}
#archiveView .progress-track{height:3px;border-radius:0;background:var(--surface-alt);}
#archiveView .progress-bar{border-radius:0;background:var(--blue);}
#archiveView .archive-filters{gap:28px;margin:30px 0 12px;align-items:end;}
#archiveView .archive-filters label,#vizView .chart-tools label{gap:7px;color:var(--subtext);font-size:12px;letter-spacing:.01em;}
#archiveView .archive-filters input,#archiveView .archive-filters select,
#vizView .chart-tools input,#vizView .chart-tools select,
#vizView .viz-field select:not([size]),#vizView .viz-field input{
  min-height:44px;padding:8px 2px;border:0;border-bottom:1px solid var(--border);border-radius:0;
  background-color:transparent;color:var(--text);font:15px/1.5 var(--font);box-shadow:none;
}
#archiveView .archive-filters input:focus,#archiveView .archive-filters select:focus,
#vizView .chart-tools input:focus,#vizView .chart-tools select:focus,
#vizView .viz-field select:focus,#vizView .viz-field input:focus{outline:0;border-bottom-color:var(--blue);}
#archiveView .archive-filters select,#vizView .chart-tools select,#vizView .viz-field select:not([size]){
  appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%2366707c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 3px center;
}
#archiveView .archive-filters>p{color:var(--subtext);font-size:12px;}
#archiveView .archive-list{gap:0;border-top:1px solid var(--border);}
#archiveView .archive-item{border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;}
#archiveView .archive-item>summary{padding:20px 4px;min-height:76px;background:transparent;}
#archiveView .archive-item>summary:hover{background:transparent;color:var(--blue);}
#archiveView .archive-folder{width:38px;height:38px;background:transparent;color:var(--subtext);}
#archiveView .document-list{margin:0 4px 20px 58px;}
#archiveView .document-list li{border-top:1px solid color-mix(in srgb,var(--border) 65%,transparent);padding:14px 0;}
#archiveView .empty-state{min-height:220px;border-radius:0;background:transparent;border-block:1px solid var(--border);}
#archiveView .archive-backup{margin:28px 0;}
#archiveView .archive-backup .secondary-button{background:transparent;padding-inline:0;color:var(--subtext);}
#archiveView .archive-backup .secondary-button:hover{background:transparent;color:var(--blue);}
#vizView .chart-tools{gap:18px 26px;margin:0 0 30px;padding:4px 0 20px;border-bottom:1px solid var(--border);}
#vizView .chart-tools label{flex:1 1 190px;}
#vizView .chart-tools .secondary-button{min-height:38px;padding:8px 13px;background:transparent;color:var(--blue);}
#vizView .chart-tools .secondary-button:hover{background:var(--blue-soft);}
#vizView .chart-tools .text-button{margin:0;padding:8px 4px;color:var(--subtext);}
#vizView .local-storage-note{color:var(--subtext);}
#vizView .viz-shell{grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:52px;}
#vizView .viz-controls{gap:22px;}
#vizView .viz-field>span{color:var(--subtext);font-size:12px;letter-spacing:.02em;}
#vizView .viz-field input{border-bottom:1px solid var(--border);}
#vizView #vizSeries{
  height:280px;min-height:220px;padding:4px 0;border:0;border-radius:0;background:transparent;
  color:var(--text);font:14px/1.55 var(--font);box-shadow:none;
}
#vizView #vizSeries option{padding:9px 12px;background:var(--bg);color:var(--text);}
#vizView #vizSeries option:checked{background:var(--blue-soft) linear-gradient(var(--blue-soft),var(--blue-soft));color:var(--blue);font-weight:600;}
#vizView #vizSeries:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 40%,transparent);outline-offset:4px;}
#vizView .viz-dates input{font-variant-numeric:tabular-nums;}
#vizView .viz-presets{gap:0;border-bottom:1px solid var(--border);}
#vizView .viz-presets .viz-preset{flex:1;border-radius:0;background:transparent;color:var(--subtext);padding:10px 4px;}
#vizView .viz-presets .viz-preset:hover{background:transparent;color:var(--blue);}
#vizView .viz-presets .viz-preset.is-active{position:relative;background:transparent;color:var(--blue);}
#vizView .viz-presets .viz-preset.is-active::after{position:absolute;content:"";height:2px;left:12px;right:12px;bottom:-1px;background:var(--blue);}
#vizView .viz-chart-panel{min-height:560px;padding:8px 0 8px 32px;border-left:1px solid var(--border);border-radius:0;background:transparent;}
#vizView .viz-chart-head h2{font-size:21px;letter-spacing:-.025em;}
#vizView .viz-chart-head .viz-meta{color:var(--subtext);}
#vizView .viz-canvas-wrap{min-height:420px;}
#vizView .viz-status{color:var(--subtext);}
@media(max-width:767px){
  #archiveView .stage{padding:22px 0 28px;margin:4px 0 30px;}
  #archiveView .stage h2.hero-title{font-size:30px;}
  #archiveView .archive-filters{gap:16px;margin-top:22px;}
  #archiveView .archive-filters label:first-child{flex-basis:100%;}
  #archiveView .archive-filters label{flex:1 1 calc(50% - 10px);min-width:0;}
  #archiveView .archive-item>summary{padding:16px 0;}
  #vizView .chart-tools{padding-bottom:16px;}
  #vizView .chart-tools label{flex-basis:100%;}
  #vizView .viz-shell{gap:34px;}
  #vizView .viz-controls{gap:18px;}
  #vizView #vizSeries{height:224px;}
  #vizView .viz-chart-panel{min-height:340px;padding:26px 0 0;border-left:0;border-top:1px solid var(--border);}
  #vizView .viz-canvas-wrap{min-height:280px;}
}

@media(max-width:767px){#vizView .viz-shell{grid-template-columns:1fr;} #vizView .chart-tools{border:0;}}