/* Visible report actions and an honest on/off benchmark control. */
.qaw-action-label-compact { display: none; }
.qaw-report-layout .qaw-benchmark-toggle {
  flex: 0 0 auto; display: inline-flex; justify-content: center; align-items: center;
  width: auto; min-width: 0; height: 36px; gap: 8px; padding: 0 10px;
  border: 1px solid #b8bdc9; border-radius: 5px; color: #555f73; background: #fffefa;
  box-shadow: none; white-space: nowrap;
}
.qaw-report-layout .qaw-benchmark-toggle.on { color: #1f4eff; border-color: #1f4eff; background: #f4f6ff; }
.qaw-report-layout .qaw-benchmark-toggle .qaw-benchmark-label {
  flex: 0 0 auto; font: 500 11px/1 'Inter Tight',sans-serif; text-transform: none; letter-spacing: 0;
}
.qaw-report-layout .qaw-benchmark-icon .qaw-icon { width: 15px; height: 15px; }
.qaw-benchmark-state {
  display: block; position: relative; flex: 0 0 25px; width: 25px; height: 15px;
  border: 1px solid #b3b9c5; border-radius: 10px; background: #d7dbe3;
}
.qaw-benchmark-state i {
  position: absolute; top: 2px; left: 2px; width: 9px; height: 9px;
  border-radius: 50%; background: white; box-shadow: 0 1px 2px #17224033;
}
.qaw-report-layout .qaw-benchmark-state::before,
.qaw-report-layout .qaw-benchmark-state::after { content: none!important; display: none!important; }
.qaw-benchmark-toggle.on .qaw-benchmark-state { border-color: #1f4eff; background: #1f4eff; }
.qaw-benchmark-toggle.on .qaw-benchmark-state i { left: 12px; }
@media (max-width: 760px) {
  .qaw-product-shell .qaw-report-redesign {
    /* The visible 40px actions add 12px to the old compact heading. Preserve
       the same no-clipping budget rather than hiding the bottom of the report. */
    --qaw-compact-video-width: min(calc(100vw - 28px), max(196px, calc((var(--qaw-report-room) - 344px) * 1.777778)));
  }
  .qaw-report-redesign > .qaw-report-hero {
    grid-template-columns: minmax(0,1fr) 168px; grid-template-rows: 40px 14px;
  }
  .qaw-report-redesign .qaw-report-center { align-self: center; }
  .qaw-report-redesign .qaw-report-hero h1 { font-size: clamp(24px,6.5vw,29px); }
  .qaw-report-redesign .qaw-report-context { grid-column: 1/-1; }
  .qaw-report-redesign .qaw-report-actions { grid-row: 1; align-self: start; }
  .qaw-report-redesign .qaw-report-hero .qaw-title-actions {
    display: flex; flex-direction: row; position: static; width: 168px; height: 40px;
    padding: 0; margin: 0; gap: 6px; border: 0; border-radius: 0;
    box-shadow: none; background: transparent;
  }
  .qaw-report-redesign .qaw-report-actions .qaw-title-actions :is(.qaw-compare,.qaw-export) {
    flex: 1 1 0; width: 0; min-width: 0; height: 40px; padding: 0 6px;
    gap: 4px; border-radius: 5px; font-size: 10px; line-height: 1; letter-spacing: 0;
    white-space: nowrap; overflow: visible;
  }
  .qaw-report-redesign .qaw-title-actions .qaw-icon { width: 13px; height: 13px; flex-shrink: 0; }
  .qaw-report-redesign .qaw-title-actions .qaw-compare { box-shadow: 0 2px 4px #203cb524; }
  .qaw-report-redesign .qaw-title-actions .qaw-export { background: #fffefa; color: #1f4eff; }
  .qaw-action-label-full { display: none; }
  .qaw-action-label-compact { display: inline; }
  .qaw-report-layout .qaw-benchmark-toggle { height: 32px; padding: 0 8px; gap: 7px; }
  .qaw-report-layout .qaw-benchmark-toggle.available .qaw-benchmark-icon { display: none; }
  .qaw-report-layout .qaw-benchmark-toggle .qaw-benchmark-label { font-size: 11px; }
  .qaw-report-layout .qaw-overview-plot { height: clamp(64px,calc(var(--qaw-report-room) - var(--qaw-compact-video-height) - 280px),136px); }
}
@media (max-width: 350px) {
  .qaw-report-redesign > .qaw-report-hero { grid-template-columns: minmax(0,1fr) 144px; }
  .qaw-report-redesign .qaw-report-hero h1 { font-size: 22px; }
  .qaw-report-redesign .qaw-report-hero .qaw-title-actions { width: 144px; }
  .qaw-report-redesign .qaw-report-actions .qaw-title-actions :is(.qaw-compare,.qaw-export) { padding-inline: 3px; font-size: 9px; gap: 3px; }
}

/* ==== 2026-09-22 · report page refinements ============================== */
/* Title: alone and centred, the size of every dashboard page title
   ("Campaigns." is Instrument Serif 35.25px on phones, 80.64px at 1440). */
.qaw-report-redesign > .qaw-report-hero { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; min-height: 0 !important; padding: 4px 12px 10px !important; margin-bottom: 0 !important; border-bottom: 0 !important; text-align: center !important; }
.qaw-report-redesign .qaw-report-center { align-self: center !important; width: 100%; }
.qaw-report-redesign .qaw-report-hero h1 { margin: 0 !important; font: 400 clamp(35.25px, 5.6vw, 80.64px)/.98 'Instrument Serif', 'Fraunces', serif !important; letter-spacing: -.045em !important; text-align: center !important; }
.qaw-report-redesign .qaw-report-hero h1 em { color: #1649e8; }
.qaw-report-redesign .qaw-report-context { margin-top: 8px !important; max-width: none !important; display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 10px; }
/* Compare / Export: the Campaigns toolbar pattern. Blue plate, Compare is
   the white "Filter" button, Export the dithered "New campaign" button. */
.qaw-report-redesign > .qaw-report-actions {
  display: flex !important; justify-content: center; width: fit-content; max-width: 100%; margin: 4px auto 12px !important; padding: 5px 7px !important; box-sizing: border-box;
  border: 1px solid #111318; border-radius: 12px; background: #1649f5;
}
.qaw-report-redesign > .qaw-report-actions .qaw-title-actions { display: flex !important; flex-wrap: nowrap; gap: 7px !important; width: auto !important; margin: 0 !important; position: static !important; transform: none !important; }
.qaw-report-redesign > .qaw-report-actions :is(.qaw-compare, .qaw-export) { flex: 0 0 auto !important; white-space: nowrap !important; overflow: visible !important; }

.qaw-report-redesign > .qaw-report-actions :is(.qaw-compare, .qaw-export) {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 6px !important; min-width: 0 !important; height: 32px !important; margin: 0 !important; box-shadow: none !important;
  transition: background-color .14s ease-out, transform .14s ease-out, box-shadow .14s ease-out !important;
}
.qaw-report-redesign > .qaw-report-actions :is(.qaw-compare, .qaw-export) {
  width: 150px !important; padding: 0 7px !important; border: 1px solid #cbd2e5 !important; border-radius: 7px !important;
  background-color: #fffefa !important; background-image: var(--qesora-button-dither-inverse) !important; background-size: cover !important;
  color: #1e3fe0 !important; font: 800 10px/1 'Geist Mono', 'JetBrains Mono', monospace !important; letter-spacing: normal !important; text-transform: uppercase !important;
  box-shadow: 0 0 0 1px rgba(30, 63, 224, .28), 0 7px 18px -11px rgba(6, 20, 60, .86) !important;
}
.qaw-report-redesign > .qaw-report-actions :is(.qaw-compare, .qaw-export):hover { transform: translateY(-1px) !important; }
.qaw-report-redesign > .qaw-report-actions :is(.qaw-compare, .qaw-export):active { transform: translateY(1px) !important; transition: none !important; }
.qaw-report-redesign > .qaw-report-actions .qaw-icon { width: 14px !important; height: 14px !important; }
.qaw-report-redesign > .qaw-report-actions .qaw-action-label-full { display: none !important; }
.qaw-report-redesign > .qaw-report-actions .qaw-action-label-compact { display: inline !important; }
@media (min-width: 761px) {
  .qaw-report-redesign > .qaw-report-hero { padding-top: 34px !important; }
  .qaw-report-redesign .qaw-report-hero h1 { font-size: min(80.64px, 5.9vw) !important; }
  .qaw-report-redesign > .qaw-report-actions { margin-bottom: 18px !important; }
  .qaw-report-redesign > .qaw-report-actions :is(.qaw-compare, .qaw-export) { height: 40px !important; }
  .qaw-report-redesign > .qaw-report-actions :is(.qaw-compare, .qaw-export) { width: 280px !important; font-size: 11.25px !important; }
}
/* Benchmark: a plain switch, no pill around it. Locked, a small lock. */
.qaw-benchmark-switch { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0; border: 0; background: none; color: #111318; cursor: pointer; font: 500 13px/1 'Switzer', 'Geist', sans-serif; }
.qaw-benchmark-switch .qaw-benchmark-lock { display: inline-grid; width: 13px; height: 13px; color: rgba(17, 19, 24, .55); }
.qaw-benchmark-switch .qaw-benchmark-lock .qaw-icon { width: 13px; height: 13px; }
.qaw-benchmark-switch .qaw-switch-track { position: relative; flex: 0 0 38px; width: 38px; height: 22px; border-radius: 999px; background: #d9d8d2; transition: background-color .18s ease-out; }
.qaw-benchmark-switch .qaw-switch-track i { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: #fffefa; box-shadow: 0 1px 2px rgba(17, 19, 24, .25); transition: transform .22s cubic-bezier(.2, .8, .2, 1); }
.qaw-benchmark-switch:hover .qaw-switch-track { background: #c9c8c1; }
.qaw-benchmark-switch.on .qaw-switch-track { background: #1649f5; }
.qaw-benchmark-switch.on .qaw-switch-track i { transform: translateX(16px); }
.qaw-benchmark-switch:focus-visible { outline: 2px solid #1649f5; outline-offset: 3px; border-radius: 6px; }
/* isolated / muted signals and the target dot on the playhead */
.qaw-overview-kpi.is-muted, .qaw-report-legend button.is-muted { opacity: .38; }
.qaw-overview-kpi.is-isolated { box-shadow: inset 0 0 0 2px var(--metric-color); }
.qaw-overview-cursor-dot.is-target { background: #fffefa !important; border: 2px solid; box-sizing: border-box; }
/* Time axis in real seconds: a mark per sub-step, labelled marks per step */
.qaw-overview-axis.qaw-axis-exact { position: relative !important; height: 22px !important; }
.qaw-axis-exact .qaw-axis-tick { position: absolute; top: 0; width: 1px; height: 4px; margin-left: -.5px; background: rgba(17, 19, 24, .28); }
.qaw-axis-exact .qaw-axis-label { position: absolute !important; top: 0 !important; padding-top: 8px; transform: translateX(-50%) !important; font: 500 9px/1 'JetBrains Mono', 'Geist Mono', monospace !important; letter-spacing: .04em; color: #111318 !important; white-space: nowrap; }
.qaw-axis-exact .qaw-axis-label .qaw-axis-tick.is-major { left: 50%; height: 6px; background: #111318; }
.qaw-axis-exact .qaw-axis-label.is-start { transform: none !important; }
.qaw-axis-exact .qaw-axis-label.is-start .qaw-axis-tick.is-major { left: 0; }
.qaw-axis-exact .qaw-axis-label.is-end { transform: translateX(-100%) !important; }
.qaw-axis-exact .qaw-axis-label.is-end .qaw-axis-tick.is-major { left: auto; right: 0; }

/* ---- player: framed like every card, controls rebuilt ------------------ */
.qaw-report-redesign .qaw-overview-media .qaw-media { border: 1px solid #111318 !important; border-radius: 12px !important; overflow: hidden !important; background: #0d0f14 !important; box-shadow: 0 2px 0 rgba(17, 19, 24, .08) !important; }
.qaw-report-redesign .qaw-overview-media .qaw-media video { object-fit: contain; background: #0d0f14; }
.qaw-report-redesign .qaw-player-center {
  width: 58px !important; height: 58px !important; margin: 0 !important; transform: translate(-50%, -50%) !important;
  border: 1px solid #111318 !important; background: #fffefa !important; box-shadow: 0 6px 18px rgba(0, 0, 0, .35) !important;
  transition: transform .16s cubic-bezier(.2, .8, .2, 1), opacity .16s ease-out, background-color .14s ease-out !important;
}
.qaw-report-redesign .qaw-player-center:hover { background: #e5eaff !important; transform: translate(-50%, -50%) scale(1.05) !important; }
.qaw-report-redesign .qaw-player-center:active { transform: translate(-50%, -50%) scale(.95) !important; transition: none !important; }
.qaw-report-redesign .qaw-player-center .qaw-icon { width: 22px !important; height: 22px !important; fill: #1649f5 !important; stroke: #1649f5 !important; margin-left: 3px; }
.qaw-report-redesign .qaw-player-controls {
  grid-template-columns: 30px auto minmax(60px, 1fr) 30px !important; gap: 10px !important; align-items: center !important;
  padding: 34px 10px 10px !important; background: linear-gradient(180deg, rgba(13, 15, 20, 0), rgba(13, 15, 20, .78)) !important;
}
.qaw-report-redesign .qaw-player-toggle { display: grid !important; place-items: center; width: 30px !important; height: 30px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #fffefa !important; color: #1649f5 !important; cursor: pointer; }
.qaw-report-redesign .qaw-player-toggle .qaw-icon { width: 13px !important; height: 13px !important; fill: currentColor !important; stroke: currentColor !important; }
.qaw-report-redesign .qaw-player-time { min-width: 0 !important; padding: 5px 7px; border-radius: 6px; background: rgba(13, 15, 20, .55); color: #fffefa !important; font: 600 10px/1 'Geist Mono', 'JetBrains Mono', monospace !important; letter-spacing: .02em; text-shadow: none !important; font-variant-numeric: tabular-nums; }
.qaw-report-redesign .qaw-player-seek { height: 22px !important; }
.qaw-report-redesign .qaw-player-seek::-webkit-slider-runnable-track { height: 4px !important; border-radius: 999px !important; background: linear-gradient(90deg, #fffefa 0 var(--qaw-progress, 0%), rgba(255, 254, 250, .32) var(--qaw-progress, 0%) 100%) !important; }
.qaw-report-redesign .qaw-player-seek::-webkit-slider-thumb { width: 14px !important; height: 14px !important; margin-top: -5px !important; border: 2px solid #1649f5 !important; border-radius: 50% !important; background: #fffefa !important; }
.qaw-report-redesign .qaw-player-seek::-moz-range-track { height: 4px; border-radius: 999px; background: rgba(255, 254, 250, .32); }
.qaw-report-redesign .qaw-player-seek::-moz-range-progress { height: 4px; border-radius: 999px; background: #fffefa; }
.qaw-report-redesign .qaw-player-seek::-moz-range-thumb { width: 12px; height: 12px; border: 2px solid #1649f5; border-radius: 50%; background: #fffefa; }
.qaw-report-redesign .qaw-player-fullscreen { width: 30px !important; height: 30px !important; border-radius: 8px !important; }
.qaw-report-redesign .qaw-player-fullscreen:hover { background: rgba(255, 254, 250, .16) !important; }
.qaw-report-redesign .qaw-media-empty strong { font: 400 20px/1.1 'Instrument Serif', 'Fraunces', serif; color: #fffefa; }
@media (max-width: 620px) {
  .qaw-report-redesign .qaw-player-center { width: 50px !important; height: 50px !important; }
  .qaw-report-redesign .qaw-player-controls { padding: 28px 8px 8px !important; gap: 8px !important; grid-template-columns: 28px auto minmax(50px, 1fr) 28px !important; }
  .qaw-report-redesign .qaw-player-toggle { width: 28px !important; height: 28px !important; }
}

/* ---- timeline numbers: readable, and sitting on their own gridlines ---- */
.qaw-report-redesign .qaw-overview-yaxis { top: 20px !important; bottom: 22px !important; left: 4px !important; width: 22px; display: block !important; }
.qaw-report-redesign .qaw-overview-yaxis i { position: absolute !important; right: 0; transform: translateY(-50%); font: 500 9px/1 'Geist Mono', 'JetBrains Mono', monospace !important; color: rgba(17, 19, 24, .5) !important; letter-spacing: 0 !important; font-variant-numeric: tabular-nums; }
.qaw-axis-exact .qaw-axis-label { font: 500 9.5px/1 'Geist Mono', 'JetBrains Mono', monospace !important; color: rgba(17, 19, 24, .72) !important; font-variant-numeric: tabular-nums; }
.qaw-axis-exact .qaw-axis-tick { background: rgba(17, 19, 24, .22); }
.qaw-axis-exact .qaw-axis-label .qaw-axis-tick.is-major { background: rgba(17, 19, 24, .55); }
.qaw-report-redesign .qaw-overview-cursor output { font: 600 10px/1 'Geist Mono', 'JetBrains Mono', monospace !important; font-variant-numeric: tabular-nums; }
@media (min-width: 761px) {
  .qaw-report-redesign .qaw-overview-yaxis { width: 26px; top: 30px !important; bottom: 32px !important; }
  .qaw-report-redesign .qaw-overview-yaxis i { font-size: 10px !important; }
  .qaw-axis-exact .qaw-axis-label { font-size: 10.5px !important; }
}

/* ---- one frame for the player; blue letterbox so every format fits ---- */
.qaw-report-redesign .qaw-overview-media { border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; }
.qaw-report-redesign .qaw-overview-media .qaw-media { box-sizing: border-box !important; height: 100% !important; background: #1649f5 !important; }
.qaw-report-redesign .qaw-overview-media .qaw-media video { background: #1649f5 !important; }
.qaw-report-redesign .qaw-overview-media .qaw-media-empty { background: #1649f5; color: #fffefa; }

/* ---- timeline: no title, glued to the numbers, benchmark underneath ---- */
.qaw-report-redesign .qaw-overview-chart-head h2 { display: none !important; }
.qaw-report-redesign .qaw-overview-chart-foot {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 8px 12px 10px; border-top: 1px solid rgba(17, 19, 24, .1);
}
.qaw-report-redesign .qaw-overview-chart-foot .qaw-report-target { margin-left: auto; font: 500 11px/1.2 'Switzer', 'Geist', sans-serif; }
.qaw-report-redesign .qaw-overview-chart-foot .qaw-report-target b { font: 600 12px/1 'Geist Mono', monospace; }
.qaw-isolate-hint { flex: 1 1 180px; min-width: 0; color: rgba(17, 19, 24, .55); font: 400 11.5px/1.3 'Switzer', 'Geist', sans-serif; }
.qaw-isolate-chip {
  display: inline-flex; align-items: center; gap: 7px; height: 28px; padding: 0 5px 0 10px; border: 1px solid #111318; border-radius: 999px; background: #fffefa; color: #111318; cursor: pointer;
  font: 500 12.5px/1 'Switzer', 'Geist', sans-serif; animation: qaw-chip-in .22s cubic-bezier(.2, .8, .2, 1);
}
.qaw-isolate-chip > i { width: 8px; height: 8px; border-radius: 50%; background: var(--metric-color, #1649f5); }
.qaw-isolate-chip > span { height: 20px; padding: 0 8px; display: inline-flex; align-items: center; border-radius: 999px; background: #111318; color: #fffefa; font-size: 11px; }
.qaw-isolate-chip:hover > span { background: #1649f5; }
@keyframes qaw-chip-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.qaw-kpi-only { position: absolute; top: 5px; right: 5px; padding: 2px 5px; border-radius: 4px; background: var(--metric-color); color: #fffefa; font: 600 7.5px/1 'Geist Mono', monospace; font-style: normal; letter-spacing: .06em; text-transform: uppercase; }
.qaw-report-redesign .qaw-overview-kpi { position: relative; }
@media (max-width: 760px) {
  /* KPI strip and chart read as one instrument */
  .qaw-report-redesign .qaw-overview-kpis { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
  .qaw-report-redesign .qaw-overview-chart { margin-top: -11px !important; border-top: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
  .qaw-report-redesign .qaw-overview-chart-head { min-height: 0 !important; height: 6px !important; padding: 0 !important; }
  .qaw-report-redesign .qaw-overview-chart-head .qaw-report-legend { display: none !important; }
}

/* ---- scrubbing: drag sideways anywhere on the chart, page still scrolls */
.qaw-report-redesign .qaw-overview-plot { touch-action: pan-y; cursor: ew-resize; }
.qaw-report-redesign .qaw-overview-plot.is-scrubbing .qaw-overview-cursor { transition: none !important; }
.qaw-cursor-knob {
  position: absolute; left: 50%; bottom: -11px; width: 22px; height: 22px; margin-left: -11px; border: 2px solid #111318; border-radius: 50%; background: #fffefa;
  box-shadow: 0 2px 6px rgba(17, 19, 24, .25); transition: transform .14s ease-out; pointer-events: none;
}
.qaw-cursor-knob::after { content: ''; position: absolute; inset: 5px; border-radius: 50%; background: #1649f5; }
.qaw-overview-plot.is-scrubbing .qaw-cursor-knob { transform: scale(1.18); }
/* one frame only: the outer box draws it, the player fills it exactly */
.qaw-report-redesign .qaw-overview-media { position: relative !important; border: 1px solid #111318 !important; border-radius: 12px !important; overflow: hidden !important; background: #1649f5 !important; }
.qaw-report-redesign .qaw-overview-media .qaw-media { position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
/* knob sits inside the plot, clear of the second labels; the Only tag hangs from the tile's top edge */
.qaw-cursor-knob { bottom: 2px !important; width: 20px !important; height: 20px !important; margin-left: -10px !important; }
.qaw-cursor-knob::after { inset: 4px !important; }
.qaw-kpi-only { top: 0 !important; right: auto !important; left: 50% !important; transform: translateX(-50%); border-radius: 0 0 4px 4px !important; padding: 2px 5px 3px !important; }

/* ==== 2026-09-22 b · Benchmark card, desktop mirrors the phone ========== */
.qaw-report-redesign .qaw-report-bench-card p b { font: 600 12px/1 'Geist Mono', monospace; color: #111318; }
.qaw-report-redesign .qaw-report-bench-card .qaw-benchmark-switch { justify-self: end; }
.qaw-report-redesign .qaw-report-bench-card .qaw-benchmark-switch .qaw-benchmark-label { display: none; }
@media (max-width: 760px) {
  /* phone: one column in reading order, the numbers glued to the chart */
  .qaw-report-redesign .qaw-report-layout, .qaw-report-redesign .qaw-report-layout.is-ai { display: flex !important; flex-direction: column !important; gap: 10px !important; }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-media { order: 1; flex: 0 0 auto; aspect-ratio: 16 / 9; height: auto !important; }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-kpis { order: 2; }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-chart { order: 3; }
  .qaw-report-redesign .qaw-report-layout > .qaw-report-bench-card { order: 4; }
  .qaw-report-redesign .qaw-report-layout > .qaw-report-ai-card:not(.qaw-report-bench-card) { order: 5; }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-ai { order: 6; }
}
@media (min-width: 761px) {
  .qaw-report-redesign .qaw-report-layout, .qaw-report-redesign .qaw-report-layout.is-ai {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) auto auto !important;
    grid-template-areas: "media kpis" "media chart" "bench ai" "detail detail" !important;
    gap: 16px 18px !important; align-items: stretch !important;
  }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-media { grid-area: media !important; align-self: stretch !important; aspect-ratio: 16 / 9; }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-kpis {
    grid-area: kpis !important; height: auto !important;
    display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; grid-template-rows: auto !important; gap: 0 !important;
    border: 1px solid #111318 !important; border-bottom: 0 !important; border-radius: 12px 12px 0 0 !important; background: #fffefa !important; overflow: hidden !important;
  }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-kpis .qaw-overview-kpi {
    min-height: 0 !important; height: auto !important; padding: 12px 6px 10px !important; margin: 0 !important; gap: 4px !important;
    border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important;
  }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-kpis .qaw-overview-kpi + .qaw-overview-kpi { border-left: 1px solid rgba(17, 19, 24, .14) !important; }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-kpis .qaw-overview-kpi.on { background: color-mix(in srgb, var(--metric-color) 9%, #fffefa) !important; box-shadow: inset 0 -2px 0 var(--metric-color) !important; }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-kpis .qaw-overview-kpi > span { font: 600 9px/1 'Geist Mono', monospace !important; letter-spacing: .08em !important; }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-kpis .qaw-overview-kpi > strong { font-size: 36px !important; line-height: 1 !important; }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-kpis .qaw-report-spark,
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-kpis .qaw-kpi-target { display: none !important; }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-chart {
    grid-area: chart !important; margin-top: -16px !important; min-height: 0 !important;
    border: 1px solid #111318 !important; border-radius: 0 0 12px 12px !important; display: flex !important; flex-direction: column !important;
  }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-chart .qaw-overview-chart-head { min-height: 0 !important; height: 8px !important; padding: 0 !important; }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-chart .qaw-overview-chart-head .qaw-report-legend { display: none !important; }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-chart .qaw-report-chart-body { flex: 1 1 auto; min-height: 0; display: flex !important; flex-direction: column !important; position: relative !important; }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-chart .qaw-overview-plot { height: auto !important; min-height: 150px; flex: 1 1 auto !important; }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-chart .qaw-overview-axis { flex: 0 0 22px !important; }
  .qaw-report-redesign .qaw-report-layout > .qaw-report-bench-card { grid-area: bench !important; }
  .qaw-report-redesign .qaw-report-layout > .qaw-report-ai-card:not(.qaw-report-bench-card) { grid-area: ai !important; }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-ai { grid-area: detail !important; }
}

/* ==== 2026-09-22 c · one action bar: Benchmark switch | Unlock AI ======= */
.qaw-report-redesign .qaw-report-action-bar {
  display: flex !important; align-items: center !important; gap: 12px !important; min-height: 56px !important; padding: 8px 8px 8px 14px !important;
  grid-template-columns: none !important;
}
.qaw-report-redesign .qaw-report-action-bar > .qaw-icon { display: none !important; }
.qaw-report-redesign .qaw-report-action-bar .qaw-benchmark-switch { flex: 0 0 auto; }
.qaw-report-redesign .qaw-report-action-bar .qaw-benchmark-switch .qaw-benchmark-label { display: inline !important; font: 400 18px/1 'Instrument Serif', 'Fraunces', serif; letter-spacing: -.02em; }
.qaw-report-redesign .qaw-report-action-bar .qaw-benchmark-switch { flex-direction: row-reverse; gap: 10px; }
.qaw-report-redesign .qaw-report-action-bar .qaw-bar-target { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 11.5px/1.2 'Switzer', 'Geist', sans-serif; }
.qaw-report-redesign .qaw-report-action-bar .qaw-bar-target b { font: 600 12px/1 'Geist Mono', monospace; }
.qaw-report-redesign .qaw-report-action-bar .qaw-ai-toggle { margin-left: auto !important; flex: 0 0 auto; }
@media (max-width: 760px) {
  .qaw-report-redesign .qaw-report-action-bar .qaw-bar-target { display: none; }
  .qaw-report-redesign .qaw-report-layout > .qaw-report-action-bar { order: 4 !important; }
}
@media (min-width: 761px) {
  .qaw-report-redesign .qaw-report-layout, .qaw-report-redesign .qaw-report-layout.is-ai { grid-template-areas: "media kpis" "media chart" "bar bar" "detail detail" !important; }
  .qaw-report-redesign .qaw-report-layout > .qaw-report-ai-card.qaw-report-action-bar:not(.qaw-report-bench-card) { grid-area: bar !important; }
}

/* ==== 2026-09-22 d · solo (eye) button on every metric ================== */
/* Centred under the number, in its own row, so it never sits on the label
   or the value; bordered and pressable so it reads as a control. On = only
   this signal (filled in its colour); crossed eye on the others while one
   is isolated. */
.qaw-report-redesign .qaw-overview-kpi { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; }
.qaw-kpi-solo {
  display: inline-grid; place-items: center; flex: 0 0 auto; width: 30px; height: 22px; margin-top: 6px; box-sizing: border-box;
  border: 1px solid rgba(17, 19, 24, .28); border-radius: 7px; background: #fffefa; color: rgba(17, 19, 24, .62); cursor: pointer;
  box-shadow: 0 1px 0 rgba(17, 19, 24, .08);
  transition: background-color .14s ease-out, color .14s ease-out, border-color .14s ease-out, transform .12s ease-out;
}
.qaw-kpi-solo svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.qaw-kpi-solo:hover { border-color: var(--metric-color); color: var(--metric-color); background: color-mix(in srgb, var(--metric-color) 8%, #fffefa); }
.qaw-kpi-solo:active { transform: scale(.92); transition: none; }
.qaw-kpi-solo:focus-visible { outline: 2px solid var(--metric-color); outline-offset: 2px; }
.qaw-kpi-solo.on { border-color: var(--metric-color); background: var(--metric-color); color: #fffefa; }
.qaw-overview-kpi.is-muted .qaw-kpi-solo { opacity: 1; }
.qaw-report-redesign .qaw-overview-kpi.is-muted { opacity: 1 !important; }
.qaw-report-redesign .qaw-overview-kpi.is-muted > :is(span:not(.qaw-kpi-solo), strong) { opacity: .38; }
.qaw-report-redesign .qaw-overview-kpi.is-isolated { box-shadow: none !important; }
@media (max-width: 760px) {
  .qaw-report-redesign .qaw-overview-kpi { padding: 7px 2px 8px !important; }
  .qaw-kpi-solo { width: 28px; height: 20px; margin-top: 5px; }
  .qaw-kpi-solo svg { width: 13px; height: 13px; }
}
@media (max-width: 760px) {
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-kpis { height: auto !important; min-height: 0 !important; max-height: none !important; }
  .qaw-report-redesign .qaw-report-layout > .qaw-overview-kpis .qaw-overview-kpi { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; }
}
.qaw-report-redesign .qaw-overview-kpi > .qaw-kpi-solo { align-self: center !important; width: 30px !important; min-width: 30px !important; max-width: 30px !important; height: 22px !important; padding: 0 !important; }
@media (max-width: 760px) { .qaw-report-redesign .qaw-overview-kpi > .qaw-kpi-solo { width: 28px !important; min-width: 28px !important; max-width: 28px !important; height: 20px !important; } }

/* ==== 2026-09-23 · player, eyes, Unlock AI ============================== */
/* Player: a blue passe-partout; the picture sits in its own ink frame at its
   native shape (sized in JS), so no format gets bars inside the picture. */
.qaw-report-redesign .qaw-overview-media .qaw-media { display: grid !important; place-items: center !important; background: #1649f5 !important; }
.qaw-report-redesign .qaw-media-frame { position: relative; overflow: hidden; border: 1px solid #111318; border-radius: 8px; background: #0d0f14; box-shadow: 0 6px 18px rgba(9, 22, 80, .28); }
.qaw-report-redesign .qaw-media-frame :is(video, img) { display: block; width: 100% !important; height: 100% !important; object-fit: cover !important; background: #0d0f14 !important; }
/* big play only while paused; a tap on the picture pauses */
.qaw-report-redesign .qaw-player-center { width: 56px !important; height: 56px !important; }
.qaw-report-redesign .qaw-player-center.is-playing { opacity: 0 !important; transform: translate(-50%, -50%) scale(.85) !important; pointer-events: none !important; }
/* controls: one small glass pill, always there — play/pause, time, fullscreen */
.qaw-report-redesign .qaw-player-controls {
  left: 18px !important; right: auto !important; bottom: 18px !important; top: auto !important;
  display: inline-flex !important; align-items: center !important; gap: 4px !important; width: auto !important;
  padding: 4px !important; border-radius: 999px !important; background: rgba(13, 15, 20, .62) !important;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); opacity: 1 !important; pointer-events: auto !important;
  grid-template-columns: none !important;
}
.qaw-report-redesign .qaw-player-toggle { width: 28px !important; height: 28px !important; }
.qaw-report-redesign .qaw-player-time { padding: 0 6px !important; background: none !important; font-size: 10.5px !important; }
.qaw-report-redesign .qaw-player-fullscreen { width: 28px !important; height: 28px !important; border-radius: 50% !important; color: #fffefa !important; }
.qaw-report-redesign .qaw-player-seek { display: none !important; }
@media (max-width: 620px) {
  .qaw-report-redesign .qaw-player-controls { left: 14px !important; bottom: 14px !important; }
}
/* Eyes: on = filled in the signal colour; off = crossed, the card dimmed */
.qaw-kpi-solo.on { border-color: var(--metric-color) !important; background: var(--metric-color) !important; color: #fffefa !important; }
.qaw-kpi-solo.off { border-color: rgba(17, 19, 24, .28) !important; background: #fffefa !important; color: rgba(17, 19, 24, .55) !important; }
.qaw-kpi-solo.on:hover { filter: brightness(.92); }
.qaw-kpi-solo.off:hover { border-color: var(--metric-color) !important; color: var(--metric-color) !important; }
.qaw-report-redesign .qaw-overview-kpi.is-muted > :is(span:not(.qaw-kpi-solo), strong) { opacity: .35; }
/* Unlock AI: the armed second tap is the confirmation */
.qaw-ai-toggle.is-pay.is-armed { background-color: #5b7cff !important; color: #fffefa !important; border-color: #4a6cf5 !important; }
.qaw-ai-toggle.is-pay:disabled { opacity: .7; cursor: progress; }

/* PDF export: the button fills with the progress while the report is built */
.qaw-report-redesign .qaw-export.is-busy { position: relative; overflow: hidden; cursor: progress; }
.qaw-report-redesign .qaw-export.is-busy::before { content: ''; position: absolute; inset: 0 auto 0 0; width: var(--export-pct, 0%); background: rgba(22, 73, 245, .16); transition: width .3s ease; pointer-events: none; }
.qaw-report-redesign .qaw-export.is-busy > * { position: relative; }
.qaw-report-redesign .qaw-export.is-error { border-color: #c9443f !important; color: #c9443f !important; }

/* site-wide text-box focus (2026-09-24): solid cobalt edge + faint cobalt fill, no halo */
.qaw-product-shell :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]), textarea, select):focus { outline: none !important; border-color: #1649f5 !important; box-shadow: 0 0 0 1px #1649f5 !important; background-color: #f5f7ff !important; }

/* r-kpi-tap: the whole KPI card is the show/hide control, the eye is only its state */
.qaw-report-redesign .qaw-overview-kpi { cursor: pointer; -webkit-tap-highlight-color: transparent; }
.qaw-report-redesign .qaw-overview-kpi:active { transform: scale(.97); }
.qaw-report-redesign .qaw-overview-kpi > .qaw-kpi-solo { pointer-events: none !important; margin: 6px 0 0 !important; }
@media (max-width: 760px) {
  /* the controls pill sits centred inside the frame, clear of a smaller play disc */
  .qaw-report-redesign .qaw-player-center { width: 44px !important; height: 44px !important; top: 42% !important; }
  .qaw-report-redesign .qaw-player-controls { left: 50% !important; bottom: 20px !important; transform: translateX(-50%) !important; }
}