:root { --sos-green:#00a651; }
body { background:#f7f8fa; }
.brand-logo { height:34px; background:white; border-radius:4px; padding:2px; }
.login-bg { background:linear-gradient(135deg,#f5fff8,#e8f6ee); }
.login-card { width:100%; max-width:420px; border:0; border-radius:18px; }
.login-logo { max-width:220px; }
.kpi { border:0; border-radius:16px; box-shadow:0 4px 16px rgba(0,0,0,.06); }
.card { border-radius:16px; }
.signature-box { border:2px dashed #adb5bd; background:white; border-radius:14px; width:100%; height:256px; }
.signature-box.signature-enabled { touch-action:none; cursor:crosshair; border-color:#198754; box-shadow:0 0 0 .15rem rgba(25,135,84,.15); }
.signature-box.signature-disabled { touch-action:auto; cursor:default; background:#fbfbfb; }
.mobile-step { border-left:5px solid var(--sos-green); }
.internal-card { border-left-color:#f59f00; background:#fffdf6; }
.form-label { font-weight:600; }
.badge-soft { background:#eef7f0; color:#106c37; border:1px solid #ccebd6; }
@media print {
  nav, .btn, form, .internal-only, .no-print { display:none !important; }
  body { background:white; }
  .card { border:1px solid #ddd !important; box-shadow:none !important; }
  main.container { max-width:100% !important; }
}
@media (max-width: 768px) {
  main.container { padding-left:12px; padding-right:12px; }
  .btn { min-height:42px; }
  input, select, textarea { font-size:16px !important; }
  .signature-box { height:288px; }
}