/* BOCATS integrated department operations */
.flow-nav-icon{width:19px;height:19px;display:grid;place-items:center;flex:0 0 19px;color:#0c9e8c;font-size:15px}
.flow-workspace{display:grid;gap:18px}
.flow-header{background:linear-gradient(108deg,#1a3448,#156a66);border-radius:16px;padding:26px;color:#fff}
.flow-header h3{font-size:21px;color:#fff;font-weight:800;letter-spacing:-.035em}
.flow-header p{font-size:12px;color:#d7ebe8;margin-top:7px}
.flow-action-list{display:flex;flex-wrap:wrap;gap:9px}
.flow-action{padding:11px 14px;background:#fff;border:1px solid #c9e4dd;color:#06746b;font-size:12px;font-weight:780;border-radius:10px;min-height:44px;max-width:100%}
.flow-action:hover,.flow-action:focus-visible{background:#e6f7f2;border-color:#76c2b5}
.flow-records{display:grid;gap:17px}
.flow-card{background:#fff;border:1px solid #dfe9ef;border-radius:16px;padding:19px 20px;box-shadow:0 5px 17px #143c5008;min-width:0}
.flow-card h3{font-size:15px;font-weight:790;margin-bottom:15px}
.flow-list{display:grid;gap:7px}
.flow-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px;padding:11px 13px;border:1px solid #e8eef3;border-radius:10px;background:#f8fbfc}
.flow-cell{min-width:0;display:grid;gap:4px}
.flow-cell small{font-size:10px;color:#7e92a0;text-transform:capitalize}
.flow-cell strong{font-size:11px;color:#284a5c;font-weight:750;overflow-wrap:anywhere;white-space:pre-line}
.flow-empty{font-size:12px;color:#8598a3;padding:12px}
.flow-success,.flow-error{border-radius:11px;padding:13px;color:#0b6e57;background:#e8f7ee;border:1px solid #c8e7d6;font-size:12px}
.flow-error{color:#9a3b45;background:#fff2f2;border-color:#f1d7d9}
.flow-dialog{width:min(690px,calc(100vw - 26px));max-height:93svh;padding:22px;overflow:auto;border:1px solid #dce7ee;border-radius:18px}
.flow-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.flow-dialog-top h3{font-size:19px}
.flow-privacy{font-size:12px;color:#728898;margin:14px 0 18px;line-height:1.55}
.flow-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.flow-field{display:grid;gap:7px;min-width:0}
.flow-field span{color:#4d6878;font-size:12px;font-weight:700}
.flow-field input,.flow-field textarea,.flow-field select{width:100%;min-width:0}
.flow-field:has(textarea){grid-column:1/-1}
.flow-field small{font-size:11px;color:#985963}
.flow-form-bottom{display:flex;justify-content:flex-end;padding-top:17px}
.flow-form-error{font-size:12px;color:#ad3944;margin-top:13px}
@media(max-width:680px){.flow-fields{grid-template-columns:1fr}.flow-card{padding:15px}.flow-dialog{padding:17px}.flow-row{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-header{padding:19px}.flow-action-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.flow-action{min-height:50px}}
@media(max-width:410px){.flow-action-list{grid-template-columns:1fr}.flow-row{grid-template-columns:1fr}}

#patient-camera-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}
.patient-hero-actions{display:flex;flex-wrap:wrap;gap:8px}
@media print{
  body *{visibility:hidden!important}
  #patient-print-card,#patient-print-card *{visibility:visible!important}
  #patient-print-card{display:block!important;position:fixed;inset:0;background:white;border:2px solid #0e6860;padding:25px;width:410px;height:240px;color:#1b3d47;font-family:Arial,sans-serif}
  #patient-print-card img{float:right}
  #patient-print-card h2{font-size:19px}
  #patient-print-card strong{display:block;font-size:18px;margin-top:24px}
  #patient-print-card p{font-size:12px;margin-top:7px}
  #patient-print-card small{display:block;font-size:9px;margin-top:19px}
}

.flow-daily-summary{padding:15px 17px;background:#f0faf7;border:1px solid #cceadf;border-radius:12px;color:#236e60;font-size:12px;line-height:1.6;font-weight:770}
.flow-receipt-button{border:1px solid #d0e5e0;border-radius:8px;background:#ecf8f3;color:#087968;font-weight:740;font-size:11px;min-height:36px;padding:8px 10px}
.flow-receipt-button:hover{background:#dcf4eb}
@media print{
  #patient-print-card[hidden],#flow-receipt-card[hidden]{display:none!important}
  body *{visibility:hidden!important}
  #flow-receipt-card:not([hidden]),#flow-receipt-card:not([hidden]) *{visibility:visible!important}
  #flow-receipt-card:not([hidden]){display:block!important;position:absolute;inset:0;width:440px;background:white;padding:25px;border:1px solid #0a7d73;color:#173948;font:13px Arial,sans-serif}
  #flow-receipt-card .flow-receipt-head{display:flex;align-items:center;gap:14px;border-bottom:1px solid #bfd3d8;padding-bottom:15px}
  #flow-receipt-card .flow-receipt-head strong{font-size:17px}
  #flow-receipt-card h2{margin:24px 0;font-size:27px}
  #flow-receipt-card p{margin:9px 0;overflow-wrap:anywhere}
  #flow-receipt-card small{display:block;margin-top:18px;font-size:10px}
}