:root { --sc-biru: #14506b; --sc-garis: #dfe4e8; }
body { background: #f4f6f8; color: #1d2a33; }
.sc-nav { background: var(--sc-biru); }
.sc-main { max-width: 1500px; }
.sc-login { max-width: 420px; margin: 8vh auto 0; }
.sc-narrow { max-width: 620px; }
.sc-stat { background: #fff; border: 1px solid var(--sc-garis); border-radius: 8px; padding: .85rem 1rem; height: 100%; }
.sc-stat span { display: block; color: #5a6b76; font-size: .82rem; }
.sc-stat strong { display: block; font-size: 1.15rem; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.sc-stat small { color: #5a6b76; }
.sc-status { display: flex; justify-content: space-between; align-items: center; background: #fff; border: 1px solid var(--sc-garis); border-radius: 8px; padding: .6rem .8rem; text-decoration: none; color: inherit; }
.sc-status:hover { border-color: var(--sc-biru); }
.sc-card { background: #fff; border: 1px solid var(--sc-garis); border-radius: 8px; }
.table-sc { background: #fff; margin-bottom: 0; font-size: .9rem; }
.table-sc th { white-space: nowrap; background: #eef2f5; font-weight: 600; }
.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sc-qr canvas, .sc-qr img { display: block; }
.sc-kunci { word-break: break-all; }
.sc-baris { border: 1px solid var(--sc-garis); border-radius: 8px; padding: .75rem; margin-bottom: .75rem; background: #fbfcfd; }
.sc-timeline { list-style: none; padding: 0; margin: 0; }
.sc-timeline li { border-left: 2px solid var(--sc-garis); padding: 0 0 .85rem .85rem; }
.text-selisih { color: #b02a37; font-weight: 600; }
.hanya-cetak { display: none; }
@media print {
  .no-print { display: none !important; }
  .hanya-cetak { display: block; }
  body { background: #fff; font-size: 11px; }
  .sc-main { max-width: none; padding: 0; }
  .table-responsive { overflow: visible; }
  @page { size: A4 landscape; margin: 10mm; }
}
.sc-formlebar { max-width: 900px; }
.sc-catatan { min-width: 160px; }
.sc-nav .nav-link { white-space: nowrap; font-size: .9rem; }
@media (max-width: 1500px) { .sc-nav .navbar-nav .nav-link .bi { display: none; } }