/* ===== تقرير المقاعد (seats-report.js) — builds on the sales dashboard's sd-* pieces ===== */
.st { display: flex; flex-direction: column; gap: 16px; }
.st-filters { gap: 10px; }
.st-f { display: flex; flex-direction: column; gap: 2px; font-size: .74rem; font-weight: 800; color: var(--muted); min-width: 120px; }
.st-f select { border: 1.5px solid var(--line); border-radius: 10px; padding: .35rem .6rem; font: inherit; font-size: .85rem; color: var(--ink); background: #fff; max-width: 190px; }
.st-f select:focus-visible { outline: 2px solid var(--orange); outline-offset: 1px; }
.st-seg { display: inline-flex; border: 1.5px solid var(--line); border-radius: 999px; overflow: hidden; }
.st-seg button { border: 0; background: #fff; padding: .35rem .85rem; font: inherit; font-weight: 800; font-size: .8rem; color: var(--ink); cursor: pointer; transition: background .18s, color .18s; }
.st-seg button.is-on { background: var(--dark); color: #fff; }
.st-seg button:focus-visible { outline: 2px solid var(--orange); outline-offset: -2px; }

.st-meter { display: block; height: 6px; border-radius: 99px; background: #f1f3f7; overflow: hidden; margin: 4px 0 2px; }
.st-meter i { display: block; height: 100%; background: var(--green); border-radius: 99px; }

.st-match { display: flex; flex-wrap: wrap; gap: 8px; }
.st-mchip { border: 1.5px solid var(--line); background: #fff; border-radius: 12px; padding: .4rem .8rem; font: inherit; font-weight: 800; font-size: .82rem; color: var(--ink); cursor: pointer; transition: border-color .18s, background .18s; }
.st-mchip b { font-size: 1rem; margin-inline-end: 4px; }
.st-mchip--ok b { color: var(--green); }
.st-mchip--warn b { color: #b45309; }
.st-mchip--bad b { color: var(--red); }
.st-mchip--none b { color: var(--muted); }
.st-mchip:hover { border-color: var(--orange); }
.st-mchip.is-on { border-color: var(--dark); background: #f4f6fa; }
.st-mchip:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }

.st-col { fill: #29abe2; transition: fill .15s; }
.st-col:hover { fill: #1b8fc0; }
.sd-legend .st-lg-col { background: #29abe2; }

.st-sub { display: block; color: var(--muted); font-size: .72rem; font-weight: 700; margin-top: 2px; }
.st-muted { color: var(--muted); font-size: .78rem; }
.st-matrix td.st-heat { text-align: center; background: rgba(247, 147, 30, var(--a, 0)); font-weight: 800; cursor: pointer; transition: filter .15s; }
.st-matrix td.st-heat:not([style]) { color: #cbd2dc; cursor: default; background: none; }
.st-matrix td.st-heat:hover[style] { filter: brightness(.94); }
.st-matrix td.st-heat:focus-visible { outline: 2px solid var(--dark); outline-offset: -2px; }
.st-matrix th { text-align: center; }
.st-matrix th:first-child { text-align: start; }

.st-tag { white-space: nowrap; }
.st-tag--ok { background: #e8f7ee; color: #166534; }
.st-tag--warn { background: #fff4e0; color: #9a5b00; }
.st-tag--bad { background: #fde8ea; color: #b4232f; }
.st-tag--none { background: #f1f3f7; color: var(--muted); }
.st-note { display: block; margin-top: 4px; color: #92400e; font-size: .72rem; font-weight: 700; line-height: 1.6; max-width: 320px; white-space: normal; }
.st-tks { max-width: 260px; }
.st-tk { display: inline-block; font-family: ui-monospace, monospace; font-size: .74rem; padding: 1px 6px; border-radius: 6px; background: #f4f6fa; margin: 1px 0; white-space: nowrap; }
.st-tk--both { background: #e8f7ee; color: #166534; }
.st-tk--invoice { background: #eaf4ff; color: #1e4f8a; }
.st-review { border-inline-start: 4px solid #f59e0b; }
.st-more { margin-top: 10px; }

@media (max-width: 640px) {
  .st-f { min-width: calc(50% - 6px); flex: 1; }
  .st-f select { max-width: none; }
  .st-tks, .st-note { max-width: none; }
}
@media print {
  #print.st { position: static; display: block; }
  #print .st-filters, #print .st-match, #print .st-more { display: none !important; }
}