/* ==================================================================
   PRICE CHECK - additions on top of report.css
================================================================== */

/* ---------------------------- HOT DOG BOX ----------------------- */
.dogbox{
  display:flex; flex-direction:column; gap:6px;
  padding:clamp(24px,4vw,36px) clamp(24px,4vw,36px);
  background:
    radial-gradient(70% 120% at 88% 50%, rgba(240,192,32,.16), transparent 62%),
    rgba(0,0,0,.3);
  border:2px solid rgba(240,192,32,.5); border-left:6px solid var(--caution);
  border-radius:4px; margin-bottom:clamp(16px,2vw,22px);
}
.dogbox__k{
  font-family:var(--mono); font-size:.66rem; letter-spacing:.2em;
  text-transform:uppercase; color:var(--caution);
}
.dogbox__v{
  font-family:var(--sign); font-weight:900; line-height:.88;
  font-size:clamp(3.4rem,12vw,7rem); color:var(--paper);
  font-variant-numeric:tabular-nums;
}
.dogbox__s{ font-size:.95rem; color:#C7DAEA; }

/* ---------------------------- KPIs ------------------------------ */
.kpis{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  border:1px solid rgba(255,255,255,.2); border-radius:3px;
  background:rgba(0,0,0,.24); margin-bottom:clamp(22px,3vw,30px);
}
.kpi{
  padding:16px 18px; display:flex; flex-direction:column; gap:4px;
  border-right:1px solid rgba(255,255,255,.14);
}
.kpi:last-child{ border-right:0; }
.kpi__k{ font-family:var(--mono); font-size:.6rem; letter-spacing:.14em; text-transform:uppercase; color:#8FB6D8; }
.kpi__v{ font-family:var(--sign); font-weight:700; font-size:1.45rem; color:var(--paper); }
.kpi__v.mono{ font-family:var(--mono); font-size:1rem; font-weight:500; }
.kpi__v.is-up{ color:#4ED89A; }
.kpi__v.is-down{ color:#FF8A8A; }
@media (max-width:640px){
  .kpi{ border-right:0; border-bottom:1px solid rgba(255,255,255,.14); }
  .kpi:last-child{ border-bottom:0; }
}

/* ---------------------------- CONTROLS -------------------------- */
.controls{ display:flex; flex-wrap:wrap; gap:10px; }
.seg{ display:flex; border:1.5px solid var(--ink); border-radius:3px; overflow:hidden; }
.seg__b{
  font-family:var(--mono); font-size:.66rem; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase; padding:7px 13px; cursor:pointer;
  background:transparent; color:var(--ink-2); border:0;
  border-right:1.5px solid rgba(16,23,31,.25); transition:background .15s, color .15s;
}
.seg__b:last-child{ border-right:0; }
.seg__b:hover{ background:rgba(16,23,31,.07); }
.seg__b[aria-selected="true"]{ background:var(--navy-deep); color:var(--paper); }
.seg__b:focus-visible{ outline:3px solid var(--caution); outline-offset:-3px; }

/* ---------------------------- CHART ----------------------------- */
.pline{ fill:none; stroke:var(--s-act); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.parea{ fill:rgba(10,95,168,.10); }
.pdot{ fill:var(--s-act); stroke:var(--paper); stroke-width:2; }
.empty{
  padding:60px 20px; text-align:center; color:#6B6558;
  font-family:var(--mono); font-size:.8rem; letter-spacing:.08em; text-transform:uppercase;
}
.tip .alt{ color:var(--steel-2); font-size:.72rem; }
.hint strong{ color:var(--navy-deep); }

.is-disabled{ opacity:.45; pointer-events:none; }

@media (max-width:720px){
  .panel__head{ gap:12px; }
  .controls{ width:100%; }
}