/* DCMS — Global App Styles */
html, body {
    font-family: 'Roboto', sans-serif;
    background-color: #F5F7FA;
}

/* Blazor error UI */
#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* Recording blink animation */
@keyframes blink {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0; }
}

/* Monospace patient/case codes */
.code-cell {
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;
    color: #555;
}

/* Subtle section dividers */
.section-label {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #888;
    padding: 0 16px;
    margin-top: 12px;
}

/* MudBlazor overrides */
.mud-nav-link.active {
    background-color: rgba(21, 101, 192, 0.1) !important;
    color: #1565C0 !important;
    font-weight: 600;
}

/* ── Z-index fixes ── */
/* MudBlazor Snackbar must render above all custom modals (z-index:9999) */
.mud-snackbar-location-bottom-right,
.mud-snackbar-location-bottom-left,
.mud-snackbar-location-top-right,
.mud-snackbar-location-top-left,
.mud-snackbar-location-bottom-center,
.mud-snackbar-location-top-center {
    z-index: 99999 !important;
}

/* MudBlazor Popover/Overlay must also sit above custom modals */
.mud-overlay-scrim { z-index: 10000 !important; }
.mud-popover-provider { z-index: 10001 !important; }

/* MudBlazor Dialog must sit above custom modals */
.mud-dialog-container { z-index: 10002 !important; }

/* Input error state */
.input-error { border-color: #EF4444 !important; box-shadow: 0 0 0 2px rgba(239,68,68,0.15) !important; }
.err-msg { font-size: 12px; color: #EF4444; margin-top: 2px; }