/* Halaman Izin: tabel dikelompokkan per tanggal pengajuan. Pelengkap status.css; hanya memakai token. */
.table--days tbody + tbody { border-top: 1px solid var(--line-strong); }
.table--days .day-row th {
    padding: var(--sp-3) var(--sp-4); background: var(--subtle); border-bottom: 1px solid var(--line);
    font-size: var(--fs-base); font-weight: 600; color: var(--ink); white-space: normal;
}
.day-row__in { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); }
.day-row__n { margin-left: auto; font-size: var(--fs-xs); font-weight: 500; color: var(--muted); font-variant-numeric: tabular-nums; }
.table--days .day-row:hover { background: transparent; }

.person { font-weight: 600; }
.col-note { min-width: 15rem; }
.table--days td:first-child { min-width: 9rem; }
.cell-note--text { white-space: pre-line; }
.cell-note--comment { color: var(--muted); font-size: var(--fs-xs); }
.row-dim td { color: var(--muted); }
.row-dim .person { font-weight: 500; }

/* Kartu HP: judul hari menjadi pemisah penuh, bukan kartu berlabel. */
@container tbl (max-width: 34rem) {
    .col-note { min-width: 0; }
    .table--days .day-row { padding: 0; }
    .table--days .day-row th { display: block; width: 100%; }
}