body { -webkit-tap-highlight-color: transparent; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; }
.inp { width:100%; background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:7px 10px; font-size:12px; color:#0f172a; }
.inp:focus { outline:none; box-shadow:0 0 0 2px #10b981; border-color:transparent; background:#fff; }
.inp:disabled { opacity:.6; cursor:not-allowed; }
.lbl { display:block; font-size:10px; font-weight:700; color:#475569; margin-bottom:3px; }
.btn { padding:6px 12px; border-radius:12px; font-size:12px; font-weight:700; transition:.15s; display:inline-block; }
.btn:active { transform:scale(.97); }
.btn-g { background:#059669; color:#fff; } .btn-g:hover { background:#10b981; }
.btn-d { background:#0f172a; color:#fff; } .btn-d:hover { background:#1e293b; }
.btn-l { background:#f1f5f9; color:#334155; } .btn-l:hover { background:#e2e8f0; }
.btn-b { background:#2563eb; color:#fff; } .btn-b:hover { background:#3b82f6; }
.btn-r { background:#fff1f2; color:#be123c; border:1px solid #fecdd3; } .btn-r:hover { background:#ffe4e6; }
.card { background:#fff; border:1px solid #e2e8f0; border-radius:18px; }
.chip { font-size:10px; font-weight:700; padding:2px 8px; border-radius:999px; white-space:nowrap; display:inline-block; }
.a4 { background:#fff; width:100%; max-width:720px; padding:36px 40px; color:#0f172a; font-size:12px; border-radius:12px; box-shadow:0 10px 25px rgba(15,23,42,.12); border:1px solid #e2e8f0; }
.bp-grid { background-image: linear-gradient(#dbeafe 1px, transparent 1px), linear-gradient(90deg, #dbeafe 1px, transparent 1px); background-size: 22px 22px; }
@media print {
  body * { visibility: hidden !important; }
  #docPreview, #docPreview * { visibility: visible !important; }
  #docPreview { position: absolute; left: 0; top: 0; width: 100% !important; zoom: 1 !important; padding: 0 !important; background: #fff !important; }
  .a4 { box-shadow: none !important; border: none !important; border-radius: 0 !important; max-width: 100% !important; page-break-after: always; break-after: page; }
  .a4:last-child { page-break-after: avoid; break-after: avoid; }
}