/* Analytics density pass. Loaded last; scoped to #analytics-view / #analytics-nav. */
#analytics-view{padding:22px 28px 32px}
#analytics-view .analytics-wrap{max-width:1320px}
#analytics-view .analytics-header{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:14px;border-bottom:var(--rule)}
#analytics-view .analytics-header h1{font-size:26px;margin:0 0 4px;letter-spacing:-.6px}
#analytics-view .analytics-header p{font-size:13px}
#analytics-view .analytics-back{margin-bottom:8px;min-height:28px}
#analytics-view .analytics-controls{max-width:none;gap:8px;flex-wrap:wrap}
#analytics-view .analytics-range{height:34px;font-size:12px;padding:0 12px;border-radius:5px;font-variant-numeric:tabular-nums}
#analytics-view .analytics-period{height:34px;border-radius:5px}
#analytics-view .analytics-period button{min-width:44px}
#analytics-view .analytics-controls select{height:34px;border-radius:5px;font-size:12px;min-width:170px}
#analytics-view .live-analytics-note{font-size:12px;margin:0 0 14px;color:var(--text-tertiary);max-width:90ch}
#analytics-view .analytics-status{display:flex;gap:8px;align-items:baseline;color:var(--text-secondary)}
#analytics-view .analytics-status::before{content:'';flex:0 0 7px;height:7px;border-radius:50%;background:var(--analytics-positive);transform:translateY(-1px)}
#analytics-view .analytics-status[data-freshness=delayed]::before{background:var(--status-warning,#c98a2b)}
#analytics-view .analytics-counting{margin-top:4px}

/* Overview lead: metric rail + chart side by side */
#analytics-view .analytics-lead{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;margin-bottom:14px;align-items:stretch}
#analytics-view .analytics-lead .analytics-metrics{margin:0}
#analytics-view .analytics-lead .analytics-metric{height:100%;justify-content:flex-start}
#analytics-view .analytics-lead .analytics-breakdown{margin:0}
#analytics-view .analytics-metrics{margin-bottom:14px}
#analytics-view .analytics-metric{padding:16px 18px;gap:6px;border-radius:7px;border-top:3px solid var(--analytics-blue)}
#analytics-view .analytics-metric>strong{font-size:40px;letter-spacing:-1px}
#analytics-view .analytics-delta{font-variant-numeric:tabular-nums}

/* Panels */
#analytics-view .analytics-breakdown{padding:16px 18px;margin-bottom:14px;border-radius:7px}
#analytics-view .analytics-section-head{margin-bottom:10px;gap:12px;align-items:flex-start}
#analytics-view .analytics-section-head h2{font-size:16px;letter-spacing:-.2px}
#analytics-view .analytics-section-head p{font-size:12px;margin-top:2px;color:var(--text-tertiary)}
#analytics-view .analytics-cadence button{padding:6px 12px;min-height:32px}
#analytics-view .analytics-output-caption{margin-top:6px}
#analytics-view .analytics-output-svg{max-height:320px}

/* Tables */
#analytics-view .live-analytics-table th,#analytics-view .live-analytics-table td{padding:8px 10px;font-size:13px}
#analytics-view .live-analytics-table thead th{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}
#analytics-view .live-analytics-table th:first-child,#analytics-view .live-analytics-table td:first-child{padding-left:0}
#analytics-view .live-analytics-table tr>:last-child{padding-right:0;text-align:right;font-variant-numeric:tabular-nums}
#analytics-view .live-analytics-table tbody th{font-weight:400}
#analytics-view .live-analytics-table tbody tr:last-child>*{border-bottom:0}
#analytics-view .live-analytics-table tbody tr{transition:background-color .12s}
#analytics-view .live-analytics-table tbody tr:hover{background:color-mix(in srgb,var(--analytics-blue) 6%,transparent)}
#analytics-view .live-analytics-table button{min-height:30px;color:var(--text-primary);font-weight:500}
#analytics-view .live-analytics-table button svg{width:17px;height:17px;flex-shrink:0;color:var(--text-secondary)}
#analytics-view .live-analytics-table button:hover{text-decoration:underline;text-underline-offset:3px}
#analytics-view .live-analytics-table button:focus-visible{outline:2px solid var(--analytics-blue);outline-offset:2px}
#analytics-view .analytics-feeds td{width:48%}
#analytics-view .analytics-rowbar{display:inline-block;vertical-align:middle;width:calc(100% - 64px);max-width:360px;height:6px;margin-right:12px;border-radius:3px;background:var(--bg-tertiary,var(--surface-border));position:relative;overflow:hidden}
#analytics-view .analytics-rowbar::after{content:'';position:absolute;inset:0;width:var(--w);background:var(--analytics-blue);border-radius:3px}

/* Multi-panel sections (coverage tags, relevance scales) */
#analytics-view .analytics-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:14px;align-items:start}
#analytics-view .analytics-tiles .analytics-breakdown{margin:0}
#analytics-view .analytics-tiles .analytics-table-scroll{max-height:300px;overflow:auto;scrollbar-width:thin}
#analytics-view .analytics-tiles thead th{position:sticky;top:0;background:var(--analytics-card)}

/* Honest unavailable notice: compact, not a big empty card */
#analytics-view .analytics-unavailable{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;margin-bottom:14px;border:1px dashed var(--surface-border-strong,var(--surface-border));border-radius:7px;background:var(--analytics-card)}
#analytics-view .analytics-unavailable h2{font-size:15px;font-weight:500;line-height:1.4}
#analytics-view .analytics-unavailable p{font-size:12px;color:var(--text-secondary);margin-top:2px;line-height:1.5}
#analytics-view .analytics-unavailable-tag{flex-shrink:0;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.6px;padding:3px 7px;border-radius:3px;color:var(--text-secondary);border:var(--rule);margin-top:2px}

/* Controls feedback */
#analytics-view .analytics-period button,#analytics-view .analytics-cadence button{transition:background-color .12s,color .12s}
#analytics-view .analytics-period button:not([aria-pressed=true]):hover,#analytics-view .analytics-cadence button:not([aria-pressed=true]):hover{background:var(--surface-hover);color:var(--text-primary)}
#analytics-view button:focus-visible,#analytics-view select:focus-visible{outline:2px solid var(--analytics-blue);outline-offset:2px}
#analytics-view .analytics-output-column{transition:opacity .12s}
#analytics-view .analytics-output-bar:hover .analytics-output-column{opacity:.78}
#analytics-view .analytics-output-bar:focus{outline:none}
#analytics-view .analytics-output-bar:focus-visible .analytics-output-column{stroke:var(--text-primary);stroke-width:2}

/* Section nav: compact rail */
.analytics-mode>#analytics-nav{width:92px;padding:10px 0}
.analytics-mode>#analytics-nav button{min-height:64px;gap:6px;font-size:11px}
.analytics-mode>#analytics-nav button svg{width:20px;height:20px}
#analytics-nav button:focus-visible{outline:2px solid var(--analytics-blue,#356a91);outline-offset:-2px}

@media(min-width:1001px){
 #analytics-view .analytics-lead{grid-template-columns:minmax(0,1fr);gap:0;background:var(--analytics-card);border:var(--rule);border-radius:7px;overflow:hidden}
 #analytics-view .analytics-lead .analytics-metrics{padding:12px 18px;border-bottom:var(--rule)}
 #analytics-view .analytics-lead .analytics-metric{flex-direction:row;align-items:center;gap:18px;padding:0;border:0;background:none;height:auto}
 #analytics-view .analytics-lead .analytics-metric>strong{order:-1;font-size:34px}
 #analytics-view .analytics-lead .analytics-delta{margin-left:auto}
 #analytics-view .analytics-lead .analytics-breakdown{border:0}
}
@media(max-width:1000px){
 #analytics-view .analytics-lead{grid-template-columns:minmax(0,1fr)}
 #analytics-view .analytics-lead .analytics-metric{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
 #analytics-view .analytics-lead .analytics-metric>strong{font-size:32px}
 #analytics-view .analytics-lead .analytics-label{flex-basis:100%}
}
@media(max-width:700px){
 #analytics-view{padding:14px max(12px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important}
 #analytics-view .analytics-header{display:block;margin-bottom:10px;padding-bottom:12px}
 #analytics-view .analytics-header h1{font-size:23px}
 #analytics-view .analytics-controls{margin-top:12px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}
 #analytics-view .analytics-range{grid-column:1/-1;height:32px;justify-content:center}
 #analytics-view .analytics-period{height:40px}
 #analytics-view .analytics-period button{min-width:44px}
 #analytics-view .analytics-controls select{height:40px;max-width:none;min-width:0;width:100%;font-size:16px}
 #analytics-view .analytics-breakdown{padding:14px 12px;margin-bottom:10px}
 #analytics-view .analytics-lead{gap:10px;margin-bottom:10px}
 #analytics-view .analytics-metric{padding:12px 14px}
 #analytics-view .analytics-section-head{flex-wrap:wrap;gap:8px}
 #analytics-view .analytics-section-head h2{font-size:15px}
 #analytics-view .analytics-cadence button{min-height:40px}
 #analytics-view .analytics-tiles{grid-template-columns:minmax(0,1fr);gap:10px}
 #analytics-view .analytics-rowbar{width:calc(100% - 48px);margin-right:8px}
 #analytics-view .live-analytics-table button{min-height:40px}
 .analytics-mode>#analytics-nav{width:100%;padding:0;overflow-x:auto}
 .analytics-mode>#analytics-nav button{min-height:52px;font-size:11px;gap:3px}
 .analytics-mode>#analytics-nav button svg{width:18px;height:18px}
}
@media(prefers-reduced-motion:reduce){
 #analytics-view *,#analytics-nav *{transition:none!important;animation:none!important}
}
/* Analytics is now one page; do not reserve space for an empty section rail. */
.analytics-mode>#analytics-nav{display:none}

/* Keep the publication total and its filters together, not in separate rows. */
#analytics-view .analytics-lead{overflow:visible}
#analytics-view .analytics-toolbar{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
 gap:12px 20px;padding:12px 18px;border-bottom:var(--rule);position:relative;z-index:2;
}
#analytics-view .analytics-toolbar .analytics-metrics{
 display:block;flex:0 0 auto;margin:0;padding:0;border:0;
}
#analytics-view .analytics-toolbar .analytics-metric{
 display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;
 height:auto;padding:0;border:0;background:transparent;gap:10px;
}
#analytics-view .analytics-toolbar .analytics-label{font-size:12px;flex-basis:auto;min-height:0;white-space:nowrap}
#analytics-view .analytics-toolbar .analytics-label svg{width:17px;height:17px}
#analytics-view .analytics-toolbar .analytics-metric>strong{font-size:30px;line-height:1.15;order:0}
#analytics-view .analytics-toolbar .analytics-controls{
 display:flex;flex:1 1 auto;align-items:center;justify-content:flex-end;
 max-width:none;margin:0;gap:8px;
}
#analytics-view .analytics-toolbar .analytics-controls .app-select{flex:0 1 220px;min-width:160px}
#analytics-view .analytics-toolbar .app-select-trigger{height:34px;font-size:12px}
@media(max-width:700px){
 #analytics-view .analytics-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px}
 #analytics-view .analytics-toolbar .analytics-metrics{grid-column:1;grid-row:1}
 #analytics-view .analytics-toolbar .analytics-metric{flex-direction:column;align-items:flex-start;gap:3px}
 #analytics-view .analytics-toolbar .analytics-label{font-size:11px;gap:6px}
 #analytics-view .analytics-toolbar .analytics-metric>strong{font-size:28px}
 #analytics-view .analytics-toolbar .analytics-controls{display:contents}
 #analytics-view .analytics-toolbar .analytics-period{grid-column:2;grid-row:1}
 #analytics-view .analytics-toolbar .analytics-range{grid-column:1/-1;grid-row:2;width:100%}
 #analytics-view .analytics-toolbar .app-select,
 #analytics-view .analytics-toolbar select:not([hidden]){grid-column:1/-1;grid-row:3;min-width:0;width:100%;max-width:none}
 #analytics-view .analytics-toolbar .app-select-trigger{height:40px;font-size:16px}
}