/* Compact report only: the dashboard frame, API and desktop composition stay intact. */
.qaw-report-actions { margin-left: auto; flex-shrink: 0; }
.qaw-report-more, .qaw-report-menu-context { display: none; }
@media (max-width: 760px) {
  .qaw-product-shell .qaw-report-redesign {
    /* In embedded mode dvh is the iframe's usable height, already excluding
       Safari chrome AND the existing dashboard header/navigation. */
    --qaw-report-room: calc(100vh - 120px);
    --qaw-report-room: calc(100dvh - 120px);
    --qaw-compact-video-width: min(calc(100vw - 28px), max(216px, calc((var(--qaw-report-room) - 332px) * 1.777778)));
    --qaw-compact-video-height: calc(var(--qaw-compact-video-width) * .5625);
    padding: 8px 14px 16px;
  }
  .qaw-product-shell.is-embedded .qaw-report-redesign {
    --qaw-report-room: 100vh;
    --qaw-report-room: 100dvh;
  }
  .qaw-report-redesign > .qaw-report-hero {
    position: relative; display: grid; grid-template-columns: minmax(0,1fr) 44px;
    grid-template-rows: 28px 14px; gap: 2px 8px; min-height: 0;
    padding: 0 0 8px; text-align: left;
  }
  .qaw-report-redesign .qaw-report-center { grid-column: 1; grid-row: 1; min-width: 0; width: 100%; justify-self: start; text-align: left; }
  .qaw-report-redesign .qaw-report-hero h1 { font-size: clamp(25px,6.9vw,31px); line-height: 28px; }
  .qaw-report-redesign .qaw-report-context { grid-column: 1; grid-row: 2; display: block; min-width: 0; }
  .qaw-report-redesign .qaw-report-context > strong { font-size: 10px; line-height: 14px; }
  .qaw-report-redesign .qaw-report-context .qaw-report-tags { display: none; }
  .qaw-report-actions { grid-column: 2; grid-row: 1/3; margin: 0; align-self: start; }
  .qaw-report-more {
    display: grid; place-items: center; width: 44px; height: 44px; padding: 0;
    border: 1px solid #aeb2ba; border-radius: 6px; color: #22252d; background: #fffefa;
  }
  .qaw-report-more span { font: 600 24px/1 'JetBrains Mono',monospace; letter-spacing: 1px; transform: translateY(-3px); }
  .qaw-report-redesign .qaw-report-hero .qaw-title-actions {
    display: none; position: absolute; z-index: 15; top: 48px; right: 0;
    width: min(264px,100%); margin: 0; padding: 10px; gap: 8px;
    border: 1px solid #aeb2ba; border-radius: 7px; background: #fffefa;
    box-shadow: 0 8px 22px #151e3a26;
  }
  .qaw-report-redesign .qaw-report-actions.is-open .qaw-title-actions { display: flex; flex-direction: column; }
  .qaw-report-menu-context { display: flex; flex-wrap: wrap; gap: 5px; width: 100%; padding-bottom: 3px; }
  .qaw-report-menu-context span { padding: 4px 6px; border: 1px solid #c7c9ce; border-radius: 3px; color: #555f7c; font: 500 10px/1.3 'Inter Tight',sans-serif; }
  .qaw-report-redesign .qaw-title-actions :is(.qaw-compare,.qaw-export) { flex: none; width: 100%; height: 44px; font-size: 10px; }
  .qaw-report-redesign .qaw-report-layout,
  .qaw-report-redesign .qaw-report-layout.is-ai { gap: 8px; }
  .qaw-report-redesign .qaw-report-layout { grid-template-rows: repeat(4,auto); }
  .qaw-report-redesign .qaw-report-layout.is-ai { grid-template-rows: repeat(5,auto); }
  .qaw-report-layout > .qaw-overview-media {
    width: var(--qaw-compact-video-width); max-width: 100%; height: auto;
    aspect-ratio: 16/9; justify-self: center; box-shadow: none;
  }
  .qaw-report-layout > .qaw-overview-kpis {
    grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; height: 56px;
    border: 1px solid #aeb2ba; border-bottom: 0; border-radius: 6px 6px 0 0;
    overflow: hidden; background: #fffefa;
  }
  .qaw-report-layout .qaw-overview-kpi {
    min-height: 0; height: 56px; gap: 1px; padding: 3px 2px 4px;
    border: 0!important; border-right: 1px solid #c7c9ce!important; border-radius: 0!important;
    background: #fffefa;
  }
  .qaw-report-layout .qaw-overview-kpi:last-child { border-right: 0!important; }
  .qaw-report-layout .qaw-overview-kpi.on { background: color-mix(in srgb,var(--metric-color) 7%,#fffefa); box-shadow: inset 0 0 0 1px var(--metric-color)!important; }
  .qaw-report-layout .qaw-overview-kpi > span { min-height: 19px; font-size: clamp(8px,2.15vw,10px); line-height: 1.1; }
  .qaw-report-layout .qaw-overview-kpi > strong { font-size: 28px; line-height: 1; }
  .qaw-report-layout .qaw-overview-kpi .qaw-kpi-target,
  .qaw-report-layout .qaw-report-spark,
  .qaw-report-layout .qaw-report-legend { display: none; }
  .qaw-report-layout > .qaw-overview-chart { margin-top: -8px; border-radius: 0 0 6px 6px; }
  .qaw-report-layout .qaw-overview-chart-head { display: flex; flex-wrap: nowrap; min-height: 36px; height: 36px; padding: 0 8px; gap: 8px; border-bottom: 0; }
  .qaw-report-layout .qaw-overview-chart-head h2 { flex: 1; font-size: 17px; }
  .qaw-report-layout .qaw-benchmark-toggle { height: 32px; min-width: 118px; font-size: 8px; }
  .qaw-report-target { top: calc(100% + 2px); right: 8px; max-width: 68%; font-size: 7px; }
  .qaw-report-chart-body { padding: 20px 10px 0 26px; }
  .qaw-report-layout .qaw-overview-plot { height: clamp(64px,calc(var(--qaw-report-room) - var(--qaw-compact-video-height) - 268px),136px); }
  .qaw-report-layout .qaw-overview-yaxis { top: 20px; bottom: 18px; }
  .qaw-report-layout .qaw-overview-yaxis i:nth-child(even) { display: none; }
  .qaw-report-layout .qaw-overview-axis { height: 18px; }
  .qaw-report-layout .qaw-overview-axis span { top: 8px; }
  .qaw-report-layout .qaw-overview-cursor output { top: -19px; padding: 3px 5px; font-size: 9px; }
  .qaw-report-ai-card { min-height: 44px; height: 44px; padding: 3px 6px; gap: 7px; }
  .qaw-report-ai-card > .qaw-icon { width: 20px; height: 22px; }
  .qaw-report-ai-copy h2 { font-size: 18px; }
  .qaw-report-ai-card .qaw-ai-toggle { height: 36px; min-width: 114px; padding-inline: 8px; }
  /* Below the supported compact height, keep natural scrolling rather than
     clipping controls or shrinking labels. Expanded AI details also scroll. */
}
@media print { .qaw-report-actions { display: none!important; } }