/* Penyesuaian kecil di atas Tabler: warna hijau dokumen dan beberapa komponen formulir. */
:root {
  --tblr-primary: #1f6f4a;
  --tblr-primary-rgb: 31, 111, 74;
}
.navbar-vertical { --tblr-navbar-bg: #173f2d; }
.navbar-vertical .nav-link.active { background: rgba(255, 255, 255, .08); }
.navbar-vertical .nav-grup { font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; opacity: .55; padding: 1rem 1rem .25rem; }
.navbar-vertical .nav-link-sub { display: block; font-size: .72rem; opacity: .6; line-height: 1.2; white-space: normal; }
.brand-sub { display: block; font-size: .72rem; font-weight: 400; opacity: .7; }
.pl { white-space: pre-line; }
.is-auto { background-color: var(--tblr-azure-lt); }
.skor { gap: .25rem; flex-wrap: wrap; }
.skor .form-selectgroup-item { margin: 0; }
.skor .form-selectgroup-label { min-width: 2rem; padding: .25rem .4rem; }
.skor .form-selectgroup-input:checked + .form-selectgroup-label { background: var(--tblr-primary); border-color: var(--tblr-primary); color: #fff; }
.bilah-aksi { position: sticky; bottom: .75rem; z-index: 5; box-shadow: 0 .25rem 1rem rgba(0, 0, 0, .08); }
.bahan { position: sticky; top: 1rem; max-height: calc(100vh - 2rem); overflow-y: auto; }
.bahan .accordion-button { font-size: .875rem; padding: .75rem 1rem; }
.bahan table { table-layout: fixed; overflow-wrap: anywhere; font-size: .78rem; }
.bahan th:first-child { width: 3rem; }
.bahan th { white-space: normal; }
.indikator + .indikator { border-top: 1px solid var(--tblr-border-color); }
.tbl-murid select { min-width: 4.2rem; }
.tbl-murid tr.berstatus td { background: var(--tblr-yellow-lt); }
.tbl-murid tr.lengkap .total { color: var(--tblr-green); }
.tanggal-hari { font-size: .65rem; display: block; opacity: .75; line-height: 1; }
.pilih-hari .btn { flex-direction: column; line-height: 1.1; padding-top: .3rem; padding-bottom: .3rem; }
.status-sel { display: block; text-decoration: none; }
@media (max-width: 575.98px) {
  .bilah-aksi { bottom: .5rem; padding: .5rem !important; }
  .bilah-aksi .btn { flex: 1 1 0; }
  .bilah-aksi [data-status-simpan] { order: -1; width: 100%; margin: 0 !important; text-align: center; }
}
/* Laci Bahan, identitas ringkas, tabel murid, dan penanda hari ini */
.laci-bahan { --tblr-offcanvas-width: min(560px, 100vw); --bs-offcanvas-width: min(560px, 100vw); }
.laci-bahan .accordion-button { font-size: .875rem; padding: .75rem 1rem; }
.laci-bahan table { table-layout: fixed; overflow-wrap: anywhere; font-size: .78rem; }
.laci-bahan .table thead th, .laci-bahan th { white-space: normal; overflow-wrap: anywhere; }
.laci-bahan th:first-child { width: 3rem; }
.chip-id { display: inline-block; max-width: 20rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; vertical-align: middle; }
.tbl-wadah { max-height: 70vh; overflow: auto; }
.tbl-wadah thead th { position: sticky; top: 0; z-index: 2; background: var(--tblr-bg-surface-secondary, #f6f8fb); }
.pilih-hari .btn.hari-ini { box-shadow: inset 0 -3px 0 var(--tblr-orange); }

/* Tautan nama petugas ke akun */
.icon.icon-sm { width: 1rem; height: 1rem; margin-right: .2rem; vertical-align: -.15em; }
.pilih-orang .form-selectgroup-label { padding: .25rem .65rem; }

/* Matriks analisis */
.tbl-matriks th, .tbl-matriks td { padding-left: .35rem; padding-right: .35rem; }
.tbl-matriks thead tr:first-child th[colspan] { border-left: 1px solid var(--tblr-border-color); }
.sel-perhatian { box-shadow: inset 0 0 0 2px var(--tblr-red); }