/* ─── variables ─── */
$blue-50 : #eff6ff; $blue-600:#2563eb; $slate-600:#475569; $gray-50:#f8fafc;
$radius  : .75rem;  $shadow:0 14px 30px -18px rgba(0,0,0,.18);

/* ─── Layout ─── */
.gap-wrap{max-width:1200px;margin:auto;padding:2.2rem 1rem}
.txt-center{text-align:center}

/* ─── Headings ─── */
.big-title{font:700 1.9rem/1.3 'Inter',sans-serif;color:$slate-600;
  span{color:$blue-600}}
.sub-title{font:600 1.35rem/1.25 'Inter',sans-serif;margin-top:.3rem;color:$blue-600}
.date-title{font:600 1rem/1.2 'Inter',sans-serif;margin-top:.4rem;color:$slate-600}

/* ─── Table ─── */
.table-scroll{overflow-x:auto;border-radius:$radius;box-shadow:$shadow}
.gap-table{width:100%;border-collapse:collapse;font-size:.9rem;text-align:center}
thead{background:$blue-600;color:#fff}
.head-row th{padding:.65rem .4rem;font-weight:600;white-space:nowrap}
tbody td{padding:.55rem .4rem}

.body-row:nth-child(odd){background:#fff}
.body-row:nth-child(even){background:$blue-50}
.body-row:hover{background:#dbeafe}

.foot-row{background:#d1d5db;font-weight:700}

.sticky-col{position:sticky;left:0;background:inherit;padding-left:.85rem;text-align:left}

/* reason col hide on <640px */
.reason-col{ @media(max-width:639px){display:none} }
