/* Scout panel (hero demo). Desktop: floating card over the chart. Mobile (<=600px): bottom sheet.
   Values from Paper: Demo Window panel, Demo states, Empty and error states (light + dark). */
.scout-panel{
  --sp-bg:#0F1419;--sp-line:#1F2933;--sp-line2:#2A3441;--sp-title:#9CA3AF;--sp-label:#E5E7EB;--sp-mute:#8A93A6;--sp-sect:#9CA3AF;
  --sp-rate-b:#1F2933;--sp-rate-t:#9CA3AF;--sp-ink:#F3F3F3;
  --sp-shadow:#00000066 0 8px 24px;
  --sp-dis-bg:#151A21;--sp-dis-b:#1F2933;--sp-dis-t:#5B6475;--sp-none-bg:#1F2933;--sp-none-t:#8A93A6;--sp-icon:#6B7686;
  --sp-high-t:#10B981;--sp-mid-t:#F59E0B;--sp-low-t:#EF4444;
  position:absolute;left:60px;top:14px;z-index:3;width:264px;max-height:calc(100% - 28px);display:flex;flex-direction:column;
  background:var(--sp-bg);border:1px solid var(--sp-line);border-radius:10px;box-shadow:var(--sp-shadow);
  font-family:var(--font-ui);font-size:12px;line-height:16px;color:var(--sp-label)}
:root[data-theme="light"] .scout-panel{
  --sp-bg:#FFFFFF;--sp-line:#E5E7EB;--sp-line2:#D1D5DB;--sp-title:#4C5265;--sp-label:#061236;--sp-mute:#6B7280;--sp-sect:#6B7280;
  --sp-rate-b:#D1D5DB;--sp-rate-t:#6B7280;--sp-ink:#061236;--sp-shadow:#0F141926 0 8px 24px;
  --sp-dis-bg:#F2F4F7;--sp-dis-b:#E5E7EB;--sp-dis-t:#9CA3AF;--sp-none-bg:#E5E7EB;--sp-none-t:#6B7280;--sp-icon:#9CA3AF;
  --sp-high-t:#059669;--sp-mid-t:#B45309;--sp-low-t:#DC2626}
.scout-panel button{font-family:inherit;background:none;border:0;padding:0;cursor:pointer;color:inherit}
.scout-panel button:focus-visible,.scout-panel input:focus-visible{outline:2px solid var(--feat-prog);outline-offset:2px}
.scout-panel [data-score="high"]{}
.scout-panel[data-score="high"]{--sc:var(--score-high);--sct:var(--sp-high-t)}
.scout-panel[data-score="mid"]{--sc:var(--score-mid);--sct:var(--sp-mid-t)}
.scout-panel[data-score="low"]{--sc:var(--score-low);--sct:var(--sp-low-t)}
.scout-panel[data-score="none"]{--sc:var(--sp-none-bg);--sct:var(--sp-mute)}

.sp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 0;flex-shrink:0}
.sp-title{font-size:13px;font-weight:600;line-height:16px;color:var(--sp-title);min-width:0}
.sp-pill{display:inline-block;padding:2px 6px;border-radius:4px;background:var(--sc,var(--sp-none-bg));color:#0F1419;font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:14px}
.scout-panel[data-score="none"] .sp-pill{color:var(--sp-none-t)}
.sp-pill.sp-high{background:var(--score-high)}.sp-pill.sp-mid{background:var(--score-mid)}.sp-pill.sp-low{background:var(--score-low)}

.sp-body{display:flex;flex-direction:column;gap:6px;padding:9px 12px 0;overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}
.sp-section{display:flex;align-items:center;justify-content:space-between;padding-top:0;font-size:10px;font-weight:600;letter-spacing:.08em;line-height:12px;color:var(--sp-sect)}
.sp-section+.sp-row{margin-top:0}
.sp-sub{font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:0;line-height:14px;color:var(--sp-mute)}
.sp-row{display:flex;align-items:center;justify-content:space-between}
.sp-label{flex-shrink:0;width:92px;font-size:12px;line-height:16px;color:var(--sp-label)}
.sp-rate{display:flex;gap:3px}
.sp-rate button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;border:1px solid var(--sp-rate-b)!important;border-radius:4px;font-family:var(--font-mono);font-size:11px;line-height:14px;color:var(--sp-rate-t);transition:background-color .12s,border-color .12s}
.sp-rate button:hover:not(:disabled):not([aria-pressed="true"]){border-color:var(--feat-hover)!important}
.sp-rate button[aria-pressed="true"]{background:var(--feat-on-bg)!important;border-color:var(--feat-on-bg)!important;color:var(--feat-on-ink)!important;font-weight:600}
.sp-rate button:disabled{cursor:default}
.sp-notes{width:100%;height:30px;padding:0 10px;border:1px solid var(--sp-line2);border-radius:8px;background:transparent;color:var(--sp-label);font-family:inherit;font-size:12px;margin-top:2px}
.sp-notes::placeholder{color:var(--sp-mute);opacity:1}

.sp-foot{display:flex;flex-direction:column;gap:9px;padding:9px 12px 12px;flex-shrink:0}
.sp-total{display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid var(--sp-line);font-size:12px;line-height:16px;color:var(--sp-mute)}
.sp-total-val{font-family:var(--font-mono);font-weight:600;color:var(--sct,var(--sp-mute))}
.sp-total-val.sp-high{color:var(--sp-high-t)}.sp-total-val.sp-mid{color:var(--sp-mid-t)}.sp-total-val.sp-low{color:var(--sp-low-t)}
.scout-panel .sp-save{width:100%;padding:8px;border-radius:6px;border:1px solid var(--feat-save-border);background:var(--feat-on-bg)!important;color:var(--feat-on-ink)!important;font-size:12px;font-weight:600;line-height:16px;text-align:center;transition:filter .12s}
.sp-save:hover:not(:disabled){filter:brightness(1.06)}
.sp-save:disabled{background:var(--sp-dis-bg)!important;color:var(--sp-dis-t)!important;box-shadow:inset 0 0 0 1px var(--sp-dis-b);cursor:not-allowed}
.sp-status{min-height:0;text-align:center;font-size:11px;line-height:14px;color:var(--sp-mute)}
.sp-status:empty{display:none}
.sp-status[data-kind="ok"]{color:var(--sp-high-t)}
.sp-links{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:-2px}
.sp-links[hidden]{display:none}
.sp-link{font-size:11px;line-height:14px;color:var(--sp-mute)!important;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .12s,text-decoration-color .12s;border-radius:3px}
.sp-link:hover{color:var(--sp-label)!important;text-decoration-color:currentColor}
.sp-links .sp-link:only-child{margin-inline:auto}
.sp-hist-inline{border-top:1px solid var(--sp-line);padding-top:12px;display:flex;flex-direction:column;gap:12px}
.sp-hist-inline[hidden]{display:none}
.sp-hist-inline .sp-section{font-size:11px;letter-spacing:.04em}
.sp-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 12px 6px;text-align:center}
.sp-empty svg{fill:none;stroke:var(--sp-icon);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sp-empty p{margin:0;max-width:250px;font-size:12px;line-height:18px;color:var(--sp-mute)}

/* history list + snapshot view */
.sp-back{font-size:12px;font-weight:500;line-height:16px;color:var(--sp-title)!important;padding:2px 4px!important;margin-left:-4px;border-radius:4px}
.sp-back:hover{color:var(--sp-label)!important}
.is-history .sp-head,.is-snapshot .sp-head{justify-content:flex-start}
.sp-title-hist{margin-left:auto;font-size:12px}
.is-snapshot .sp-pill{margin-left:auto}
.sp-badge{padding:2px 6px;border-radius:4px;background:var(--feat-on-bg);box-shadow:inset 0 0 0 1px var(--feat-nb);color:var(--feat-on-ink);font-size:10px;font-weight:600;letter-spacing:.04em;line-height:12px;text-transform:uppercase}
.sp-hist{padding-bottom:12px;gap:2px;max-height:300px}
.sp-hrow{display:flex;align-items:center;gap:8px;padding:7px 6px!important;border-radius:6px;text-align:left;transition:background-color .12s}
.sp-hrow:hover{background:var(--sp-none-bg)}
.sp-hdate{flex-shrink:0;font-family:var(--font-mono);font-size:11px;line-height:14px;color:var(--sp-label)}
.sp-hnote{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--sp-mute)}
.sp-snapmeta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;line-height:14px;color:var(--sp-mute)}
.sp-notes-ro{margin-top:2px;padding:8px 10px;border:1px solid var(--sp-line);border-radius:8px;font-size:12px;line-height:16px;color:var(--sp-label)}
.sp-notes-ro em{color:var(--sp-mute)}
.is-snapshot .sp-body{padding-bottom:12px}

/* ---------- mobile bottom sheet ---------- */
@media (max-width:599px){
  .scout-panel{
    --sp-title:#F3F3F3;--sp-label:#F3F3F3;--sp-rate-b:#2A3441;
    --sp-shadow:#00000066 0 -8px 20px;
    position:relative;left:auto;top:auto;width:auto;max-height:none;margin-top:-4px;z-index:2;
    border:0;border-top:1px solid var(--sp-line2);border-radius:14px 14px 0 0;gap:0;
    padding-top:8px}
  :root[data-theme="light"] .scout-panel{--sp-title:#061236;--sp-label:#061236;--sp-rate-b:#D1D5DB;--sp-line2:#D1D5DB}
  .sp-handle{display:flex!important;align-items:center;justify-content:center;align-self:stretch;height:12px;margin-top:-4px;touch-action:none;cursor:grab!important}
  .sp-handle span{display:block;width:36px;height:4px;border-radius:2px;background:var(--sp-line2)}
  .sp-head{padding:6px 14px 0}
  .sp-body{padding:10px 14px 0;gap:10px;overflow:visible}
  .sp-label{width:auto}
  .sp-rate{gap:6px}
  .sp-rate button{width:32px;height:32px;border-radius:6px;font-size:12px;line-height:16px}
  .sp-section{font-size:11px;letter-spacing:.04em;line-height:14px;padding-top:2px}
  .sp-section+.sp-row{margin-top:0}
  .sp-section ~ .sp-section{padding-top:4px}
  .sp-notes{height:36px;margin-top:0}
  .sp-foot{padding:10px 14px 14px;gap:10px}
  .sp-total{display:none}
  .scout-panel .sp-save{padding:11px;border-radius:8px;font-size:13px}
  .sp-links{justify-content:center;margin-top:0}
  .sp-hist{max-height:none}
  .scout-panel.is-mobile:not(.is-full) .sp-links,.scout-panel.is-mobile .sp-section-compact{display:none}
}