/* รอบ 68: ส่วนลดอัตโนมัติ (/school/fees/discounts) — prefix sdc- (แท็บใช้ sfe-tabs ของ school-fees.css)
   ใช้คู่กับ fit.css · สีจากตัวแปรใน :root ของ app.css (โหมดมืดใช้ได้) · มือถือ 390px ไม่เลื่อนแนวนอน (ตารางเป็นการ์ด) */

.sdc-year { display: flex; flex-direction: column; gap: 3px; min-width: 0; font-size: .8rem; color: var(--muted); }
.sdc-year select { min-width: 0; max-width: 240px; min-height: 40px; }
.sdc-body { gap: 10px; }
.sdc-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; flex: none; }
.sdc-rule-hint { margin: 0; flex: 1 1 320px; min-width: 0; }
.sdc-search { flex: 1 1 260px; max-width: 420px; }
.sdc-name { overflow-wrap: anywhere; margin-right: 6px; }
.sdc-sub { display: block; margin-top: 2px; font-size: .78rem; }
.sdc-items { display: inline-block; max-width: 280px; overflow-wrap: anywhere; font-size: .88rem; }
.sdc-acts { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.sdc-del { color: var(--danger); }
.sdc-table td { vertical-align: middle; }

.sdc-items-pick { gap: 6px; }
.sdc-items-pick legend { font-weight: 600; }
.sdc-items-pick p { margin: 0; }
.sdc-checks { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 4px 12px; }
.sdc-checks .check { min-width: 0; }
.sdc-checks .check span { overflow-wrap: anywhere; }
.sdc-flags { display: flex; flex-wrap: wrap; gap: 8px 18px; }

.sdc-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.sdc-kpis > div { min-width: 0; padding: 8px 12px; border-radius: var(--radius-sm); background: var(--bg); display: flex; flex-direction: column; }
.sdc-kpis span { font-size: .78rem; color: var(--muted); }
.sdc-kpis strong { font-size: 1.02rem; overflow-wrap: anywhere; }
.sdc-kpis .good strong { color: var(--ok); }
.sdc-kpis .bad strong { color: var(--danger); }
.sdc-same { margin: 0; color: var(--ok); font-weight: 600; }
.sdc-pv-wrap { max-height: 46vh; overflow: auto; overscroll-behavior: contain; }

/* แผงนักเรียน: กลุ่มส่วนลด + ป้ายส่วนลดอัตโนมัติของงวด */
.sdc-st-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 8px; }
.sdc-tag {
  display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 12px; border-radius: 999px;
  border: 1px solid var(--line); background: var(--surface); color: var(--ink); font: inherit; font-size: .86rem; cursor: pointer;
}
.sdc-tag.on { border-color: var(--ok); background: var(--ok-soft); color: var(--ok); font-weight: 600; }
.sdc-tag:disabled { cursor: default; opacity: .7; }
.sdc-tag.ro { cursor: default; }
.sdc-auto { display: block; font-size: .76rem; color: var(--ok); overflow-wrap: anywhere; }

@media (max-width: 760px) {
  .sdc-year { flex: 1 1 auto; }
  .sdc-year select { max-width: none; width: 100%; }
  .sdc-kpis { grid-template-columns: minmax(0, 1fr); }
  .sdc-items { max-width: none; }
  .sdc-acts { justify-content: flex-start; }
  .sdc-search { max-width: none; }
}