/* V9_7 RESULTADO PROFESIONAL SVG · Coffee Rush STA */
    .results {
      margin-top: 18px;
      padding: clamp(16px, 2vw, 22px);
      border: 1px solid var(--line);
      border-radius: 18px;
      color: var(--ink);
      background: #ffffff;
      box-shadow: 0 18px 42px rgba(15, 23, 42, .10);
      image-rendering: auto;
    }

    .results.active {
      animation: none !important;
    }

    .results * {
      text-shadow: none !important;
      image-rendering: auto !important;
    }

    .result-summary {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
      gap: 14px;
      min-width: 0;
      max-width: 100%;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    .results,
    .results > *,
    .result-summary > *,
    .result-rating-panel > *,
    .result-opinion-panel,
    .result-diagnosis-panel {
      min-width: 0;
      max-width: 100%;
    }

    .result-round-header,
    .result-economy-hero,
    .result-metrics,
    .result-rating-panel,
    .result-opinion-panel,
    .result-diagnosis-panel,
    .result-details {
      border: 1px solid var(--line);
      border-radius: 16px;
      background: #ffffff;
      box-shadow: 0 12px 28px rgba(15, 23, 42, .07);
    }

    .result-round-header {
      grid-column: 1 / -1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      padding: 16px 18px;
      color: var(--ink);
      background: linear-gradient(135deg, #f8fbff, #eef7fd);
      border-left: 5px solid var(--sta-blue);
    }

    .result-round-title,
    .result-round-context,
    .result-section-title {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .result-round-title strong {
      display: block;
      color: var(--sta-blue);
      font-size: clamp(20px, 2.6vw, 30px);
      line-height: 1.05;
    }

    .result-round-title span,
    .result-panel-label,
    .result-metric-label,
    .result-profit-main span,
    .result-profit-main small {
      color: var(--muted);
      font-size: 12px;
      font-weight: 750;
      letter-spacing: .02em;
      text-transform: uppercase;
    }

    .result-round-context {
      flex-wrap: wrap;
      justify-content: flex-end;
    }

    .result-round-context span,
    .result-round-context strong {
      padding: 7px 10px;
      border: 1px solid var(--line);
      border-radius: 999px;
      color: var(--primary-dark);
      background: #ffffff;
      font-size: 12px;
      font-weight: 800;
      white-space: nowrap;
    }

    .result-economy-hero {
      grid-column: span 1;
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      gap: 14px;
      min-height: 150px;
      padding: 20px;
      background: linear-gradient(180deg, #fffdf2, #ffffff);
      border-left: 5px solid var(--sta-yellow);
    }

    .result-tone-positive .result-economy-hero { border-left-color: #2e7d32; }
    .result-tone-balanced .result-economy-hero { border-left-color: var(--sta-yellow); }
    .result-tone-risk .result-economy-hero { border-left-color: #c2410c; }

    .result-profit-icon,
    .result-section-icon,
    .result-metric-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(0, 90, 155, .18);
      border-radius: 14px;
      color: var(--sta-blue);
      background: #eef7fd;
    }

    .result-profit-icon {
      width: 58px;
      height: 58px;
    }

    .result-profit-icon .cr-icon,
    .result-section-icon .cr-icon {
      width: 26px;
      height: 26px;
    }

    .result-profit-main strong {
      display: block;
      margin: 4px 0 2px;
      color: var(--sta-blue);
      font-size: clamp(34px, 5vw, 54px);
      line-height: 1;
      letter-spacing: 0;
      overflow-wrap: anywhere;
    }

    .result-economy-hero .result-profit-main {
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    .result-profit-main strong.negative {
      color: #b42318;
    }

    .result-profit-main small {
      display: inline-flex;
      width: fit-content;
      padding: 5px 9px;
      border-radius: 999px;
      background: #f3f7fb;
    }

    .result-metrics {
      grid-column: span 1;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      padding: 14px;
      background: #f8fbff;
    }

    .result-metric {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-template-areas:
        "icon label"
        "icon value";
      gap: 2px 10px;
      align-items: center;
      min-width: 0;
      padding: 12px;
      border: 1px solid #dce5ee;
      border-radius: 12px;
      background: #ffffff;
    }

    .result-metric-icon {
      grid-area: icon;
      width: 36px;
      height: 36px;
      border-radius: 12px;
    }

    .result-metric-value {
      grid-area: value;
      color: var(--ink);
      font-size: clamp(18px, 2vw, 24px);
      line-height: 1.05;
      overflow-wrap: anywhere;
    }

    .result-metric-label {
      grid-area: label;
    }

    .result-rating-panel {
      display: grid;
      grid-template-columns: minmax(180px, .8fr) 1fr;
      gap: 14px;
      padding: 16px;
      background: #fffdf6;
    }

    .result-stars {
      display: flex;
      align-items: center;
      gap: 5px;
      margin-top: 8px;
      color: var(--sta-yellow);
      width: auto;
      max-width: 100%;
    }

    .result-star {
      display: inline-flex;
      width: 28px;
      height: 28px;
    }

    .result-star .cr-icon {
      width: 100%;
      height: 100%;
    }

    .result-star.is-empty {
      color: #8ba0b3;
      opacity: .82;
    }

    .result-achievements {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-content: center;
    }

    .result-achievement {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 8px 10px;
      border: 1px solid #dce5ee;
      border-radius: 999px;
      color: var(--primary-dark);
      background: #ffffff;
      font-size: 12px;
      font-weight: 800;
    }

    .result-achievement.good {
      color: #1f6f3a;
      background: #effaf2;
      border-color: #c9ecd2;
    }

    .result-achievement.warn {
      color: #8a5a00;
      background: #fff8e6;
      border-color: #f6dda0;
    }

    .result-achievement.risk {
      color: #a23822;
      background: #fff1ed;
      border-color: #f4c7bd;
    }

    .result-opinion-panel,
    .result-diagnosis-panel {
      padding: 16px;
    }

    .result-opinion-panel.customer-opinion-card {
      color: var(--ink);
      background: #f8fbff;
    }

    .result-section-title {
      margin-bottom: 12px;
      color: var(--sta-blue);
      font-size: 13px;
      font-weight: 850;
      letter-spacing: .02em;
      text-transform: uppercase;
    }

    .customer-opinion-list {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .result-opinion-panel .customer-opinion-chip {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 8px 10px;
      border: 1px solid #dce5ee;
      border-radius: 999px;
      color: var(--ink);
      background: #ffffff;
      font-size: 12px;
      font-weight: 800;
    }

    .result-opinion-panel .customer-opinion-chip.positive {
      color: #1f6f3a;
      background: #effaf2;
      border-color: #c9ecd2;
    }

    .result-opinion-panel .customer-opinion-chip.negative {
      color: #a23822;
      background: #fff1ed;
      border-color: #f4c7bd;
    }

    .result-opinion-panel .customer-opinion-chip.neutral {
      color: #31506f;
      background: #edf6ff;
      border-color: #cae3f6;
    }

    .result-opinion-panel .customer-opinion-impact {
      margin-top: 12px;
      padding-top: 10px;
      border-top: 1px solid #dce5ee;
      color: var(--muted);
      font-size: 13px;
      font-weight: 700;
    }

    .result-diagnosis-panel {
      grid-column: 1 / -1;
      border-left: 5px solid var(--sta-blue);
      background: #ffffff;
    }

    .result-tone-positive .result-diagnosis-panel { border-left-color: #2e7d32; }
    .result-tone-balanced .result-diagnosis-panel { border-left-color: var(--sta-yellow); }
    .result-tone-risk .result-diagnosis-panel { border-left-color: #c2410c; }

    .result-diagnosis-panel p {
      margin: 0;
      color: var(--ink);
      font-size: clamp(16px, 1.7vw, 20px);
      font-weight: 750;
      line-height: 1.45;
    }

    .achievement-strip:empty {
      display: none;
    }

    .result-details {
      margin-top: 14px;
      overflow-x: auto;
      overflow-y: hidden;
      background: #ffffff;
    }

    .result-details summary {
      padding: 12px 14px;
      color: var(--primary-dark);
      background: #f8fbff;
      border: 0;
      border-bottom: 1px solid var(--line);
      border-radius: 0;
      font-size: 13px;
      font-weight: 850;
      text-transform: none;
      cursor: pointer;
    }

    .result-details summary::before,
    .result-details summary::after {
      display: none !important;
    }

    .result-detail-table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
      background: #ffffff;
    }

    .result-detail-table th,
    .result-detail-table td {
      padding: 11px 13px;
      border-bottom: 1px solid #edf2f7;
      color: var(--ink);
      font-size: 13px;
      vertical-align: top;
      overflow-wrap: anywhere;
      word-break: normal;
    }

    .result-detail-table th {
      width: 38%;
      color: var(--muted);
      background: #fbfdff;
      font-weight: 800;
    }

    body.presentation-mode .results {
      margin-top: 16px;
      max-height: none;
      overflow: visible;
    }

    body.presentation-mode .result-summary {
      grid-template-columns: minmax(0, 1fr) minmax(280px, .9fr);
    }

    @media (max-width: 900px) {
      .result-summary,
      body.presentation-mode .result-summary {
        grid-template-columns: 1fr;
      }

      .result-rating-panel {
        grid-template-columns: 1fr;
      }

      .result-round-header {
        align-items: flex-start;
        flex-direction: column;
      }

      .result-round-context {
        justify-content: flex-start;
      }
    }

    @media (max-width: 520px) {
      .results {
        padding: 12px;
        border-radius: 14px;
      }

      .result-economy-hero,
      .result-metrics,
      .result-rating-panel,
      .result-opinion-panel,
      .result-diagnosis-panel,
      .result-round-header {
        padding: 13px;
        border-radius: 13px;
      }

      .result-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .result-metric {
        grid-template-columns: 1fr;
        grid-template-areas: "icon" "label" "value";
      }

      .result-profit-main strong {
        font-size: clamp(32px, 12vw, 44px);
      }
    }

    @media (max-width: 370px) {
      .result-metrics {
        grid-template-columns: 1fr;
      }

      .result-stars {
        gap: 3px;
      }

      .result-star {
        width: 25px;
        height: 25px;
      }
    }

    @media print {
      .results {
        color: #111827 !important;
        background: #ffffff !important;
        border: 1px solid #d1d5db !important;
        box-shadow: none !important;
      }

      .result-summary,
      .result-rating-panel,
      .result-metrics {
        display: block !important;
      }

      .result-round-header,
      .result-economy-hero,
      .result-metrics,
      .result-metric,
      .result-rating-panel,
      .result-opinion-panel,
      .result-diagnosis-panel,
      .result-details {
        break-inside: avoid;
        box-shadow: none !important;
        background: #ffffff !important;
      }

      .result-details > .result-detail-table {
        display: table !important;
      }

      .result-details summary {
        display: none !important;
      }
    }

    @media print {
      body { background: white; }
      header, .controls, .shop-wrap, .stage-panel, .buttons, .top-actions, #presentationExitBtn { display: none !important; }
      .page { max-width: 100%; padding: 0; }
      .card { box-shadow: none; border: 0; }
      .results, .history-wrap { display: block !important; }
    }

    /* V9_8 INFORME EMPRESARIAL VISUAL · Coffee Rush STA */
    .modal-backdrop.active {
      align-items: center;
      justify-content: center;
      padding: clamp(12px, 2vw, 24px);
      background: rgba(248, 251, 255, .82);
      backdrop-filter: blur(6px);
      z-index: 1200;
    }

    .modal {
      display: flex;
      flex-direction: column;
      width: min(1180px, calc(100vw - 28px));
      max-height: 92vh;
      padding: 18px;
      overflow: hidden;
      border: 1px solid rgba(15, 23, 42, .12);
      border-radius: 22px;
      color: var(--ink);
      background: #ffffff;
      box-shadow: 0 28px 70px rgba(15, 23, 42, .18);
    }

    .modal h2 {
      margin: 0;
      color: var(--sta-blue);
      font-size: clamp(20px, 2.1vw, 26px);
      line-height: 1.15;
      text-shadow: none;
    }

    .modal > .small {
      margin: 4px 0 12px;
      color: var(--muted);
      font-size: 13px;
    }

    .modal .report-box {
      flex: 1;
      min-height: 0;
      max-height: none;
      padding: 0;
      overflow-x: hidden;
      overflow-y: auto;
      border: 1px solid #dce5ee;
      border-radius: 18px;
      color: var(--ink);
      background: #f8fbff;
      font-family: inherit;
      font-size: 14px;
      line-height: 1.45;
      white-space: normal;
    }

    .modal .buttons {
      flex: 0 0 auto;
      justify-content: flex-end;
      margin-top: 12px;
    }

    .modal .buttons button {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: auto;
      min-width: 150px;
      min-height: 42px;
      border-radius: 12px;
      text-shadow: none;
    }

    .report-dashboard,
    .report-dashboard * {
      box-sizing: border-box;
      max-width: 100%;
      text-shadow: none !important;
      image-rendering: auto !important;
    }

    .report-dashboard {
      display: grid;
      gap: 16px;
      min-width: 0;
      padding: clamp(14px, 2vw, 22px);
      color: var(--ink);
      background: #ffffff;
    }

    .report-header,
    .report-score-panel,
    .report-section,
    .report-day-card,
    .report-metric {
      border: 1px solid #dce5ee;
      border-radius: 18px;
      background: #ffffff;
      box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
    }

    .report-header {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(300px, .75fr);
      gap: 18px;
      align-items: center;
      padding: clamp(16px, 2vw, 22px);
      background: linear-gradient(135deg, #f8fbff 0%, #eef7fd 100%);
      border-left: 5px solid var(--sta-blue);
    }

    .report-kicker,
    .report-metric-label,
    .report-metric-hint,
    .report-profit-hero span,
    .report-profit-hero em {
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .02em;
      text-transform: uppercase;
    }

    .report-kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--sta-blue);
    }

    .report-header h3 {
      margin: 8px 0 6px;
      color: var(--sta-blue);
      font-size: clamp(30px, 4vw, 46px);
      line-height: 1;
    }

    .report-header p,
    .report-section p,
    .report-efficiency-bar p,
    .report-question p {
      margin: 0;
      color: var(--muted);
    }

    .report-header-meta {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }

    .report-info-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 10px 12px;
      border: 1px solid #e6edf4;
      border-radius: 12px;
      background: rgba(255, 255, 255, .86);
    }

    .report-info-row span {
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
    }

    .report-info-row strong {
      min-width: 0;
      color: var(--ink);
      font-size: 13px;
      font-weight: 850;
      text-align: right;
      overflow-wrap: anywhere;
    }

    .report-score-panel {
      display: grid;
      grid-template-columns: minmax(210px, .72fr) minmax(190px, auto) minmax(260px, 1fr);
      gap: 16px;
      align-items: center;
      padding: clamp(16px, 2vw, 22px);
      background: #fffdf7;
      border-left: 5px solid var(--sta-yellow);
    }

    .report-score-copy h4 {
      margin: 8px 0 4px;
      color: var(--ink);
      font-size: clamp(36px, 5vw, 56px);
      line-height: 1;
    }

    .report-score-copy p {
      margin: 0;
      color: var(--sta-blue);
      font-weight: 850;
      text-transform: uppercase;
    }

    .report-score-visual {
      position: relative;
      width: 178px;
      height: 178px;
      margin: 0 auto;
      color: var(--sta-blue);
    }

    .report-score-ring {
      width: 100%;
      height: 100%;
    }

    .report-score-track,
    .report-score-value {
      fill: none;
      stroke-width: 12;
    }

    .report-score-track {
      stroke: #e6edf4;
    }

    .report-score-value {
      stroke: currentColor;
      stroke-linecap: round;
    }

    .report-score-positive { color: #287a3d; }
    .report-score-balanced { color: var(--sta-blue); }
    .report-score-warn { color: #b7791f; }
    .report-score-risk { color: #b42318; }

    .report-score-number {
      position: absolute;
      inset: 0;
      display: grid;
      place-content: center;
      gap: 4px;
      text-align: center;
    }

    .report-score-number strong {
      color: var(--ink);
      font-size: 28px;
      line-height: 1;
    }

    .report-score-number span {
      max-width: 120px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 850;
      text-transform: uppercase;
    }

    .report-profit-hero {
      display: grid;
      gap: 6px;
      padding: 18px;
      border: 1px solid #dce5ee;
      border-radius: 16px;
      background: #ffffff;
    }

    .report-profit-hero strong {
      color: var(--sta-blue);
      font-size: clamp(36px, 5vw, 58px);
      line-height: 1;
      overflow-wrap: anywhere;
    }

    .report-profit-positive strong,
    .report-metric-positive .report-metric-value { color: #287a3d; }
    .report-profit-risk strong,
    .report-metric-risk .report-metric-value { color: #b42318; }
    .report-profit-balanced strong,
    .report-metric-balanced .report-metric-value { color: #8a5a00; }

    .report-grid {
      display: grid;
      gap: 12px;
      min-width: 0;
    }

    .report-kpi-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .report-metric {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-template-areas:
        "icon label"
        "icon value"
        "icon hint";
      gap: 2px 11px;
      align-items: center;
      min-width: 0;
      padding: 14px;
      box-shadow: none;
    }

    .report-metric-icon,
    .report-section-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: var(--sta-blue);
      background: #eef7fd;
      border: 1px solid rgba(0, 90, 155, .16);
    }

    .report-metric-icon {
      grid-area: icon;
      width: 40px;
      height: 40px;
      border-radius: 13px;
    }

    .report-metric-label { grid-area: label; }
    .report-metric-value {
      grid-area: value;
      color: var(--ink);
      font-size: clamp(20px, 2.2vw, 28px);
      line-height: 1.05;
      overflow-wrap: anywhere;
    }

    .report-metric-hint {
      grid-area: hint;
      color: var(--muted);
      font-size: 11px;
      text-transform: none;
    }

    .report-section {
      min-width: 0;
      padding: clamp(14px, 1.8vw, 20px);
    }

    .report-section-title {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 14px;
    }

    .report-section-title h4 {
      margin: 0;
      color: var(--sta-blue);
      font-size: clamp(17px, 1.8vw, 21px);
      line-height: 1.15;
    }

    .report-section-icon {
      flex: 0 0 auto;
      width: 38px;
      height: 38px;
      border-radius: 13px;
    }

    .report-section-icon .cr-icon,
    .report-metric-icon .cr-icon {
      width: 21px;
      height: 21px;
    }

    .report-chart-section {
      overflow: hidden;
    }

    .report-chart-wrap {
      min-width: 0;
      padding: 12px;
      border: 1px solid #e6edf4;
      border-radius: 16px;
      background: #fbfdff;
    }

    .report-profit-chart {
      display: block;
      width: 100%;
      height: auto;
      max-height: 270px;
    }

    .report-chart-zero {
      stroke: #9aa9b8;
      stroke-width: 1.6;
      stroke-dasharray: 6 6;
    }

    .report-chart-line {
      fill: none;
      stroke: var(--sta-blue);
      stroke-width: 4;
      stroke-linejoin: round;
      stroke-linecap: round;
    }

    .report-chart-point {
      fill: #ffffff;
      stroke: var(--sta-blue);
      stroke-width: 3;
    }

    .report-chart-point.best {
      fill: #eaf8ef;
      stroke: #287a3d;
    }

    .report-chart-point.worst {
      fill: #fff1ed;
      stroke: #b42318;
    }

    .report-chart-point.both {
      fill: #fff8dc;
      stroke: var(--sta-yellow);
    }

    .report-chart-days,
    .report-chart-legend {
      display: flex;
      flex-wrap: wrap;
      gap: 7px 10px;
      margin-top: 9px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
    }

    .report-chart-legend {
      justify-content: flex-end;
      font-size: 12px;
    }

    .report-chart-legend span {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }

    .report-chart-legend i {
      width: 12px;
      height: 12px;
      border-radius: 999px;
      border: 2px solid var(--sta-blue);
      background: #fff;
    }

    .report-chart-legend i.best { border-color: #287a3d; background: #eaf8ef; }
    .report-chart-legend i.worst { border-color: #b42318; background: #fff1ed; }
    .report-chart-legend i.zero {
      width: 20px;
      height: 0;
      border-width: 0 0 2px;
      border-style: dashed;
      border-color: #9aa9b8;
      border-radius: 0;
      background: transparent;
    }

    .report-two-col {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .report-day-card {
      min-width: 0;
      padding: 16px;
      box-shadow: none;
    }

    .report-day-best {
      border-left: 5px solid #287a3d;
    }

    .report-day-worst {
      border-left: 5px solid #b42318;
    }

    .report-day-card > strong {
      display: block;
      margin-bottom: 10px;
      color: var(--ink);
      font-size: 24px;
    }

    .report-day-card dl {
      display: grid;
      gap: 8px;
      margin: 0;
    }

    .report-day-card dl div {
      display: grid;
      grid-template-columns: 110px 1fr;
      gap: 10px;
      padding-top: 8px;
      border-top: 1px solid #edf2f7;
    }

    .report-day-card dt {
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
    }

    .report-day-card dd {
      margin: 0;
      color: var(--ink);
      font-weight: 800;
      overflow-wrap: anywhere;
    }

    .report-ops-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .report-bars {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 14px;
    }

    .report-efficiency-bar {
      min-width: 0;
      padding: 13px;
      border: 1px solid #e6edf4;
      border-radius: 14px;
      background: #fbfdff;
    }

    .report-efficiency-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      color: var(--ink);
      font-size: 13px;
      font-weight: 850;
    }

    .report-bar-track {
      height: 9px;
      margin: 9px 0 7px;
      overflow: hidden;
      border-radius: 999px;
      background: #e6edf4;
    }

    .report-bar-track span {
      display: block;
      height: 100%;
      border-radius: inherit;
      background: var(--sta-blue);
    }

    .report-efficiency-positive .report-bar-track span { background: #287a3d; }
    .report-efficiency-balanced .report-bar-track span { background: var(--sta-blue); }
    .report-efficiency-warn .report-bar-track span { background: #b7791f; }
    .report-efficiency-risk .report-bar-track span { background: #b42318; }

    .report-inventory-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .report-compact-list {
      display: grid;
      gap: 8px;
    }

    .report-feedback-impact {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 10px;
      padding: 12px;
      border: 1px solid #dce5ee;
      border-radius: 14px;
      background: #f8fbff;
    }

    .report-feedback-impact span {
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
    }

    .report-feedback-impact strong {
      color: var(--sta-blue);
      font-size: 18px;
      text-align: right;
    }

    .report-details {
      border: 1px solid #e6edf4;
      border-radius: 14px;
      overflow: hidden;
      background: #ffffff;
    }

    .report-details summary {
      padding: 12px 14px;
      color: var(--sta-blue);
      background: #f8fbff;
      font-weight: 850;
      cursor: pointer;
    }

    .report-feedback-list,
    .report-adjust-list {
      display: grid;
      gap: 8px;
      padding: 12px;
    }

    .report-feedback-row,
    .report-adjust-row {
      display: grid;
      gap: 5px;
      padding: 10px 12px;
      border: 1px solid #edf2f7;
      border-radius: 12px;
      background: #ffffff;
    }

    .report-feedback-row {
      grid-template-columns: 62px 1fr auto;
      align-items: center;
    }

    .report-feedback-row span,
    .report-adjust-row span,
    .report-feedback-row em {
      color: var(--muted);
      font-size: 12px;
      font-style: normal;
      font-weight: 750;
    }

    .report-feedback-row strong,
    .report-adjust-row strong {
      min-width: 0;
      color: var(--ink);
      overflow-wrap: anywhere;
    }

    .report-adjust-row {
      grid-template-columns: 80px repeat(5, minmax(0, 1fr));
      align-items: start;
    }

    .report-question-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .report-question {
      display: grid;
      grid-template-columns: 34px 1fr;
      gap: 10px;
      align-items: start;
      padding: 12px;
      border: 1px solid #e6edf4;
      border-radius: 14px;
      background: #fbfdff;
    }

    .report-question span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      border-radius: 999px;
      color: var(--primary-dark);
      background: var(--sta-yellow);
      font-weight: 900;
    }

    .report-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 14px 4px 2px;
      color: var(--muted);
      font-size: 13px;
      font-weight: 800;
    }

    .report-footer strong {
      color: var(--sta-blue);
    }

    @media (max-width: 1024px) {
      .report-header,
      .report-score-panel,
      .report-two-col {
        grid-template-columns: 1fr;
      }

      .report-kpi-grid,
      .report-ops-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .report-bars,
      .report-adjust-row {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 620px) {
      .modal-backdrop.active {
        padding: 8px;
        align-items: stretch;
      }

      .modal {
        width: 100%;
        max-height: calc(100vh - 16px);
        padding: 12px;
        border-radius: 18px;
      }

      .modal .buttons {
        display: grid;
        grid-template-columns: 1fr;
      }

      .modal .buttons button {
        width: 100%;
      }

      .report-dashboard {
        padding: 12px;
        gap: 12px;
      }

      .report-header,
      .report-score-panel,
      .report-section,
      .report-day-card {
        padding: 13px;
        border-radius: 15px;
      }

      .report-header-meta,
      .report-kpi-grid,
      .report-ops-grid,
      .report-bars,
      .report-inventory-grid,
      .report-question-grid {
        grid-template-columns: 1fr;
      }

      .report-score-visual {
        width: 150px;
        height: 150px;
      }

      .report-profit-hero strong,
      .report-score-copy h4 {
        font-size: clamp(32px, 10vw, 44px);
      }

      .report-feedback-row {
        grid-template-columns: 1fr;
      }

      .report-day-card dl div {
        grid-template-columns: 1fr;
        gap: 3px;
      }

      .report-chart-legend {
        justify-content: flex-start;
      }
    }

    @media print {
      body:has(#modalBackdrop.active) {
        background: #ffffff !important;
      }

      body:has(#modalBackdrop.active) > .page,
      body:has(#modalBackdrop.active) > .toast,
      body:has(#modalBackdrop.active) > #presentationExitBtn {
        display: none !important;
      }

      body:has(#modalBackdrop.active) #modalBackdrop {
        position: static !important;
        display: block !important;
        padding: 0 !important;
        background: #ffffff !important;
        backdrop-filter: none !important;
      }

      body:has(#modalBackdrop.active) .modal {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        max-height: none !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
      }

      body:has(#modalBackdrop.active) .modal .report-box {
        max-height: none !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
      }

      body:has(#modalBackdrop.active) .modal .buttons {
        display: none !important;
      }

      body:has(#modalBackdrop.active) .report-dashboard,
      body:has(#modalBackdrop.active) .report-section,
      body:has(#modalBackdrop.active) .report-header,
      body:has(#modalBackdrop.active) .report-score-panel,
      body:has(#modalBackdrop.active) .report-metric,
      body:has(#modalBackdrop.active) .report-day-card {
        color: #111827 !important;
        background: #ffffff !important;
        box-shadow: none !important;
        break-inside: avoid;
      }
    }