.card{background:#fff;border-radius:12px;padding:14px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.btn-main{background:#0f766e;color:#fff;padding:8px 14px;border-radius:8px;font-weight:600;font-size:14px}
.btn-main:hover{background:#115e59}
.btn-sub{background:#e2e8f0;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600}
.btn-sub:hover{background:#cbd5e1}
.btn-sub-danger{background:#fee2e2;color:#b91c1c;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600}
.inp{border:1px solid #cbd5e1;border-radius:8px;padding:7px 10px;font-size:14px;background:#fff}
.lbl{font-size:12px;color:#475569;font-weight:600}
table.tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}
table.tbl th{background:#f1f5f9;text-align:left;padding:8px;white-space:nowrap;position:sticky;top:0}
table.tbl td{border-top:1px solid #e2e8f0;padding:7px 8px;vertical-align:top}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}
.b-green{background:#dcfce7;color:#15803d}.b-red{background:#fee2e2;color:#b91c1c}
.b-yellow{background:#fef9c3;color:#a16207}.b-blue{background:#dbeafe;color:#1d4ed8}
.b-gray{background:#f1f5f9;color:#475569}
.navbtn{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:9px 12px;border-radius:8px;color:#ccfbf1}
.navbtn:hover{background:#115e59}
.navbtn.active{background:#fff;color:#0f766e;font-weight:700}
.page{animation:fade .2s}
@keyframes fade{from{opacity:.4}to{opacity:1}}
@media print{
  aside, header, nav, #bottomNav, #drugModal, #scanModal, button, select, input, .no-print{display:none !important;}
  main{padding:8px !important; max-width:100% !important;}
  body{background:#fff !important;}
  .card{box-shadow:none !important; border:1px solid #ddd; break-inside:avoid;}
  .page.yes{display:block !important;}
}