/* Results page only. Keep metrics from different sources separate. */
body.precision.studio[data-page=analytics]:not(.auth-required) {
  --canvas:#f7f6fa; --card:#fff; --raised:#f1eef7; --line:#e3dfeb;
  --ink:#22202c; --muted:#696575; --accent:#6844d9!important; --accent-hover:#5836bd!important;
  --accent-soft:#eee8fc!important; --action-ink:#fff;
  --chosen-color:#6844d9!important; --chosen-ink:#fff!important;
  --chosen-hover:#5836bd!important; --chosen-hover-ink:#fff!important; --focus:#6844d9!important;
  --analytics-ai:#17766a; --analytics-warning:#8b590e; --analytics-warning-bg:#fff5df;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.precision.studio.dark[data-page=analytics]:not(.auth-required) {
  --canvas:#13131a; --card:#1c1c25; --raised:#252432; --line:#363442;
  --ink:#f4f1fa; --muted:#bbb5ca; --accent:#bda3ff!important; --accent-hover:#cfbcff!important;
  --accent-soft:#302542!important; --action-ink:#20172f;
  --chosen-color:#bda3ff!important; --chosen-ink:#20172f!important;
  --chosen-hover:#cfbcff!important; --chosen-hover-ink:#20172f!important; --focus:#bda3ff!important;
  --analytics-ai:#78d3be; --analytics-warning:#f1c46e; --analytics-warning-bg:#302719;
}
body.precision.studio[data-page=analytics] :is(button,select,h1,h2) {font-family:inherit}
body.precision.studio[data-page=analytics] #app {max-width:1500px}
body.precision.studio[data-page=analytics] .page-head {align-items:flex-end;gap:24px}
body.precision.studio[data-page=analytics] .analytics-controls {display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
body.precision.studio[data-page=analytics] .analytics-controls label {display:grid;gap:6px;color:var(--muted);font-size:12px}
body.precision.studio[data-page=analytics] .analytics-controls select {min-height:42px;max-width:260px;margin:0;font-size:14px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px}
body.precision.studio[data-page=analytics] .analytics-controls .button {min-height:42px;margin:0}
body.precision.studio[data-page=analytics] .analytics-section-title {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 14px}
body.precision.studio[data-page=analytics] .analytics-section-title h2 {font-size:18px;line-height:1.35;margin:0}
body.precision.studio[data-page=analytics] .analytics-section-title p {font-size:13px;color:var(--muted);line-height:1.5;margin:5px 0 0}
body.precision.studio[data-page=analytics] :is(.analytics-period-metrics,.analytics-current-metrics) {display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
body.precision.studio[data-page=analytics] .analytics-current-metrics {grid-template-columns:repeat(4,minmax(0,1fr))}
body.precision.studio[data-page=analytics] .analytics-metric {padding:20px;min-width:0;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px}
body.precision.studio[data-page=analytics] .analytics-metric>span {color:var(--muted);font-size:13px;line-height:1.5}
body.precision.studio[data-page=analytics] .analytics-metric strong {font-size:34px;line-height:1.2;font-weight:650;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:10px 0}
body.precision.studio[data-page=analytics] .analytics-metric p {color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 12px}
body.precision.studio[data-page=analytics] .analytics-metric.accent {background:var(--accent-soft);border-color:var(--accent)}
body.precision.studio[data-page=analytics] .analytics-metric.accent strong {color:var(--accent)}
body.precision.studio[data-page=analytics] .analytics-metric.attention strong {color:var(--analytics-warning)}
body.precision.studio[data-page=analytics] .analytics-metric a {color:var(--accent);font-size:13px;line-height:1.5;margin-top:auto;text-decoration:none;padding-top:6px}
body.precision.studio[data-page=analytics] .analytics-metric a:hover {text-decoration:underline}
body.precision.studio[data-page=analytics] :is(.analytics-panel,.analytics-state) {background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;margin-top:20px}
body.precision.studio[data-page=analytics] .analytics-panel .analytics-section-title {margin:0 0 22px}
body.precision.studio[data-page=analytics] .analytics-legend {display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
body.precision.studio[data-page=analytics] .analytics-legend span {display:flex;align-items:center;gap:7px}
body.precision.studio[data-page=analytics] .analytics-legend i {display:inline-block;width:18px;height:3px;background:var(--accent);border-radius:3px}
body.precision.studio[data-page=analytics] .analytics-legend i.ai {background:repeating-linear-gradient(to right,var(--analytics-ai) 0 5px,transparent 5px 8px)}
body.precision.studio[data-page=analytics] .analytics-chart {display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;padding:16px 16px 36px 0}
body.precision.studio[data-page=analytics] .analytics-y {height:240px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
body.precision.studio[data-page=analytics] .analytics-y span {line-height:0}
body.precision.studio[data-page=analytics] .analytics-plot {--intervals:6;height:240px;position:relative;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 60px)}
body.precision.studio[data-page=analytics] .analytics-plot svg {width:100%;height:100%;overflow:visible}
body.precision.studio[data-page=analytics] .analytics-plot path {fill:none;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
body.precision.studio[data-page=analytics] .analytics-incoming {stroke:var(--accent)}
body.precision.studio[data-page=analytics] .analytics-ai {stroke:var(--analytics-ai);stroke-dasharray:6 6}
body.precision.studio[data-page=analytics] .analytics-hit {left:calc(100% * var(--index) / var(--intervals));position:absolute;top:0;bottom:0;width:28px;transform:translateX(-50%);padding:0;border:0;background:transparent;cursor:crosshair;border-radius:4px}
body.precision.studio[data-page=analytics] .analytics-hit:is(:hover,:focus) {background:var(--accent-soft);outline:1px solid var(--accent)}
body.precision.studio[data-page=analytics] .analytics-tooltip {--point:calc(100% * var(--index) / var(--intervals));display:none;position:absolute;top:8px;left:clamp(0px,calc(var(--point) - 85px),calc(100% - 170px));z-index:2;width:170px;text-align:left;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px;box-shadow:0 5px 20px #0002;font-size:12px;line-height:1.7;pointer-events:none}
body.precision.studio[data-page=analytics] .analytics-tooltip>span {display:block}
body.precision.studio[data-page=analytics] .analytics-hit:is(:hover,:focus) + .analytics-tooltip {display:block}
body.precision.studio[data-page=analytics] .analytics-time {position:absolute;top:100%;left:0;right:0;height:28px;margin-top:12px;font-size:11px;color:var(--muted)}
body.precision.studio[data-page=analytics] .analytics-time span {left:calc(100% * var(--index) / var(--intervals));position:absolute;transform:translateX(-50%);white-space:nowrap}
body.precision.studio[data-page=analytics] .analytics-time span:first-child {transform:none}
body.precision.studio[data-page=analytics] .analytics-time span:last-child {transform:translateX(-100%)}
body.precision.studio[data-page=analytics] .analytics-update {font-size:12px;color:var(--muted);line-height:1.6;margin:18px 0 0}
body.precision.studio[data-page=analytics] .analytics-table {border-top:1px solid var(--line);padding-top:14px;font-size:13px}
body.precision.studio[data-page=analytics] .analytics-table summary {cursor:pointer;color:var(--accent);padding:6px 0}
body.precision.studio[data-page=analytics] .analytics-table table {width:100%;border-collapse:collapse;margin-top:14px;font-variant-numeric:tabular-nums}
body.precision.studio[data-page=analytics] .analytics-table caption {text-align:left;color:var(--muted);margin:0 0 10px;font-size:12px}
body.precision.studio[data-page=analytics] .analytics-table :is(th,td) {text-align:right;padding:9px 4px;border-bottom:1px solid var(--line);font-size:12px}
body.precision.studio[data-page=analytics] .analytics-table :is(th,td):first-child {text-align:left}
body.precision.studio[data-page=analytics] :is(.analytics-empty,.analytics-state) {padding:36px 20px;text-align:center;line-height:1.6}
body.precision.studio[data-page=analytics] :is(.analytics-empty,.analytics-state) p {color:var(--muted);margin:8px 0 0;font-size:13px}
body.precision.studio[data-page=analytics] .analytics-warning {display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--analytics-warning-bg);color:var(--analytics-warning);padding:16px 20px;border:1px solid var(--analytics-warning);border-radius:12px;margin:20px 0}
body.precision.studio[data-page=analytics] .analytics-warning p {font-size:13px;line-height:1.6;margin:5px 0 0}
body.precision.studio[data-page=analytics] :is(a,button,select,summary):focus-visible {outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1100px) {
  body.precision.studio[data-page=analytics] .page-head {align-items:flex-start;flex-direction:column}
  body.precision.studio[data-page=analytics] .analytics-current-metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px) {
  body.precision.studio[data-page=analytics] .analytics-controls {width:100%}
  body.precision.studio[data-page=analytics] .analytics-controls label {width:100%}
  body.precision.studio[data-page=analytics] .analytics-controls select {width:100%;max-width:none}
  body.precision.studio[data-page=analytics] :is(.analytics-current-metrics,.analytics-period-metrics) {gap:10px}
  body.precision.studio[data-page=analytics] .analytics-metric {padding:14px}
  body.precision.studio[data-page=analytics] .analytics-metric strong {font-size:28px}
  body.precision.studio[data-page=analytics] .analytics-panel {padding:16px}
  body.precision.studio[data-page=analytics] .analytics-panel .analytics-section-title {align-items:flex-start;flex-direction:column}
  body.precision.studio[data-page=analytics] .analytics-chart {grid-template-columns:28px minmax(0,1fr);gap:8px;padding-right:10px}
  body.precision.studio[data-page=analytics] .analytics-time span {font-size:9px}
  body.precision.studio[data-page=analytics] .analytics-hit {width:20px}
  body.precision.studio[data-page=analytics] .analytics-tooltip {width:138px;left:clamp(0px,calc(var(--point) - 69px),calc(100% - 138px));padding:8px;font-size:11px}
  body.precision.studio[data-page=analytics] .analytics-warning {align-items:flex-start;flex-direction:column;padding:14px}
}

body.precision.studio[data-page=analytics] .analytics-plot.hourly {--intervals:23}
body.precision.studio[data-page=analytics] [data-point="0"] {--index:0}
body.precision.studio[data-page=analytics] [data-point="1"] {--index:1}
body.precision.studio[data-page=analytics] [data-point="2"] {--index:2}
body.precision.studio[data-page=analytics] [data-point="3"] {--index:3}
body.precision.studio[data-page=analytics] [data-point="4"] {--index:4}
body.precision.studio[data-page=analytics] [data-point="5"] {--index:5}
body.precision.studio[data-page=analytics] [data-point="6"] {--index:6}
body.precision.studio[data-page=analytics] [data-point="7"] {--index:7}
body.precision.studio[data-page=analytics] [data-point="8"] {--index:8}
body.precision.studio[data-page=analytics] [data-point="9"] {--index:9}
body.precision.studio[data-page=analytics] [data-point="10"] {--index:10}
body.precision.studio[data-page=analytics] [data-point="11"] {--index:11}
body.precision.studio[data-page=analytics] [data-point="12"] {--index:12}
body.precision.studio[data-page=analytics] [data-point="13"] {--index:13}
body.precision.studio[data-page=analytics] [data-point="14"] {--index:14}
body.precision.studio[data-page=analytics] [data-point="15"] {--index:15}
body.precision.studio[data-page=analytics] [data-point="16"] {--index:16}
body.precision.studio[data-page=analytics] [data-point="17"] {--index:17}
body.precision.studio[data-page=analytics] [data-point="18"] {--index:18}
body.precision.studio[data-page=analytics] [data-point="19"] {--index:19}
body.precision.studio[data-page=analytics] [data-point="20"] {--index:20}
body.precision.studio[data-page=analytics] [data-point="21"] {--index:21}
body.precision.studio[data-page=analytics] [data-point="22"] {--index:22}
body.precision.studio[data-page=analytics] [data-point="23"] {--index:23}