/* ---- beranda ---- */
.dgrp{padding:8px 0;border-bottom:1px solid #f2f1ec}
.dgrp:last-child{border-bottom:none}
.dgrp-h{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;font-size:13.5px;margin-bottom:2px}
.dgrp-h b{font-weight:700}
.dgrp-h a:hover b{color:var(--brand)}
.dmasalah{color:var(--t-warn-fg)}

.d7g{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
@media(max-width:760px){ .d7g{grid-template-columns:repeat(4,1fr)} }
@media(max-width:460px){ .d7g{grid-template-columns:repeat(2,1fr)} }
.d7{border:1px solid var(--line);border-radius:9px;padding:8px 9px;background:var(--card);display:block;min-height:74px}
.d7:hover{border-color:var(--brand)}
.d7.kosong7{background:#fbfaf7;opacity:.72}
.d7-l{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2)}
.d7-d{display:block;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.3px}
.d7-n{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}
.d7-e{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35}

/* ---- pilih ruangan + ketersediaan (form acara baru) ---- */
.ruangbox{display:grid;gap:6px;margin-bottom:6px}
.rgo{display:grid;grid-template-columns:20px 1fr auto;gap:8px 10px;align-items:center;
  border:1px solid var(--line);border-radius:9px;padding:9px 11px;cursor:pointer;background:var(--card)}
.rgo:hover{border-color:var(--brand)}
.rgo input{width:17px;height:17px;margin:0}
.rgo-n{font-weight:700;font-size:14px}
.rgo-n i{font-style:normal;font-weight:400;color:var(--muted);font-size:12px;margin-left:6px}
.rgo-k{grid-column:2/-1;font-size:12px;color:var(--ink2);line-height:1.35}
.rgo.penuh{background:#fbfaf7;cursor:not-allowed;border-style:dashed}
.rgo.penuh .rgo-n{color:var(--ink2)}
.rgo.penuh .rgo-k{color:var(--t-bad-fg)}
.rgo:has(input:checked){border-color:var(--brand);background:var(--brand-l)}

/* agenda hari itu — konteks saat memilih ruangan */
.harilain{margin:8px 0 2px;border-top:1px dashed var(--line);padding-top:8px}
.hl-h{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);margin-bottom:4px}
.hl-h.kosong-hari{font-weight:600;letter-spacing:0;text-transform:none;font-size:12.5px}
.hl-i{font-size:12.5px;padding:2px 0;display:flex;gap:8px}
.hl-i b{font-variant-numeric:tabular-nums;flex:0 0 92px}
.ruang-err{color:var(--t-bad);font-size:12.5px;font-weight:600;margin:-2px 0 6px}
/* tanggal dibacakan ulang dalam standar app (hari + YY/MM/DD) */
.bacatgl{font-size:13px;font-weight:700;margin:-4px 0 10px}
.bacatgl .muted{font-weight:500}
/* Label kecil di dalam satu bagian — bukan judul bagian baru, supaya jadwal
   dan ruangan terbaca sebagai satu keputusan yang sama. */
.sub-lbl{font-size:11.5px;font-weight:700;color:var(--ink2);margin:2px 0 6px}

/* pipeline: arti tahap di kepala kolom + kolom yang sudah selesai diredupkan */
.pipe-k{font-size:11px;color:var(--ink2);line-height:1.35;padding:0 4px 8px;
  border-bottom:1px solid var(--line);margin-bottom:8px}
.pipe-tutup{opacity:.68}
.pi-s{font-size:12px;color:var(--ink2);margin-top:1px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ruangan yang masih dipakai prospek: boleh dipilih, tapi tidak boleh luput dilihat */
.rgo.ragu{background:#fffdf7;border-color:#f0dcb0}
.rgo.ragu .rgo-k{color:var(--t-warn-fg)}
.dpic{font-size:11.5px;color:var(--ink2);flex:1 1 100%}
.hi span .lk{font-weight:600}