/* Minimal custom styles alongside Tailwind (loaded via CDN) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
html,body{height:100%}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial}

/* keep table responsive */
#kamarTable td, #kamarTable th{white-space:nowrap}

/* Statistik ringkas: angka besar dan kontras */
.stat-card{border:1px solid rgba(15,107,49,0.06)}
.stat-value{letter-spacing:-0.02em}
.stat-card .stat-label{opacity:0.9}

@media (min-width:640px){
	.stat-value{font-size:2.5rem}
}

/* Per-kartu kelas: angka lebih menonjol */
.card-num { font-weight: 800; letter-spacing: -0.02em; }
.card-num-lg { font-size: 1.5rem; }
@media (min-width:640px){
	.card-num-lg { font-size: 2rem; }
}

.card-note { font-size: 0.75rem; color: #64748b; }

.autoscroll-toggle { font-size: 0.9rem }
.autoscroll-status { font-size: 0.8rem; color: #334155 }