/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Layout styles to match your old application */
html[b-x66ufkc3r4], body[b-x66ufkc3r4] {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

#full-page-div[b-x66ufkc3r4] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.sub-div[b-x66ufkc3r4] {
    width: 100%;
}

/* Header (Logo + User Info) */
.header[b-x66ufkc3r4] {
    height: 50px; /* Increased from 38px to provide more space */
    background: url('/images/background.jpg') no-repeat;
    background-size: cover;
}

.sub-sub-div[b-x66ufkc3r4] {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.left-col[b-x66ufkc3r4] {
    text-align: left;
    padding-left: 5px;
}

.right-col[b-x66ufkc3r4] {
    text-align: right;
    padding-right: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Menu Bar */
.menu-bar[b-x66ufkc3r4] {
    height: 26px;
    background-color: #eae8e8;
    display: flex;
    align-items: center;
}

/* Content Area */
.content-area[b-x66ufkc3r4] {
    flex: 1;
    background-color: white;
    overflow: auto;
}

/* Footer */
.footer[b-x66ufkc3r4] {
    height: 28px;
    background-color: #6ca1ff;
}

/* User Name styling */
.user-name[b-x66ufkc3r4] {
    color: white;
    font-size: 10pt;
    margin-right: 10px;
}

/* Menu styling */
[b-x66ufkc3r4] .rz-menu {
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 0;
}

[b-x66ufkc3r4] .rz-menuitem {
    display: inline-block;
    margin-right: 10px;
}

[b-x66ufkc3r4] .rz-menuitem-link {
    color: #333;
    font-weight: 500;
    padding: 4px 10px;
}

[b-x66ufkc3r4] .rz-menu .rz-navigation-item-link:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

/* Logo styling */
.logo-img[b-x66ufkc3r4] {
    height: 40px;
}

/* Button styling for header */
[b-x66ufkc3r4] .header .rz-button.rz-secondary {
    background-color: transparent !important;
    color: white !important;
    border: 1px solid white !important;
}

    [b-x66ufkc3r4] .header .rz-button.rz-secondary:hover {
        background-color: rgba(255, 255, 255, 0.2) !important;
    }

/* Footer text styling */
.footer[b-x66ufkc3r4] {
    color: white;
    font-size: 10pt;
}
/* /Components/Pages/Facility/StudyEditDialog.razor.rz.scp.css */
.study-edit-dialog[b-vckkf5x318] {
    min-width: 500px;
    max-width: 700px;
    --rz-input-focus-shadow: inset 0 0 0 1px green;
}

.patient-info-header[b-vckkf5x318] {
    background: var(--rz-primary-lighter);
    border-left: 4px solid var(--rz-primary);
    margin-bottom: 1rem;
}

.rz-formfield[b-vckkf5x318] {
    margin-bottom: 1rem;
}

/* Text inputs & textareas inside this dialog */
.study-edit-dialog[b-vckkf5x318]  input.rz-inputtext:focus,
.study-edit-dialog[b-vckkf5x318]  textarea.rz-inputtext:focus,
.study-edit-dialog[b-vckkf5x318]  .rz-textbox:focus {
    border-color: #16a34a !important;
    box-shadow: inset 0 0 0 1px #16a34a !important;
    outline: none;
}

/* Dropdowns / pickers gain a .rz-state-focus class */
.study-edit-dialog[b-vckkf5x318]  .rz-dropdown.rz-state-focus,
.study-edit-dialog[b-vckkf5x318]  .rz-autocomplete.rz-state-focus,
.study-edit-dialog[b-vckkf5x318]  .rz-multiselect.rz-state-focus,
.study-edit-dialog[b-vckkf5x318]  .rz-datepicker.rz-state-focus {
    border-color: #16a34a !important;
    box-shadow: inset 0 0 0 1px #16a34a !important;
}

.physician-dropdown[b-vckkf5x318] {
    position: relative;
    width: 100%;
}

.physician-input-container[b-vckkf5x318] {
    position: relative;
    display: flex;
    align-items: center;
}

.physician-clear-button[b-vckkf5x318] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #999;
    font-size: 16px;
    padding: 4px;
    z-index: 10;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .physician-clear-button:hover[b-vckkf5x318] {
        background-color: #f0f0f0;
        color: #666;
    }

.physician-textbox-with-clear[b-vckkf5x318] {
    padding-right: 30px !important;
}

.physician-suggestions[b-vckkf5x318] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ccc;
    border-top: none;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.physician-suggestion-item[b-vckkf5x318] {
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

    .physician-suggestion-item:hover[b-vckkf5x318] {
        background-color: #f5f5f5;
    }

    .physician-suggestion-item:last-child[b-vckkf5x318] {
        border-bottom: none;
    }
/* /Components/Pages/Facility/TechNotesDialog.razor.rz.scp.css */
.tech-notes-dialog[b-yaufyqmcz3] {
    min-width: 500px;
    max-width: 600px;
}

.patient-info-header[b-yaufyqmcz3] {
    background: var(--rz-primary-lighter);
    border-left: 4px solid var(--rz-primary);
    margin-bottom: 1rem;
}

.rz-formfield[b-yaufyqmcz3] {
    margin-bottom: 1rem;
}

/* Text inputs & textareas inside this dialog */
.tech-notes-dialog[b-yaufyqmcz3]  input.rz-inputtext:focus,
.tech-notes-dialog[b-yaufyqmcz3]  textarea.rz-inputtext:focus,
.tech-notes-dialog[b-yaufyqmcz3]  .rz-textbox:focus {
    border-color: #16a34a !important; /* green */
    box-shadow: 0 0 0 2px rgba(22,163,74,.2) !important;
    outline: none;
}

/* Dropdowns / pickers gain a .rz-state-focus class */
.tech-notes-dialog[b-yaufyqmcz3]  .rz-dropdown.rz-state-focus,
.tech-notes-dialog[b-yaufyqmcz3]  .rz-autocomplete.rz-state-focus,
.tech-notes-dialog[b-yaufyqmcz3]  .rz-multiselect.rz-state-focus,
.tech-notes-dialog[b-yaufyqmcz3]  .rz-datepicker.rz-state-focus {
    border-color: #16a34a !important;
    box-shadow: 0 0 0 2px rgba(22,163,74,.2) !important;
}

.physician-dropdown[b-yaufyqmcz3] {
    position: relative;
    width: 100%;
}

.physician-input-container[b-yaufyqmcz3] {
    position: relative;
    display: flex;
    align-items: center;
}

.physician-clear-button[b-yaufyqmcz3] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #999;
    font-size: 16px;
    padding: 4px;
    z-index: 10;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .physician-clear-button:hover[b-yaufyqmcz3] {
        background-color: #f0f0f0;
        color: #666;
    }

.physician-textbox-with-clear[b-yaufyqmcz3] {
    padding-right: 30px !important; /* Make room for the X button */
}

.physician-suggestions[b-yaufyqmcz3] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ccc;
    border-top: none;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.physician-suggestion-item[b-yaufyqmcz3] {
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

    .physician-suggestion-item:hover[b-yaufyqmcz3] {
        background-color: #f5f5f5;
    }

    .physician-suggestion-item:last-child[b-yaufyqmcz3] {
        border-bottom: none;
    }
/* /Components/Pages/Facility/TechView.razor.rz.scp.css */
/* FORCE CARD TO GROW WITH CONTENT */
/* FORCE CARD TO GROW WITH CONTENT */
.case-card[b-52v8izq2gn] {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    border-left: 5px solid #4caf50 !important; /* Default green */
}

    /* PRIORITY BORDER COLORS */
    .case-card.priority-stat[b-52v8izq2gn] {
        border-left-color: #dc3545 !important; /* Red for STAT */
    }

    .case-card.priority-urgent[b-52v8izq2gn] {
        border-left-color: #ff9800 !important; /* Orange for Urgent */
    }

    .case-card.priority-routine[b-52v8izq2gn] {
        border-left-color: #4caf50 !important; /* Green for Routine */
    }

    /* ISSUE CASE - Pink border */
    .case-card.issue-case[b-52v8izq2gn] {
        border-left-color: #e91e63 !important;
    }

    /* CLAIMED CASE - Orange border */
    .case-card.claimed-case[b-52v8izq2gn] {
        border-left-color: #ff9800 !important;
    }

/* FORCE DETAILS SECTION TO SHOW ALL CONTENT */
.card-details[b-52v8izq2gn] {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* FORCE EXAM ROW TO BE VISIBLE */
.exam-type-row[b-52v8izq2gn] {
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
}

    .exam-type-row .detail-value[b-52v8izq2gn] {
        display: block !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow: visible !important;
    }

/* FORCE ACTION BUTTONS TO BE VISIBLE */
.card-actions[b-52v8izq2gn] {
    display: flex !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 56px !important;
    overflow: visible !important;
}

.card-action-btn[b-52v8izq2gn] {
    display: flex !important;
    visibility: visible !important;
}


/* TechView.razor.css */

.mt-3[b-52v8izq2gn] {
    margin-top: 1rem;
}

.rz-datatable[b-52v8izq2gn] {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Row hover and selection styles */
.rz-datatable-data tr:hover[b-52v8izq2gn] {
    background-color: var(--rz-primary-lighter);
    transition: background-color 0.2s ease;
}

/* Selected row styling */
.rz-datatable-data tr.rz-datatable-row-selected[b-52v8izq2gn] {
    background-color: var(--rz-primary-light) !important;
    border-left: 4px solid var(--rz-primary);
    box-shadow: inset 0 0 0 1px var(--rz-primary-light);
}

    .rz-datatable-data tr.rz-datatable-row-selected:hover[b-52v8izq2gn] {
        background-color: var(--rz-primary) !important;
        color: white;
    }

    .rz-datatable-data tr.rz-datatable-row-selected td[b-52v8izq2gn] {
        border-color: var(--rz-primary-light);
    }

/* Selection info panel */
.selection-info-panel[b-52v8izq2gn] {
    animation: slideDown-b-52v8izq2gn 0.3s ease-out;
}

@keyframes slideDown-b-52v8izq2gn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.selection-info-panel .rz-card[b-52v8izq2gn] {
    background: linear-gradient(135deg, var(--rz-primary-lighter) 0%, var(--rz-primary-light) 100%);
    border: 1px solid var(--rz-primary);
    border-radius: 8px;
    padding: 0.5rem 1rem;
}

/* Action buttons */
.action-buttons[b-52v8izq2gn] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

    .action-buttons .rz-button[b-52v8izq2gn] {
        min-width: 36px;
        height: 36px;
    }

.case-grid[b-52v8izq2gn] {
    min-height: 500px;
}

    .case-grid .rz-datatable-data[b-52v8izq2gn] {
        min-height: 400px;
    }

/* Status indicators */
.status-completed[b-52v8izq2gn] {
    color: var(--rz-success);
    font-weight: 500;
}

.status-pending[b-52v8izq2gn] {
    color: var(--rz-warning);
    font-weight: 500;
}

.status-in-progress[b-52v8izq2gn] {
    color: var(--rz-info);
    font-weight: 500;
}

.status-cancelled[b-52v8izq2gn] {
    color: var(--rz-danger);
    font-weight: 500;
}

/* Priority indicators */
.priority-high[b-52v8izq2gn] {
    color: var(--rz-danger);
    font-weight: bold;
}

.priority-medium[b-52v8izq2gn] {
    color: var(--rz-warning);
    font-weight: 500;
}

.priority-low[b-52v8izq2gn] {
    color: var(--rz-success);
    font-weight: normal;
}

/* Patient name styling */
.patient-name[b-52v8izq2gn] {
    font-weight: 500;
    color: var(--rz-text-color);
}

/* Selected row text contrast */
.rz-datatable-data tr.rz-datatable-row-selected .patient-name[b-52v8izq2gn] {
    font-weight: 600;
    color: var(--rz-primary-darker);
}

/* MRN styling */
.mrn-text[b-52v8izq2gn] {
    font-family: monospace;
    font-weight: 500;
    color: var(--rz-primary);
}

.rz-datatable-data tr.rz-datatable-row-selected .mrn-text[b-52v8izq2gn] {
    color: var(--rz-primary-darker);
    font-weight: 600;
}

/* Date styling */
.date-text[b-52v8izq2gn] {
    font-size: 0.875rem;
    color: var(--rz-text-color-secondary);
}

/* Modality badges */
.modality-badge[b-52v8izq2gn] {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
}

/* Image count styling */
.image-count[b-52v8izq2gn] {
    text-align: center;
    font-weight: 500;
    color: var(--rz-info);
}

/* Row selection cursor */
.rz-datatable-data tr[b-52v8izq2gn] {
    cursor: pointer;
    transition: all 0.2s ease;
}

    /* Selection indicator on left side */
    .rz-datatable-data tr.rz-datatable-row-selected[b-52v8izq2gn]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background-color: var(--rz-primary);
        z-index: 1;
    }

    /* Enhanced selection visual feedback */
    .rz-datatable-data tr.rz-datatable-row-selected[b-52v8izq2gn] {
        position: relative;
        transform: translateX(2px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

/* Responsive adjustments */
@media (max-width: 1200px) {
    .rz-datatable[b-52v8izq2gn] {
        font-size: 0.875rem;
    }

    .action-buttons .rz-button[b-52v8izq2gn] {
        min-width: 32px;
        height: 32px;
    }

    .selection-info-panel .rz-card[b-52v8izq2gn] {
        padding: 0.25rem 0.5rem;
    }
}

@media (max-width: 768px) {
    .rz-datatable[b-52v8izq2gn] {
        font-size: 0.8rem;
    }

    .action-buttons[b-52v8izq2gn] {
        flex-direction: column;
        gap: 0.25rem;
    }

        .action-buttons .rz-button[b-52v8izq2gn] {
            min-width: 28px;
            height: 28px;
        }

    .selection-info-panel .rz-stack[b-52v8izq2gn] {
        flex-direction: column;
        align-items: flex-start !important;
    }
}

/* Loading state */
.rz-datatable.rz-datatable-loading[b-52v8izq2gn] {
    opacity: 0.7;
}

    .rz-datatable.rz-datatable-loading[b-52v8izq2gn]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.8);
        display: flex;
        align-items: center;
        justify-content: center;
    }

/* Custom button styles */
.btn-refresh[b-52v8izq2gn] {
    background: linear-gradient(135deg, var(--rz-info) 0%, var(--rz-info-dark) 100%);
    border: none;
    color: white;
    font-weight: 500;
}

    .btn-refresh:hover[b-52v8izq2gn] {
        background: linear-gradient(135deg, var(--rz-info-dark) 0%, var(--rz-info-darker) 100%);
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    }

/* Action button specific styles */
.btn-view[b-52v8izq2gn] {
    color: var(--rz-info);
    border-color: var(--rz-info);
}

    .btn-view:hover[b-52v8izq2gn] {
        background-color: var(--rz-info);
        color: white;
    }

.btn-edit[b-52v8izq2gn] {
    color: var(--rz-secondary);
    border-color: var(--rz-secondary);
}

    .btn-edit:hover[b-52v8izq2gn] {
        background-color: var(--rz-secondary);
        color: white;
    }

.btn-print[b-52v8izq2gn] {
    color: var(--rz-success);
    border-color: var(--rz-success);
}

    .btn-print:hover[b-52v8izq2gn] {
        background-color: var(--rz-success);
        color: white;
    }

    .btn-print:disabled[b-52v8izq2gn] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* Grid enhancements */
.rz-datatable-wrapper[b-52v8izq2gn] {
    border-radius: 8px;
    overflow: hidden;
}

.rz-datatable-header[b-52v8izq2gn] {
    background: linear-gradient(135deg, var(--rz-primary-lighter) 0%, var(--rz-primary-light) 100%);
    color: var(--rz-primary-darker);
    font-weight: 600;
}

.rz-datatable-data[b-52v8izq2gn] {
    background: white;
}

    .rz-datatable-data tr:nth-child(even)[b-52v8izq2gn] {
        background-color: var(--rz-background-color);
    }

        .rz-datatable-data tr:nth-child(even).rz-datatable-row-selected[b-52v8izq2gn] {
            background-color: var(--rz-primary-light) !important;
        }

/* Badge customizations */
.rz-badge[b-52v8izq2gn] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

/* Empty columns styling */
.empty-column[b-52v8izq2gn] {
    background-color: var(--rz-background-color-light);
    border-left: 1px dashed var(--rz-border-color);
}

/* Tooltip styles */
.case-tooltip[b-52v8izq2gn] {
    max-width: 300px;
    text-align: left;
}

/* Focus styles for accessibility */
.rz-datatable-data tr:focus[b-52v8izq2gn] {
    outline: 2px solid var(--rz-primary);
    outline-offset: -2px;
}

/* Selection animation */
.rz-datatable-data tr[b-52v8izq2gn] {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

    .rz-datatable-data tr.rz-datatable-row-selected[b-52v8izq2gn] {
        animation: selectRow-b-52v8izq2gn 0.3s ease-out;
    }

@keyframes selectRow-b-52v8izq2gn {
    0% {
        transform: translateX(0);
        box-shadow: none;
    }

    50% {
        transform: translateX(4px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    100% {
        transform: translateX(2px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
}

/* Search controls container - centers the card */
.search-controls-container[b-52v8izq2gn] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 1rem !important;
}

/* Search card styling - only as wide as content */
.search-card.rz-card[b-52v8izq2gn] {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    min-width: auto !important;
    padding: 0.75rem 1rem !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    border-radius: 8px !important;
    margin: 0 !important;
    flex: none !important;
}

/* Horizontal search controls layout */
.search-controls[b-52v8izq2gn] {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    flex-wrap: nowrap !important;
    width: auto !important;
}

/* Auto launch control styling */
.auto-launch-control[b-52v8izq2gn] {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    gap: 0.5rem !important;
}

/* Issue case box hover effect */
.issue-case-box[b-52v8izq2gn] {
    transition: all 0.2s ease;
}

    .issue-case-box:hover[b-52v8izq2gn] {
        transform: scale(1.05);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

/* ===========================================
   TECHVIEW MOBILE CARD - COMPLETE FIX
   ===========================================
   
   FEATURES:
   ✓ Individual card separation with rounded corners
   ✓ Visible action buttons at bottom
   ✓ EXAM row fully visible
   ✓ Alternating card backgrounds
   ✓ Priority color borders
   =========================================== */

/* ===========================================
   VIEW TOGGLE BUTTON
   =========================================== */
.view-toggle-btn[b-52v8izq2gn] {
    background: #e8f5e9 !important;
    border: 1px solid #388e3c !important;
    color: #388e3c !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

    .view-toggle-btn:hover[b-52v8izq2gn] {
        background: #388e3c !important;
        color: white !important;
    }

/* ===========================================
   MOBILE CARD CONTAINER
   =========================================== */
.mobile-card-container[b-52v8izq2gn] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
    background: #f0f0f0;
}

/* ===========================================
   CASE CARD - BASE STYLES
   =========================================== */
.case-card[b-52v8izq2gn] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: visible;
    border-left: 5px solid #4caf50;
    display: flex;
    flex-direction: column;
    min-height: 280px;
    margin-bottom: 0;
}

    .case-card:active[b-52v8izq2gn] {
        transform: scale(0.98);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    }

    /* ===========================================
   ALTERNATING CARD COLORS
   =========================================== */
    .case-card:nth-child(odd)[b-52v8izq2gn] {
        background: #ffffff;
    }

    .case-card:nth-child(even)[b-52v8izq2gn] {
        background: #f9fbe7;
    }

    /* ===========================================
   PRIORITY BORDER COLORS
   =========================================== */
    .case-card.priority-stat[b-52v8izq2gn] {
        border-left-color: #dc3545;
    }

    .case-card.priority-urgent[b-52v8izq2gn] {
        border-left-color: #ff9800;
    }

    .case-card.priority-routine[b-52v8izq2gn] {
        border-left-color: #4caf50;
    }

    /* ===========================================
   ISSUE CASE STYLING
   =========================================== */
    .case-card.issue-case[b-52v8izq2gn] {
        background: linear-gradient(135deg, #fff 0%, #fce4ec 100%) !important;
        border-left-color: #e91e63;
    }

    /* ===========================================
   CLAIMED CASE STYLING
   =========================================== */
    .case-card.claimed-case[b-52v8izq2gn] {
        border-left-color: #ff9800;
        background: linear-gradient(135deg, #fff 0%, #fff8e1 100%) !important;
    }

/* ===========================================
   CARD HEADER
   =========================================== */
.card-header[b-52v8izq2gn] {
    padding: 14px 16px 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #f0f0f0;
}

.patient-info[b-52v8izq2gn] {
    flex: 1;
    min-width: 0;
}

.card-patient-name[b-52v8izq2gn] {
    font-weight: 700;
    font-size: 16px;
    color: #212121;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-patient-meta[b-52v8izq2gn] {
    font-size: 13px;
    color: #666;
}

/* ===========================================
   CARD BADGES
   =========================================== */
.card-badges[b-52v8izq2gn] {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 140px;
}

.priority-badge[b-52v8izq2gn] {
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .priority-badge.stat[b-52v8izq2gn] {
        background: #ffebee;
        color: #c62828;
    }

    .priority-badge.urgent[b-52v8izq2gn] {
        background: #fff3e0;
        color: #e65100;
    }

    .priority-badge.routine[b-52v8izq2gn] {
        background: #e8f5e9;
        color: #2e7d32;
    }

.status-badge[b-52v8izq2gn] {
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    background: #e8f5e9;
    color: #2e7d32;
}

    .status-badge.pending[b-52v8izq2gn] {
        background: #fff3e0;
        color: #e65100;
    }

    .status-badge.completed[b-52v8izq2gn] {
        background: #e3f2fd;
        color: #1565c0;
    }

/* ===========================================
   CARD ICONS (message, critical)
   =========================================== */
.card-message-icon[b-52v8izq2gn] {
    color: #ff8f00;
    font-size: 16px;
    cursor: pointer;
    margin-left: 4px;
}

    .card-message-icon.read[b-52v8izq2gn] {
        color: #43a047;
    }

.card-critical-icon[b-52v8izq2gn] {
    color: #dc3545;
    font-size: 16px;
    margin-left: 4px;
}

/* ===========================================
   CARD DETAILS
   =========================================== */
.card-details[b-52v8izq2gn] {
    padding: 12px 16px 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.detail-grid[b-52v8izq2gn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
    font-size: 13px;
}

.detail-item[b-52v8izq2gn] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-52v8izq2gn] {
    color: #9e9e9e;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.detail-value[b-52v8izq2gn] {
    color: #333;
    font-weight: 600;
    font-size: 13px;
}

    .detail-value.modality[b-52v8izq2gn] {
        color: #2e7d32;
        font-weight: 700;
        font-size: 14px;
    }

    .detail-value.read-physician[b-52v8izq2gn] {
        color: #1565c0;
        font-weight: 600;
    }

    .detail-value.not-claimed[b-52v8izq2gn] {
        color: #bdbdbd;
        font-style: italic;
        font-weight: 400;
    }

    .detail-value.unassigned[b-52v8izq2gn] {
        color: #e65100;
        font-weight: 600;
    }

/* ===========================================
   EXAM ROW - FULL WIDTH, VISIBLE
   =========================================== */
.exam-type-row[b-52v8izq2gn] {
    grid-column: 1 / -1;
    padding-top: 12px;
    margin-top: 8px;
    border-top: 1px dashed #e0e0e0;
}

    .exam-type-row .detail-value[b-52v8izq2gn] {
        white-space: normal;
        line-height: 1.4;
        color: #555;
    }

.completed-link[b-52v8izq2gn] {
    color: #1976d2;
    text-decoration: none;
    font-weight: 600;
}

    .completed-link:hover[b-52v8izq2gn] {
        text-decoration: underline;
    }

/* ===========================================
   CARD ACTIONS - ALWAYS VISIBLE AT BOTTOM
   =========================================== */
.card-actions[b-52v8izq2gn] {
    display: flex !important;
    border-top: 1px solid #e0e0e0;
    background: linear-gradient(to bottom, #fafafa, #f5f5f5);
    margin-top: auto;
    min-height: 56px;
    border-radius: 0 0 12px 8px;
}

.card-action-btn[b-52v8izq2gn] {
    flex: 1;
    padding: 12px 6px;
    border: none;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 10px;
    font-weight: 600;
    color: #666;
    min-width: 0;
}

    .card-action-btn:not(:last-child)[b-52v8izq2gn] {
        border-right: 1px solid #e0e0e0;
    }

    .card-action-btn:hover[b-52v8izq2gn] {
        background: rgba(0, 0, 0, 0.05);
    }

    .card-action-btn:active[b-52v8izq2gn] {
        background: rgba(0, 0, 0, 0.1);
        transform: scale(0.95);
    }

    .card-action-btn i[b-52v8izq2gn] {
        font-size: 18px;
    }

    .card-action-btn.primary[b-52v8izq2gn] {
        color: #1976d2;
    }

        .card-action-btn.primary:hover[b-52v8izq2gn] {
            background: rgba(25, 118, 210, 0.1);
        }

    .card-action-btn.success[b-52v8izq2gn] {
        color: #388e3c;
    }

        .card-action-btn.success:hover[b-52v8izq2gn] {
            background: rgba(56, 142, 60, 0.1);
        }

    .card-action-btn.warning[b-52v8izq2gn] {
        color: #f57c00;
    }

        .card-action-btn.warning:hover[b-52v8izq2gn] {
            background: rgba(245, 124, 0, 0.1);
        }

    .card-action-btn.danger[b-52v8izq2gn] {
        color: #d32f2f;
    }

        .card-action-btn.danger:hover[b-52v8izq2gn] {
            background: rgba(211, 47, 47, 0.1);
        }

    .card-action-btn.info[b-52v8izq2gn] {
        color: #0288d1;
    }

        .card-action-btn.info:hover[b-52v8izq2gn] {
            background: rgba(2, 136, 209, 0.1);
        }

/* ===========================================
   EMPTY STATE
   =========================================== */
.empty-card-state[b-52v8izq2gn] {
    text-align: center;
    padding: 60px 20px;
    color: #9e9e9e;
    background: white;
    border-radius: 12px;
    margin: 12px;
}

    .empty-card-state i[b-52v8izq2gn] {
        font-size: 64px;
        margin-bottom: 16px;
        opacity: 0.4;
    }

    .empty-card-state p[b-52v8izq2gn] {
        font-size: 16px;
        font-weight: 500;
    }

/* ===========================================
   MOBILE RESPONSIVE
   =========================================== */
@media (max-width: 768px) {
    .search-controls-container[b-52v8izq2gn] {
        padding: 0 8px !important;
    }

    .search-card.rz-card[b-52v8izq2gn] {
        width: 100% !important;
        padding: 10px !important;
    }

    .search-controls[b-52v8izq2gn] {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

        .search-controls > *[b-52v8izq2gn] {
            min-width: 0 !important;
        }

    .issue-case-box[b-52v8izq2gn] {
        top: auto !important;
        bottom: 16px !important;
        right: 16px !important;
        position: fixed !important;
        z-index: 1000 !important;
        border-radius: 50% !important;
        width: 48px !important;
        height: 48px !important;
        justify-content: center !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    }

    .mobile-card-container[b-52v8izq2gn] {
        padding: 8px;
        gap: 10px;
    }

    .case-card[b-52v8izq2gn] {
        min-height: 260px;
        border-radius: 10px;
    }
}

@media (max-width: 480px) {
    .case-card[b-52v8izq2gn] {
        min-height: 240px;
        border-radius: 8px;
    }

    .card-header[b-52v8izq2gn] {
        padding: 12px 12px 8px;
    }

    .card-patient-name[b-52v8izq2gn] {
        font-size: 15px;
    }

    .card-patient-meta[b-52v8izq2gn] {
        font-size: 12px;
    }

    .card-details[b-52v8izq2gn] {
        padding: 10px 12px 14px;
    }

    .detail-grid[b-52v8izq2gn] {
        font-size: 12px;
        gap: 10px 12px;
    }

    .card-action-btn[b-52v8izq2gn] {
        padding: 10px 4px;
        font-size: 9px;
    }

        .card-action-btn i[b-52v8izq2gn] {
            font-size: 16px;
        }

    .priority-badge[b-52v8izq2gn],
    .status-badge[b-52v8izq2gn] {
        font-size: 10px;
        padding: 3px 8px;
    }

    .card-badges[b-52v8izq2gn] {
        max-width: 120px;
    }
}

/* ===========================================
   LOADING STATE
   =========================================== */
.case-card.loading[b-52v8izq2gn] {
    opacity: 0.6;
    pointer-events: none;
    position: relative;
}

    .case-card.loading[b-52v8izq2gn]::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 24px;
        height: 24px;
        margin: -12px 0 0 -12px;
        border: 3px solid #388e3c;
        border-top-color: transparent;
        border-radius: 50%;
        animation: spin-b-52v8izq2gn 0.8s linear infinite;
    }

@keyframes spin-b-52v8izq2gn {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/Facility/UploadDocumentDialog.razor.rz.scp.css */
/* Minimal helpers for the new layout */
.doc-link[b-zz6lcba8vw] {
    padding: 4px 8px;
    text-decoration: underline;
    justify-content: flex-start;
}

.muted[b-zz6lcba8vw] {
    color: #6b7280;
    font-size: 12px;
}

.doc-card[b-zz6lcba8vw] {
    padding: .75rem;
}

.doc-fieldset[b-zz6lcba8vw] {
    margin: 0;
}
/* /Components/Pages/Providers/ReferringPhysicians.razor.rz.scp.css */
/* ReferringPhysicians.razor.css */

.mt-3[b-5crhe63pcf] {
    margin-top: 1rem;
}

.rz-datatable[b-5crhe63pcf] {
    border-radius: 8px;
    overflow: hidden;
}

.rz-datatable-data tr:hover[b-5crhe63pcf] {
    background-color: var(--rz-primary-lighter);
}

.action-buttons[b-5crhe63pcf] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

    .action-buttons .rz-button[b-5crhe63pcf] {
        min-width: 36px;
        height: 36px;
    }

.physician-grid[b-5crhe63pcf] {
    min-height: 500px;
}

    .physician-grid .rz-datatable-data[b-5crhe63pcf] {
        min-height: 400px;
    }

/* Dialog specific styles */
.rz-dialog .rz-dialog-content[b-5crhe63pcf] {
    padding: 1.5rem;
}

.rz-fieldset[b-5crhe63pcf] {
    margin-bottom: 1rem;
}

    .rz-fieldset .rz-fieldset-legend[b-5crhe63pcf] {
        font-weight: 600;
        color: var(--rz-primary);
    }

.form-section[b-5crhe63pcf] {
    background: var(--rz-background-color);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .rz-datatable[b-5crhe63pcf] {
        font-size: 0.875rem;
    }

    .action-buttons .rz-button[b-5crhe63pcf] {
        min-width: 32px;
        height: 32px;
    }

    .rz-dialog[b-5crhe63pcf] {
        width: 95% !important;
        max-width: 95% !important;
    }
}

/* Loading state */
.rz-datatable.rz-datatable-loading[b-5crhe63pcf] {
    opacity: 0.7;
}

/* Custom button styles */
.btn-add-new[b-5crhe63pcf] {
    background: linear-gradient(135deg, var(--rz-primary) 0%, var(--rz-primary-dark) 100%);
    border: none;
    color: white;
    font-weight: 500;
}

    .btn-add-new:hover[b-5crhe63pcf] {
        background: linear-gradient(135deg, var(--rz-primary-dark) 0%, var(--rz-primary-darker) 100%);
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    }

/* Status indicators */
.status-active[b-5crhe63pcf] {
    color: var(--rz-success);
    font-weight: 500;
}

.status-inactive[b-5crhe63pcf] {
    color: var(--rz-danger);
    font-weight: 500;
}

/* Card enhancements */
.rz-card[b-5crhe63pcf] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--rz-border-color);
}

    .rz-card:hover[b-5crhe63pcf] {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        transition: box-shadow 0.2s ease;
    }
/* /Components/Pages/Rad/RadView.razor.rz.scp.css */
/* ============================================================
   RADVIEW.RAZOR.CSS - DESKTOP/TABLET STYLES ONLY
   (Mobile styles are in inline <style> block in RadView.razor)
   ============================================================ */

/* ============================================================
   SECTION 1: DESKTOP/TABLET CARD STYLES
   ============================================================ */

/* === CASE CARD (Original tablet card style) === */
.case-card[b-akpr1w0r2k] {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    border-left: 5px solid #1976d2 !important;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

    .case-card.priority-stat[b-akpr1w0r2k] {
        border-left-color: #dc3545 !important;
    }

    .case-card.priority-urgent[b-akpr1w0r2k] {
        border-left-color: #ff9800 !important;
    }

    .case-card.priority-routine[b-akpr1w0r2k] {
        border-left-color: #4caf50 !important;
    }

    .case-card.issue-case[b-akpr1w0r2k] {
        border-left-color: #e91e63 !important;
        background: linear-gradient(135deg, #fff 0%, #fce4ec 100%) !important;
    }

    .case-card.claimed-case[b-akpr1w0r2k] {
        border-left-color: #ff9800 !important;
        background: linear-gradient(135deg, #fff 0%, #fff8e1 100%);
    }

    .case-card:active[b-akpr1w0r2k] {
        transform: scale(0.98);
    }

    .case-card:nth-child(odd)[b-akpr1w0r2k] {
        background: #ffffff !important;
    }

    .case-card:nth-child(even)[b-akpr1w0r2k] {
        background: #f5f5f5 !important;
    }

/* === CARD HEADER === */
.card-header[b-akpr1w0r2k] {
    padding: 14px 16px 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #f0f0f0;
}

.patient-info[b-akpr1w0r2k] {
    flex: 1;
    min-width: 0;
}

.card-patient-name[b-akpr1w0r2k] {
    font-weight: 700;
    font-size: 16px;
    color: #212121;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-patient-meta[b-akpr1w0r2k] {
    font-size: 13px;
    color: #666;
}

/* === CARD BADGES === */
.card-badges[b-akpr1w0r2k] {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 140px;
}

.priority-badge[b-akpr1w0r2k] {
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

    .priority-badge.stat[b-akpr1w0r2k] {
        background: #ffebee;
        color: #c62828;
    }

    .priority-badge.urgent[b-akpr1w0r2k] {
        background: #fff3e0;
        color: #e65100;
    }

    .priority-badge.routine[b-akpr1w0r2k] {
        background: #e8f5e9;
        color: #2e7d32;
    }

.status-badge[b-akpr1w0r2k] {
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    background: #e3f2fd;
    color: #1565c0;
}

    .status-badge.claimed[b-akpr1w0r2k] {
        background: #fff3e0;
        color: #e65100;
    }

    .status-badge.completed[b-akpr1w0r2k] {
        background: #e8f5e9;
        color: #2e7d32;
    }

/* === CARD ICONS === */
.card-message-icon[b-akpr1w0r2k] {
    color: #ff8f00;
    font-size: 16px;
    cursor: pointer;
    margin-left: 4px;
}

    .card-message-icon.read[b-akpr1w0r2k] {
        color: #43a047;
    }

.card-critical-icon[b-akpr1w0r2k] {
    color: #dc3545;
    font-size: 16px;
    margin-left: 4px;
}

/* === CARD DETAILS === */
.card-details[b-akpr1w0r2k] {
    padding: 12px 16px 16px;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.detail-grid[b-akpr1w0r2k] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
    font-size: 13px;
}

.detail-item[b-akpr1w0r2k] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-label[b-akpr1w0r2k] {
    color: #9e9e9e;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.detail-value[b-akpr1w0r2k] {
    color: #333;
    font-weight: 600;
    font-size: 13px;
}

    .detail-value.modality[b-akpr1w0r2k] {
        color: #1976d2;
        font-weight: 700;
        font-size: 14px;
    }

    .detail-value.contributor[b-akpr1w0r2k] {
        color: #7b1fa2;
        font-weight: 600;
    }

/* === EXAM ROW === */
.exam-type-row[b-akpr1w0r2k] {
    grid-column: 1 / -1;
    padding-top: 12px;
    padding-bottom: 8px;
    margin-top: 8px;
    border-top: 1px dashed #e0e0e0;
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
}

    .exam-type-row .detail-value[b-akpr1w0r2k] {
        white-space: normal;
        line-height: 1.4;
        color: #555;
        display: block !important;
        word-wrap: break-word !important;
        overflow: visible !important;
    }

.completed-link[b-akpr1w0r2k] {
    color: #1976d2;
    text-decoration: none;
    font-weight: 600;
}

    .completed-link:hover[b-akpr1w0r2k] {
        text-decoration: underline;
    }

/* === CARD ACTIONS === */
.card-actions[b-akpr1w0r2k] {
    display: flex !important;
    border-top: 1px solid #e0e0e0;
    background: linear-gradient(to bottom, #fafafa, #f0f0f0);
    min-height: 56px;
    border-radius: 0 0 12px 8px;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
}

.card-action-btn[b-akpr1w0r2k] {
    flex: 1;
    padding: 12px 6px;
    border: none;
    background: transparent;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 10px;
    font-weight: 600;
    color: #666;
    min-width: 0;
    visibility: visible !important;
}

    .card-action-btn:not(:last-child)[b-akpr1w0r2k] {
        border-right: 1px solid #e0e0e0;
    }

    .card-action-btn:hover[b-akpr1w0r2k] {
        background: rgba(0, 0, 0, 0.05);
    }

    .card-action-btn:active[b-akpr1w0r2k] {
        background: rgba(0, 0, 0, 0.1);
    }

    .card-action-btn i[b-akpr1w0r2k] {
        font-size: 18px;
    }

    .card-action-btn.primary[b-akpr1w0r2k] {
        color: #1976d2;
    }

    .card-action-btn.success[b-akpr1w0r2k] {
        color: #388e3c;
    }

    .card-action-btn.warning[b-akpr1w0r2k] {
        color: #f57c00;
    }

    .card-action-btn.unclaim-btn[b-akpr1w0r2k] {
        background: #ff9800 !important;
        color: white !important;
    }

        .card-action-btn.unclaim-btn:active[b-akpr1w0r2k] {
            background: #f57c00 !important;
        }

/* === EMPTY STATE (Desktop) === */
.empty-card-state[b-akpr1w0r2k] {
    text-align: center;
    padding: 60px 20px;
    color: #9e9e9e;
    background: white;
    border-radius: 12px;
}

    .empty-card-state i[b-akpr1w0r2k] {
        font-size: 64px;
        margin-bottom: 16px;
        opacity: 0.4;
    }

    .empty-card-state p[b-akpr1w0r2k] {
        font-size: 16px;
        font-weight: 500;
    }

/* === MOBILE CARD CONTAINER (Tablet breakpoint) === */
.mobile-card-container[b-akpr1w0r2k] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
    background: #f0f0f0;
}


/* ============================================================
   SECTION 2: DESKTOP GRID & GENERAL STYLES
   ============================================================ */

.mt-3[b-akpr1w0r2k] {
    margin-top: 1rem;
}

.rz-datatable[b-akpr1w0r2k] {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.rz-datatable-data tr:hover[b-akpr1w0r2k] {
    background-color: var(--rz-primary-lighter);
    transition: background-color 0.2s ease;
}

.rz-datatable-data tr.rz-datatable-row-selected[b-akpr1w0r2k] {
    background-color: var(--rz-primary-light) !important;
    border-left: 4px solid var(--rz-primary);
    box-shadow: inset 0 0 0 1px var(--rz-primary-light);
}

    .rz-datatable-data tr.rz-datatable-row-selected:hover[b-akpr1w0r2k] {
        background-color: var(--rz-primary) !important;
        color: white;
    }

    .rz-datatable-data tr.rz-datatable-row-selected td[b-akpr1w0r2k] {
        border-color: var(--rz-primary-light);
    }

/* Search controls container */
.search-controls-container[b-akpr1w0r2k] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 1rem !important;
}

.search-card.rz-card[b-akpr1w0r2k] {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    min-width: auto !important;
    padding: 0.75rem 1rem !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    border-radius: 8px !important;
    margin: 0 !important;
    flex: none !important;
}

.search-controls[b-akpr1w0r2k] {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    flex-wrap: nowrap !important;
    width: auto !important;
}

.auto-launch-control[b-akpr1w0r2k] {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    gap: 0.5rem !important;
}

/* Status indicators */
.status-completed[b-akpr1w0r2k] {
    color: var(--rz-success);
    font-weight: 500;
}

.status-pending[b-akpr1w0r2k] {
    color: var(--rz-warning);
    font-weight: 500;
}

.status-in-progress[b-akpr1w0r2k] {
    color: var(--rz-info);
    font-weight: 500;
}

.status-cancelled[b-akpr1w0r2k] {
    color: var(--rz-danger);
    font-weight: 500;
}

/* Priority indicators */
.priority-high[b-akpr1w0r2k] {
    color: var(--rz-danger);
    font-weight: bold;
}

.priority-medium[b-akpr1w0r2k] {
    color: var(--rz-warning);
    font-weight: 500;
}

.priority-low[b-akpr1w0r2k] {
    color: var(--rz-success);
    font-weight: normal;
}

/* Row selection cursor */
.rz-datatable-data tr[b-akpr1w0r2k] {
    cursor: pointer;
    transition: all 0.2s ease;
}

    .rz-datatable-data tr.rz-datatable-row-selected[b-akpr1w0r2k]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background-color: var(--rz-primary);
        z-index: 1;
    }

    .rz-datatable-data tr.rz-datatable-row-selected[b-akpr1w0r2k] {
        position: relative;
        transform: translateX(2px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

/* Desktop responsive */
@media (max-width: 1200px) {
    .rz-datatable[b-akpr1w0r2k] {
        font-size: 0.875rem;
    }
}

@media (max-width: 768px) {
    .rz-datatable[b-akpr1w0r2k] {
        font-size: 0.8rem;
    }

    .search-controls-container[b-akpr1w0r2k] {
        padding: 0 8px !important;
    }

    .search-card.rz-card[b-akpr1w0r2k] {
        width: 100% !important;
        padding: 10px !important;
    }

    .search-controls[b-akpr1w0r2k] {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

        .search-controls > *[b-akpr1w0r2k] {
            min-width: 0 !important;
        }

    .mobile-card-container[b-akpr1w0r2k] {
        padding: 8px;
        gap: 10px;
    }

    .card-header[b-akpr1w0r2k] {
        padding: 12px 12px 8px;
    }

    .card-patient-name[b-akpr1w0r2k] {
        font-size: 15px;
    }

    .card-details[b-akpr1w0r2k] {
        padding: 10px 12px 14px;
    }

    .detail-grid[b-akpr1w0r2k] {
        font-size: 12px;
        gap: 10px 12px;
    }

    .card-action-btn[b-akpr1w0r2k] {
        padding: 10px 4px;
        font-size: 9px;
    }

        .card-action-btn i[b-akpr1w0r2k] {
            font-size: 16px;
        }

    .priority-badge[b-akpr1w0r2k],
    .status-badge[b-akpr1w0r2k] {
        font-size: 10px;
        padding: 3px 8px;
    }
}

@media (max-width: 480px) {
    .card-header[b-akpr1w0r2k] {
        padding: 12px 12px 8px;
    }

    .card-patient-name[b-akpr1w0r2k] {
        font-size: 15px;
    }

    .card-details[b-akpr1w0r2k] {
        padding: 10px 12px 14px;
    }

    .detail-grid[b-akpr1w0r2k] {
        font-size: 12px;
        gap: 10px 12px;
    }

    .card-action-btn[b-akpr1w0r2k] {
        padding: 10px 4px;
        font-size: 9px;
    }

        .card-action-btn i[b-akpr1w0r2k] {
            font-size: 16px;
        }

    .priority-badge[b-akpr1w0r2k],
    .status-badge[b-akpr1w0r2k] {
        font-size: 9px;
        padding: 2px 6px;
    }
}

/* Loading state for cards */
.case-card.loading[b-akpr1w0r2k] {
    opacity: 0.6;
    pointer-events: none;
}

    .case-card.loading[b-akpr1w0r2k]::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 20px;
        margin: -10px 0 0 -10px;
        border: 2px solid #1976d2;
        border-top-color: transparent;
        border-radius: 50%;
        animation: spin-b-akpr1w0r2k 0.8s linear infinite;
    }

@keyframes spin-b-akpr1w0r2k {
    to {
        transform: rotate(360deg);
    }
}

/* Grid enhancements */
.rz-datatable-wrapper[b-akpr1w0r2k] {
    border-radius: 8px;
    overflow: hidden;
}

.rz-datatable-header[b-akpr1w0r2k] {
    background: linear-gradient(135deg, var(--rz-primary-lighter) 0%, var(--rz-primary-light) 100%);
    color: var(--rz-primary-darker);
    font-weight: 600;
}

.rz-datatable-data[b-akpr1w0r2k] {
    background: white;
}

    .rz-datatable-data tr:nth-child(even)[b-akpr1w0r2k] {
        background-color: var(--rz-background-color);
    }

        .rz-datatable-data tr:nth-child(even).rz-datatable-row-selected[b-akpr1w0r2k] {
            background-color: var(--rz-primary-light) !important;
        }

    /* Selection animation */
    .rz-datatable-data tr[b-akpr1w0r2k] {
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }

        .rz-datatable-data tr.rz-datatable-row-selected[b-akpr1w0r2k] {
            animation: selectRow-b-akpr1w0r2k 0.3s ease-out;
        }

@keyframes selectRow-b-akpr1w0r2k {
    0% {
        transform: translateX(0);
        box-shadow: none;
    }

    50% {
        transform: translateX(4px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    100% {
        transform: translateX(2px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
}

/* Radiologist-specific styling */
.radiologist-grid[b-akpr1w0r2k] {
    --rz-primary: #0066cc;
    --rz-primary-light: #e6f2ff;
    --rz-primary-lighter: #f0f7ff;
    --rz-primary-dark: #004d99;
    --rz-primary-darker: #003366;
}

/* Claimed case styling */
.case-claimed[b-akpr1w0r2k] {
    background-color: #fff3cd !important;
    border-left: 4px solid #ffc107;
}

/* Completed case styling */
.case-completed[b-akpr1w0r2k] {
    background-color: #d4edda !important;
    border-left: 4px solid #28a745;
}

.case-finalizing[b-akpr1w0r2k] {
    opacity: 0;
    transform: translateX(10px);
    transition: opacity 700ms ease, transform 700ms ease;
}

.rz-data-row.case-finalizing[b-akpr1w0r2k] {
    animation: fadeOutSlideUp-b-akpr1w0r2k 0.7s ease-out forwards;
}

@keyframes fadeOutSlideUp-b-akpr1w0r2k {
    0% {
        opacity: 1;
        transform: translateY(0);
        max-height: 50px;
    }

    100% {
        opacity: 0;
        transform: translateY(-10px);
        max-height: 0;
        padding: 0;
        margin: 0;
        border: none;
    }
}

/* View toggle button */
.view-toggle-btn[b-akpr1w0r2k] {
    background: #e3f2fd !important;
    border: 1px solid #1976d2 !important;
    color: #1976d2 !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

    .view-toggle-btn:hover[b-akpr1w0r2k] {
        background: #1976d2 !important;
        color: white !important;
    }
/* /Components/Pages/Rad/StudyReport.razor.rz.scp.css */
/* StudyReport.razor.css — PROD CLEAN
   - Flex layout (no vh)
   - ::deep for Radzen internals + local wrapper stretch
   - Textarea, Documents, and Grids fill height
   - Mobile styles handled by StudyReportMobile.js (injected via StudyReportDialog)
*/

/* predictable sizing */
*[b-t7lvpejvu9], *[b-t7lvpejvu9]::before, *[b-t7lvpejvu9]::after {
    box-sizing: border-box;
}

/* OUTER CANVAS: sidebar + main */
.study-report-container[b-t7lvpejvu9] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 10px;
    overflow: hidden;
}

/* SIDEBAR */
.sidebar[b-t7lvpejvu9] {
    flex: 0 0 25%;
    min-width: 280px;
    max-width: 450px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
    background: #fafafa;
    border-right: 1px solid #e0e0e0;
    overflow: auto;
}

/* Patient card */
.patient-card[b-t7lvpejvu9] {
    background: #fff;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,.05);
    border-left: 4px solid #3f51b5;
}

    .patient-card .rz-card[b-t7lvpejvu9] {
        padding: 0;
        margin: 0;
        background: none;
        border: 0;
        box-shadow: none;
    }

.patient-name[b-t7lvpejvu9] {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 8px;
}

.patient-details[b-t7lvpejvu9] {
    color: #666;
    font-size: 14px;
    margin-bottom: 12px;
}

/* Sidebar info sections */
.info-section[b-t7lvpejvu9] {
    background: #fff;
    border-radius: 6px;
    padding: 12px;
    border: 1px solid #e8e8e8;
}

.info-label[b-t7lvpejvu9] {
    font-weight: 600;
    color: #444;
    margin-bottom: 6px;
    display: block;
    font-size: 14px;
}

.info-value[b-t7lvpejvu9] {
    color: #666;
    line-height: 1.5;
    font-size: 14px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* MAIN (right column) */
.main-content[b-t7lvpejvu9] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* TAB CONTAINER */
.tab-container[b-t7lvpejvu9] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

    /* Allow your immediate wrappers to stretch if present */
    .tab-container > form[b-t7lvpejvu9],
    .tab-container > div:not(.report-footer)[b-t7lvpejvu9],
    .tab-container > .rz-card[b-t7lvpejvu9],
    .tab-container > .rz-panel[b-t7lvpejvu9] {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
    }

        .tab-container > .rz-card > .rz-card-body[b-t7lvpejvu9] {
            display: flex;
            flex-direction: column;
            flex: 1 1 auto;
            min-height: 0;
            overflow: hidden;
        }

/* Radzen internals (CSS isolation safe) */
[b-t7lvpejvu9] .rz-card,
[b-t7lvpejvu9] .rz-card-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

[b-t7lvpejvu9] .rz-tabview,
[b-t7lvpejvu9] .rz-tabview-panels,
[b-t7lvpejvu9] .rz-tabview-panel,
[b-t7lvpejvu9] .rz-tabs,
[b-t7lvpejvu9] .rz-tabs-panels,
[b-t7lvpejvu9] .rz-tabs-panel {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
}

/* Forms/wrappers Radzen adds in Current Report */
[b-t7lvpejvu9] .rz-form,
[b-t7lvpejvu9] .rz-form .rz-form-field,
[b-t7lvpejvu9] .rz-field {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

/* TAB CONTENT AREA (your markup) */
.tab-content[b-t7lvpejvu9] {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 8px;
    overflow: hidden;
}

/* CURRENT REPORT — the textarea itself must fill */
.report-textarea[b-t7lvpejvu9],
#txtObservation[b-t7lvpejvu9] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100% !important;
    resize: none !important;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 12px;
    font-family: 'Courier New', monospace;
    font-size: 14px;
    line-height: 1.5;
    outline: none;
    box-sizing: border-box;
}

/* If Radzen wraps the textarea, force the inner control to fill as well */
[b-t7lvpejvu9] textarea.report-textarea,
[b-t7lvpejvu9] .report-textarea textarea,
[b-t7lvpejvu9] textarea#txtObservation,
[b-t7lvpejvu9] textarea[name="txtObservation"],
[b-t7lvpejvu9] #txtObservation.rz-inputtextarea,
[b-t7lvpejvu9] [name="txtObservation"].rz-inputtextarea,
[b-t7lvpejvu9] .rz-textarea .rz-inputtextarea {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100% !important;
    resize: none !important;
    box-sizing: border-box;
    padding: 6px;
}

    [b-t7lvpejvu9] textarea.report-textarea:focus,
    [b-t7lvpejvu9] textarea#txtObservation:focus,
    [b-t7lvpejvu9] .rz-textarea .rz-inputtextarea:focus {
        border-color: #3f51b5;
        box-shadow: 0 0 0 2px rgba(63,81,181,.1);
    }

/* DOCUMENTS: viewer fills height */
.document-viewer-container[b-t7lvpejvu9] {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

    .document-viewer-container iframe[b-t7lvpejvu9] {
        flex: 1 1 auto;
        width: 100%;
        height: 100%;
        border: 0;
    }

/* OPTIONAL multi-doc layout */
.two-column-layout[b-t7lvpejvu9] {
    display: flex;
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.left-column[b-t7lvpejvu9] {
    flex: 0 0 200px;
    overflow-y: auto;
    border-right: 1px solid #ddd;
    background: #f5f5f5;
}

.right-column[b-t7lvpejvu9] {
    flex: 1 1 auto;
    display: flex;
    min-height: 0;
    overflow: hidden;
}

    .right-column iframe[b-t7lvpejvu9] {
        flex: 1 1 auto;
        width: 100%;
        height: 100%;
        border: 0;
    }

.doc-tab[b-t7lvpejvu9] {
    padding: 12px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}

    .doc-tab:hover[b-t7lvpejvu9] {
        background: #e9ecef;
    }

    .doc-tab.active[b-t7lvpejvu9] {
        background: #e9ecef;
        border-right: 3px solid #3f51b5;
        font-weight: 500;
    }

/* DATA GRIDS — fill remaining height */
[b-t7lvpejvu9] .rz-datatable {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
}

[b-t7lvpejvu9] .rz-datatable-scrollable-wrapper,
[b-t7lvpejvu9] .rz-datatable-scrollable-view {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
}

[b-t7lvpejvu9] .rz-datatable-scrollable-header,
[b-t7lvpejvu9] .rz-datatable-scrollable-footer {
    flex: 0 0 auto !important;
}

[b-t7lvpejvu9] .rz-datatable-scrollable-body {
    overflow-y: auto !important;
    flex: 1 1 auto !important;
    min-height: 200px !important;
}

[b-t7lvpejvu9] .rz-datatable-tablewrapper {
    flex: 1 1 auto !important;
    height: 100% !important;
    overflow: visible !important;
}

[b-t7lvpejvu9] .rz-datatable-data td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-t7lvpejvu9] .rz-datatable-scrollable-body-table {
    width: 100% !important;
}

/* DataTable: tighter cell padding */
[b-t7lvpejvu9] .rz-datatable th,
[b-t7lvpejvu9] .rz-datatable td {
    padding: 6px 8px;
}

/* PRELIMINARY REPORT (if used) */
.tab-content.prelim-only[b-t7lvpejvu9] {
    position: relative;
    overflow: hidden;
}

.prelim-only .prelim-scrollbox[b-t7lvpejvu9] {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    overflow: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    padding: 12px;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    font-family: ui-monospace, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 13px;
}

/* FOOTER */
.report-footer[b-t7lvpejvu9] {
    flex: 0 0 auto;
    padding: 12px 16px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.button-container[b-t7lvpejvu9] {
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.footer-button[b-t7lvpejvu9] {
    margin: 0;
}

/* Font size controls */
.font-size-controls[b-t7lvpejvu9] {
    display: flex;
    gap: 4px;
}

.font-size-btn[b-t7lvpejvu9] {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .font-size-btn:hover[b-t7lvpejvu9] {
        background: #f0f0f0;
    }

    .font-size-btn:active[b-t7lvpejvu9] {
        background: #e0e0e0;
        transform: scale(0.95);
    }

/* Message indicator */
.message-indicator[b-t7lvpejvu9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
}

    .message-indicator.unread[b-t7lvpejvu9] {
        background: #e65100;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        padding: 10px 16px;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(230, 81, 0, 0.35);
        animation: pulse-unread-b-t7lvpejvu9 2s ease-in-out infinite;
    }

        .message-indicator.unread i[b-t7lvpejvu9] {
            font-size: 16px;
        }

    .message-indicator.read[b-t7lvpejvu9] {
        background: #e8f5e9;
        color: #388e3c;
    }

@keyframes pulse-unread-b-t7lvpejvu9 {
    0%, 100% {
        box-shadow: 0 2px 8px rgba(230, 81, 0, 0.35);
    }

    50% {
        box-shadow: 0 2px 16px rgba(230, 81, 0, 0.55);
    }
}

/* Validation state borders for textarea */
[b-t7lvpejvu9] .report-textarea.validation-warning {
    border-color: #ffc107 !important;
    box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.15) !important;
}

[b-t7lvpejvu9] .report-textarea.validation-critical {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.15) !important;
}

/* RESPONSIVE - Desktop/Tablet only */
@media (max-width: 1200px) {
    .sidebar[b-t7lvpejvu9] {
        flex-basis: 30%;
        min-width: 280px;
    }
}

/* ============================================================
   NOTE: Mobile styles (< 768px) are handled by StudyReportMobile.js
   which is injected via StudyReportDialog.razor
   This approach bypasses Blazor CSS isolation issues.
   ============================================================ */
/* /Components/Shared/ReportValidationPanel.razor.rz.scp.css */
/* ========== VALIDATION PANEL ========== */
.validation-panel[b-us388z7t1v] {
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-top: 8px;
}

    .validation-panel.valid[b-us388z7t1v] {
        background: #f0fdf4;
        border: 1px solid rgba(40, 167, 69, 0.25);
    }

    .validation-panel.warning[b-us388z7t1v] {
        background: #fffbeb;
        border: 1px solid rgba(255, 193, 7, 0.4);
    }

    .validation-panel.critical[b-us388z7t1v] {
        background: #fff5f5;
        border: 1px solid rgba(220, 53, 69, 0.4);
        animation: subtle-pulse-b-us388z7t1v 2s ease-in-out infinite;
    }

@keyframes subtle-pulse-b-us388z7t1v {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
    }

    50% {
        box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.15);
    }
}

/* Header Row */
.validation-header[b-us388z7t1v] {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    gap: 8px;
}

/* Status Circle */
.status-circle[b-us388z7t1v] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    flex-shrink: 0;
}

.valid .status-circle[b-us388z7t1v] {
    background: #28a745;
}

.warning .status-circle[b-us388z7t1v] {
    background: #ffc107;
    color: #000;
}

.critical .status-circle[b-us388z7t1v] {
    background: #dc3545;
}

/* Status Text Area */
.status-text[b-us388z7t1v] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.status-title[b-us388z7t1v] {
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}

.valid .status-title[b-us388z7t1v] {
    color: #28a745;
}

.warning .status-title[b-us388z7t1v] {
    color: #b8860b;
}

.critical .status-title[b-us388z7t1v] {
    color: #dc3545;
}

/* Alert Count Badge */
.status-badge[b-us388z7t1v] {
    font-size: 10px;
    padding: 1px 5px;
    border-radius: 8px;
    font-weight: 500;
}

.valid .status-badge[b-us388z7t1v] {
    background: #28a745;
    color: #fff;
}

.warning .status-badge[b-us388z7t1v] {
    background: #ffc107;
    color: #000;
}

.critical .status-badge[b-us388z7t1v] {
    background: #dc3545;
    color: #fff;
}

/* Preview Text (when collapsed) */
.status-preview[b-us388z7t1v] {
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 1px;
}

/* Expand Arrow */
.expand-arrow[b-us388z7t1v] {
    font-size: 10px;
    color: #999;
    transition: transform 0.2s;
}

    .expand-arrow.rotated[b-us388z7t1v] {
        transform: rotate(180deg);
    }

/* ========== EXPANDED DETAILS ========== */
.validation-details[b-us388z7t1v] {
    padding: 6px 10px 8px;
    background: rgba(255, 255, 255, 0.5);
    cursor: default;
}

.valid .validation-details[b-us388z7t1v] {
    border-top: 1px solid rgba(40, 167, 69, 0.2);
}

.warning .validation-details[b-us388z7t1v] {
    border-top: 1px solid rgba(255, 193, 7, 0.3);
}

.critical .validation-details[b-us388z7t1v] {
    border-top: 1px solid rgba(220, 53, 69, 0.3);
}

/* Valid Message */
.valid-msg[b-us388z7t1v] {
    font-size: 11px;
    color: #28a745;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 2px 0;
}

/* Alert Items */
.alert-item[b-us388z7t1v] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 11px;
    padding: 3px 0;
}

.alert-code[b-us388z7t1v] {
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 600;
    flex-shrink: 0;
}

    .alert-code.critical[b-us388z7t1v] {
        background: #dc3545;
        color: #fff;
    }

    .alert-code.warning[b-us388z7t1v] {
        background: #ffc107;
        color: #000;
    }

    .alert-code.info[b-us388z7t1v] {
        background: #17a2b8;
        color: #fff;
    }

.alert-msg[b-us388z7t1v] {
    color: #333;
    line-height: 1.3;
    word-break: break-word;
}

/* Terms Summary */
.terms-summary[b-us388z7t1v] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dashed rgba(0,0,0,0.1);
    font-size: 11px;
}

.terms-label[b-us388z7t1v] {
    color: #666;
}

.terms-count[b-us388z7t1v] {
    font-weight: 600;
}

    .terms-count.good[b-us388z7t1v] {
        color: #28a745;
    }

    .terms-count.low[b-us388z7t1v] {
        color: #dc3545;
    }

/* ========== FLOATING ALERT ========== */
.floating-alert[b-us388z7t1v] {
    position: fixed;
    bottom: 100px;
    right: 20px;
    background: #dc3545;
    color: #fff;
    padding: 10px 14px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.4);
    display: flex;
    align-items: center;
    gap: 10px;
    animation: float-in-b-us388z7t1v 0.3s ease-out;
    z-index: 9999;
    max-width: 320px;
}

@keyframes float-in-b-us388z7t1v {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.alert-icon[b-us388z7t1v] {
    font-size: 18px;
}

.alert-content[b-us388z7t1v] {
    flex: 1;
    min-width: 0;
}

.alert-title[b-us388z7t1v] {
    font-weight: 600;
    font-size: 13px;
}

.alert-subtitle[b-us388z7t1v] {
    font-size: 11px;
    opacity: 0.9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.alert-close[b-us388z7t1v] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: #fff;
    padding: 3px 7px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s;
    font-size: 12px;
}

    .alert-close:hover[b-us388z7t1v] {
        background: rgba(255, 255, 255, 0.3);
    }

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .floating-alert[b-us388z7t1v] {
        left: 10px;
        right: 10px;
        bottom: 70px;
    }
}