/* MedixFlow Global styles */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
.valid.modified:not([type=checkbox]) { outline: 1px solid #16a34a; }
.invalid { outline: 1px solid #dc2626; }
.validation-message { color: #dc2626; font-size: 0.75rem; margin-top: 0.25rem; }
#blazor-error-ui { display: none; position: fixed; bottom: 1rem; right: 1rem; z-index: 9999; background: #dc2626; color: white; padding: 0.75rem 1rem; border-radius: 0.75rem; font-size: 0.875rem; box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
#blazor-error-ui a { color: white; font-weight: 600; text-decoration: underline; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }

/* ?? Print styles ??????????????????????????????????????????????????????????? */
@media print {
    /* Hide everything except the designated print area */
    body > * { display: none !important; }
    #print-area { display: block !important; width: 100%; padding: 1.5rem; font-size: 11pt; color: #000; background: #fff; }
    #print-area * { color: #000 !important; background: transparent !important; border-color: #888 !important; box-shadow: none !important; }
    /* Badge / chip overrides */
    #print-area .rounded-full { border: 1px solid #888 !important; padding: 1px 6px; }
    /* Page settings */
    @page { margin: 1.5cm; size: A4; }
}