/* Full-width Responsive Reset & Card Behavior */
html, body {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
main {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
section {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
[x-cloak]{display:none!important}
.kpi{background:#fff;border-radius:.5rem;padding:.75rem;box-shadow:0 1px 2px #0002;font-size:.8rem;color:#64748b}
.kpi-n{font-size:1.7rem;font-weight:700;color:#1e293b}
.card{background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 1px 2px #0002;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.h{font-weight:700;margin-bottom:.5rem}
.tbl{border-collapse:collapse;width:100%}
.tbl th{background:#1e3a8a;color:#fff;padding:5px 6px;text-align:left;position:sticky;top:0;font-size:11px}
.tbl td{border:1px solid #e2e8f0;padding:4px 6px;vertical-align:top}
.inp{width:100%;border:1px solid #cbd5e1;border-radius:.3rem;padding:.3rem .45rem;background:#fff;font-size:.85rem}
.inp:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}
.btn{color:#fff;padding:.35rem .8rem;border-radius:.3rem;font-size:.82rem;background:#2563eb;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;font-weight:500}
.btn:hover{opacity:.9}
.btn:disabled{opacity:.5;cursor:not-allowed}
.badge{padding:.2rem .7rem;border-radius:999px;font-weight:700;font-size:.78rem}
.st-APPROVED{background:#86efac;color:#14532d}.st-DRAFT,.st-REVISI{background:#fde047;color:#713f12}.st-EMPTY{background:#fbcfe8;color:#831843}.st-NA{background:#d1d5db;color:#374151}
.st-WAIT_ASMAN,.st-WAIT_K3L,.st-WAIT_MGR{background:#93c5fd;color:#1e3a8a}
.role-badge{padding:2px 8px;border-radius:999px;font-weight:700;font-size:10px}
.role-ADMIN{background:#f3e8ff;color:#6b21a8;border:1px solid #d8b4fe}
.role-K3L{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}
.role-MANAGER{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.role-ASMAN{background:#fef3c7;color:#92400e;border:1px solid #fde68a}
.role-PIC{background:#cffafe;color:#155e75;border:1px solid #a5f3fc}
.lg{padding:2px 8px;border-radius:4px;font-weight:600}
.rk{padding:2px 6px;border-radius:4px;font-size:.7rem;white-space:nowrap;font-weight:600}
.r1{background:#00b050;color:#fff}.r2{background:#c6e0b4;color:#1e3a1e}.r3{background:#ffeb3b;color:#423000}.r4{background:#ffc000;color:#3d2000}.r5{background:#f00;color:#fff}.r0{background:#e5e7eb;color:#374151}
.zr{background:#ef4444;color:#fff}.zo{background:#fb923c;color:#fff}.zk{background:#fde047;color:#374151}.zh{background:#86efac;color:#14532d}.zn{background:#e5e7eb;color:#374151}
.chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;background:#f1f5f9;border:1px solid #cbd5e1;cursor:pointer;margin:2px;transition:all .15s}
.chip:hover{background:#e2e8f0;border-color:#94a3b8}
.row-needs-revision{background-color:#fef9c3!important}
@media print{header,section:not([x-show*="qr"]) .card:first-child{display:none}}