/* /Components/Layout/Cases/AppointmentTranscription.razor.rz.scp.css */
/* Appointment Transcription Component Styles */
@keyframes pulse-b-doagk4dz9e {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.9; }
}

.recording-pulse[b-doagk4dz9e] {
    animation: pulse-b-doagk4dz9e 1.5s ease-in-out infinite;
}

.audio-wave[b-doagk4dz9e] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    height: 50px;
}

.audio-wave span[b-doagk4dz9e] {
    display: inline-block;
    width: 4px;
    background: linear-gradient(180deg, #dc3545, #ff6b7a);
    border-radius: 2px;
    animation: wave-b-doagk4dz9e 1s ease-in-out infinite;
}

.audio-wave span:nth-child(1)[b-doagk4dz9e] { animation-delay: 0s; height: 16px; }
.audio-wave span:nth-child(2)[b-doagk4dz9e] { animation-delay: 0.1s; height: 28px; }
.audio-wave span:nth-child(3)[b-doagk4dz9e] { animation-delay: 0.2s; height: 40px; }
.audio-wave span:nth-child(4)[b-doagk4dz9e] { animation-delay: 0.3s; height: 28px; }
.audio-wave span:nth-child(5)[b-doagk4dz9e] { animation-delay: 0.4s; height: 16px; }

@keyframes wave-b-doagk4dz9e {
    0%, 100% { transform: scaleY(0.5); }
    50% { transform: scaleY(1); }
}

.transcription-display[b-doagk4dz9e] {
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.transcription-text[b-doagk4dz9e] {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #212529;
}

.speaker-label[b-doagk4dz9e] {
    font-weight: 600;
    color: #0d6efd;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.word-high[b-doagk4dz9e] {
    color: #212529;
    font-weight: normal;
}

.word-medium[b-doagk4dz9e] {
    color: #fd7e14;
    font-weight: normal;
}

.word-low[b-doagk4dz9e] {
    color: #dc3545;
    font-weight: normal;
}

.word-partial[b-doagk4dz9e] {
    color: #6c757d;
    font-style: italic;
    opacity: 0.7;
}

.confidence-high[b-doagk4dz9e] {
    color: #198754;
    font-weight: 500;
}

.confidence-medium[b-doagk4dz9e] {
    color: #fd7e14;
    font-weight: 450;
}

.confidence-low[b-doagk4dz9e] {
    color: #dc3545;
    font-weight: 400;
}

.typing-cursor[b-doagk4dz9e] {
    display: inline-block;
    width: 2px;
    height: 1.2em;
    background: #0d6efd;
    margin-left: 2px;
    animation: blink-b-doagk4dz9e 1s step-end infinite;
    vertical-align: text-bottom;
}

@keyframes blink-b-doagk4dz9e {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}
/* /Components/Layout/Cases/CaseAppointmentsTab.razor.rz.scp.css */
/* CaseAppointmentsTab component styles */
.appointments-tab[b-ugbj6wbtbt] { min-height: 400px; }
.appointments-content[b-ugbj6wbtbt] { min-height: 0; }

/* Toolbar with search */
.appointments-toolbar[b-ugbj6wbtbt] {
    padding: 0;
}

/* Search clear button */
.btn-search-clear[b-ugbj6wbtbt] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 4px 6px;
    cursor: pointer;
    color: #94a3b8;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.btn-search-clear:hover[b-ugbj6wbtbt] {
    color: #64748b;
    background-color: #f1f5f9;
}

/* Grid Container */
.appointments-grid-container[b-ugbj6wbtbt] {
    width: 100%;
}

/* Header Row - flexible layout */
.appointments-header-row[b-ugbj6wbtbt] {
    display: grid;
    grid-template-columns: 80px 130px 100px 1fr 100px 180px 80px 90px;
    background: #f8fafc;
    border-bottom: 2px solid #e2e8f0;
}

.header-cell[b-ugbj6wbtbt] {
    font-weight: 600;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
    padding: 0.75rem 0.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-cell.cell-id[b-ugbj6wbtbt] {
    padding-left: 0.75rem;
}

.header-cell.cell-actions[b-ugbj6wbtbt] {
    text-align: right;
    padding-right: 0.75rem;
}

/* Sortable Headers */
.sortable-header[b-ugbj6wbtbt] {
    cursor: pointer;
    user-select: none;
    transition: all 0.1s ease;
}

.sortable-header:hover[b-ugbj6wbtbt] {
    background-color: #f1f5f9;
    color: #334155;
}

.sortable-header.active[b-ugbj6wbtbt] {
    background-color: rgba(var(--bs-primary-rgb), 0.06);
    color: var(--bs-primary);
}

.sort-icon[b-ugbj6wbtbt] {
    opacity: 0.3;
    margin-left: 3px;
    font-size: 0.6875rem;
}

.sort-icon.active[b-ugbj6wbtbt] {
    opacity: 1;
    color: var(--bs-primary);
}

/* Virtualized Table Body */
.virtualized-table-body[b-ugbj6wbtbt] {
    height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Grid layout for virtual rows - matches header exactly */
.appointment-row-virtual[b-ugbj6wbtbt] {
    display: grid;
    grid-template-columns: 80px 130px 100px 1fr 100px 180px 80px 90px;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background-color 0.15s ease;
    min-height: 52px;
}

.appointment-row-virtual:nth-child(even)[b-ugbj6wbtbt] {
    background-color: #fafbfc;
}

.appointment-row-virtual:hover[b-ugbj6wbtbt] {
    background-color: #f1f5f9 !important;
}

.appointment-row-virtual.expanded[b-ugbj6wbtbt] {
    background-color: #e7f1ff;
}

.appointment-row-virtual.expanded:hover[b-ugbj6wbtbt] {
    background-color: #d4e5ff;
}

.appointment-row-virtual .cell[b-ugbj6wbtbt] {
    padding: 0.25rem 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Cell-specific styles */
.cell-id[b-ugbj6wbtbt] {
    padding-left: 0.75rem !important;
}

.cell-datetime[b-ugbj6wbtbt] {
    white-space: nowrap;
}

.cell-duration[b-ugbj6wbtbt] {
    white-space: nowrap;
/*    font-size: 0.8125rem;*/
}

.cell-specialist[b-ugbj6wbtbt] {
    min-width: 0;
    overflow: hidden;
}

.specialist-name[b-ugbj6wbtbt] {
    max-width: 200px;
}

.cell-status[b-ugbj6wbtbt] {
    white-space: nowrap;
}

.cell-type[b-ugbj6wbtbt] {
    white-space: nowrap;
    overflow: hidden;
}

.cell-flags[b-ugbj6wbtbt] {
    white-space: nowrap;
}

.cell-actions[b-ugbj6wbtbt] {
    text-align: right;
    padding-right: 0.75rem !important;
}

/* Flag badges - compact icon indicators */
.flag-badge[b-ugbj6wbtbt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    font-size: 0.75rem;
}

.flag-badge i[b-ugbj6wbtbt] {
    font-size: 0.875rem;
}

.flag-mychoice[b-ugbj6wbtbt] {
    background-color: #fef3c7;
    color: #d97706;
    border: 1px solid #fcd34d;
}

.flag-video[b-ugbj6wbtbt] {
    background-color: #d1fae5;
    color: #059669;
    border: 1px solid #6ee7b7;
}

.flag-translation[b-ugbj6wbtbt] {
    background-color: #e0e7ff;
    color: #4f46e5;
    border: 1px solid #a5b4fc;
}

.flag-cancelled[b-ugbj6wbtbt] {
    background-color: #fee2e2;
    color: #dc2626;
    border: 1px solid #fca5a5;
}

/* Action buttons */
.action-buttons[b-ugbj6wbtbt] {
    display: flex;
    gap: 4px;
    justify-content: flex-end;
}

.action-btn[b-ugbj6wbtbt] {
    background: none;
    border: 1px solid #e2e8f0;
    padding: 4px 8px;
    cursor: pointer;
    color: #64748b;
    border-radius: 4px;
    transition: all 0.15s ease;
}

.action-btn:hover[b-ugbj6wbtbt] {
    background-color: #f1f5f9;
    color: #334155;
    border-color: #cbd5e1;
}

.action-btn i[b-ugbj6wbtbt] {
    font-size: 0.875rem;
}

/* Badges */
.appointments-grid-container .badge[b-ugbj6wbtbt] {
    font-weight: 500;
    font-size: 0.7rem;
    padding: 0.25em 0.5em;
}

/* Expanded Details Row */
.expanded-details-row[b-ugbj6wbtbt] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e2e8f0;
}

.expanded-panel[b-ugbj6wbtbt] {
    padding: 1rem 1.5rem;
    background: linear-gradient(to bottom, #f0f4f8, #f8f9fa);
    border-top: 1px solid #e0e0e0;
}

/* Info Cards */
.info-card[b-ugbj6wbtbt] { background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; overflow: hidden; height: 100%; }
.info-card-success[b-ugbj6wbtbt] { border-color: rgba(25, 135, 84, 0.3); }
.info-card-success .info-card-header[b-ugbj6wbtbt] { background: rgba(25, 135, 84, 0.1); color: #198754; }
.info-card-primary[b-ugbj6wbtbt] { border-color: rgba(13, 110, 253, 0.3); }
.info-card-primary .info-card-header[b-ugbj6wbtbt] { background: rgba(13, 110, 253, 0.1); color: #0d6efd; }
.info-card-info[b-ugbj6wbtbt] { border-color: rgba(13, 202, 240, 0.3); }
.info-card-info .info-card-header[b-ugbj6wbtbt] { background: rgba(13, 202, 240, 0.1); color: #0dcaf0; }
.info-card-header[b-ugbj6wbtbt] { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.75rem; background: #f8f9fa; border-bottom: 1px solid #e0e0e0; font-weight: 600; font-size: 0.8rem; }
.info-card-header i[b-ugbj6wbtbt] { font-size: 1rem; }
.info-card-body[b-ugbj6wbtbt] { padding: 0.75rem; }
.info-row[b-ugbj6wbtbt] { display: flex; justify-content: space-between; align-items: center; padding: 0.375rem 0; border-bottom: 1px solid #f0f0f0; }
.info-row:last-child[b-ugbj6wbtbt] { border-bottom: none; }
.info-label[b-ugbj6wbtbt] { font-size: 0.75rem; color: #6c757d; text-transform: uppercase; letter-spacing: 0.3px; }
.info-value[b-ugbj6wbtbt] { font-size: 0.875rem; color: #212529; }
.info-code[b-ugbj6wbtbt] { font-size: 0.75rem; background: #f8f9fa; padding: 0.125rem 0.375rem; border-radius: 3px; }
/* Specialist Avatar Styles */
.specialist-avatar[b-ugbj6wbtbt] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e0e0e0;
    flex-shrink: 0;
}

.specialist-avatar-placeholder[b-ugbj6wbtbt] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 2px solid #dee2e6;
}

.specialist-avatar-placeholder i[b-ugbj6wbtbt] {
    font-size: 0.875rem;
    color: #6c757d;
}

.specialist-avatar-lg[b-ugbj6wbtbt] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #0d6efd;
    flex-shrink: 0;
}

.specialist-avatar-placeholder-lg[b-ugbj6wbtbt] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #e3f2fd;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 2px solid #90caf9;
}

.specialist-avatar-placeholder-lg i[b-ugbj6wbtbt] {
    font-size: 1.5rem;
    color: #0d6efd;
}

/* Scrollbar styling */
.virtualized-table-body[b-ugbj6wbtbt]::-webkit-scrollbar { width: 6px; }
.virtualized-table-body[b-ugbj6wbtbt]::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
.virtualized-table-body[b-ugbj6wbtbt]::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 10px; }
.virtualized-table-body[b-ugbj6wbtbt]::-webkit-scrollbar-thumb:hover { background: #a1a1a1; }

/* Modal styles */
.appointment-modal[b-ugbj6wbtbt] { border-radius: 8px; box-shadow: 0 8px 32px rgba(0,0,0,0.15); overflow: hidden; }
.appointment-modal .modal-header[b-ugbj6wbtbt] { padding: 0.75rem 1rem; background: #f8f9fa; border-bottom: 1px solid #e9ecef; }
.appointment-modal .modal-title[b-ugbj6wbtbt] { font-size: 1rem; font-weight: 600; }
.appointment-modal .modal-body[b-ugbj6wbtbt] { padding: 0; max-height: 65vh; overflow-y: auto; }
.appointment-modal .modal-footer.compact[b-ugbj6wbtbt] { padding: 0.5rem 1rem; background: #f8f9fa; border-top: 1px solid #e9ecef; }
/* Scheduling tabs */
.scheduling-tabs-compact[b-ugbj6wbtbt] { display: flex; background: #fff; border-bottom: 1px solid #e9ecef; }
.scheduling-tabs-compact .tab-btn[b-ugbj6wbtbt] { flex: 1; display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.625rem 1rem; border: none; background: #f8f9fa; color: #6c757d; font-size: 0.8125rem; font-weight: 500; cursor: pointer; transition: all 0.15s ease; border-bottom: 2px solid transparent; }
.scheduling-tabs-compact .tab-btn:hover[b-ugbj6wbtbt] { background: #e9ecef; color: #495057; }
.scheduling-tabs-compact .tab-btn.active[b-ugbj6wbtbt] { background: #fff; color: #0d6efd; border-bottom-color: #0d6efd; }
.scheduling-tabs-compact .tab-btn i[b-ugbj6wbtbt] { font-size: 1rem; }
.tab-content-wrapper[b-ugbj6wbtbt] { padding: 0.75rem; }
/* Form styles */
.tab-instructions[b-ugbj6wbtbt] { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.75rem; border-radius: 4px; font-size: 0.75rem; margin-bottom: 0.75rem; }
.tab-instructions i[b-ugbj6wbtbt] { font-size: 1rem; }
.tab-instructions.primary[b-ugbj6wbtbt] { background: #e3f2fd; border: 1px solid #90caf9; color: #1565c0; }
.tab-instructions.success[b-ugbj6wbtbt] { background: #e8f5e9; border: 1px solid #a5d6a7; color: #2e7d32; }
.compact-form-row[b-ugbj6wbtbt] { display: flex; gap: 0.5rem; align-items: flex-end; margin-bottom: 0.75rem; }
.compact-form-row .form-field[b-ugbj6wbtbt] { flex: 1; }
.compact-form-row .form-field.my-choice-toggle[b-ugbj6wbtbt] { flex: 0 0 auto; }
.compact-label[b-ugbj6wbtbt] { display: block; font-size: 0.6875rem; font-weight: 600; color: #6c757d; text-transform: uppercase; letter-spacing: 0.3px; margin-bottom: 0.25rem; }
.compact-label.required-field[b-ugbj6wbtbt]::after { content: " *"; color: #dc3545; }
/* My Choice styles */
.my-choice-check[b-ugbj6wbtbt] { display: flex; align-items: center; gap: 0.375rem; padding: 0.375rem 0.75rem; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 4px; font-size: 0.75rem; font-weight: 500; color: #6c757d; cursor: pointer; transition: all 0.15s ease; white-space: nowrap; }
.my-choice-check input[b-ugbj6wbtbt] { display: none; }
.my-choice-check:hover[b-ugbj6wbtbt] { background: #e8f5e9; border-color: #81c784; }
.my-choice-check.checked[b-ugbj6wbtbt] { background: #e8f5e9; border-color: #4caf50; color: #2e7d32; }
.my-choice-check.checked i[b-ugbj6wbtbt] { color: #4caf50; }
.my-choice-check i[b-ugbj6wbtbt] { font-size: 0.875rem; color: #9e9e9e; }
.my-choice-search-panel[b-ugbj6wbtbt] { background: #fafafa; border: 1px solid #e0e0e0; border-radius: 6px; padding: 0.75rem; min-height: 120px; }
.search-date-range[b-ugbj6wbtbt] { display: flex; gap: 0.5rem; align-items: flex-end; margin-bottom: 0.75rem; padding-bottom: 0.75rem; border-bottom: 1px solid #e0e0e0; }
.search-date-range .date-field[b-ugbj6wbtbt] { flex: 1; }
.search-date-range .search-btn-field[b-ugbj6wbtbt] { flex: 0 0 auto; }
.search-prompt-simple[b-ugbj6wbtbt] { display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 1rem; color: #666; font-size: 0.8125rem; }
.search-prompt-simple i[b-ugbj6wbtbt] { font-size: 1.5rem; color: #4caf50; }
/* Specialists grid */
.specialists-grid[b-ugbj6wbtbt] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 0.5rem; }
.specialist-tile[b-ugbj6wbtbt] { display: flex; align-items: center; gap: 0.5rem; padding: 0.625rem; background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; cursor: pointer; transition: all 0.15s ease; }
.specialist-tile:hover[b-ugbj6wbtbt] { border-color: #4caf50; background: #f1f8e9; }
.specialist-tile.selected[b-ugbj6wbtbt] { border-color: #4caf50; background: #e8f5e9; box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2); }
.specialist-tile-icon[b-ugbj6wbtbt] { width: 32px; height: 32px; background: #e8f5e9; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.specialist-tile-icon i[b-ugbj6wbtbt] { font-size: 1rem; color: #4caf50; }
.specialist-tile.selected .specialist-tile-icon[b-ugbj6wbtbt] { background: #4caf50; }
.specialist-tile.selected .specialist-tile-icon i[b-ugbj6wbtbt] { color: #fff; }
.specialist-tile-info[b-ugbj6wbtbt] { flex: 1; min-width: 0; }
.specialist-tile-name[b-ugbj6wbtbt] { font-size: 0.8125rem; font-weight: 600; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.specialist-tile-slots[b-ugbj6wbtbt] { font-size: 0.6875rem; color: #666; }
.specialist-tile-check[b-ugbj6wbtbt] { color: #4caf50; font-size: 1.25rem; }
/* Selection summary */
.selection-summary[b-ugbj6wbtbt] { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.75rem; border-radius: 4px; font-size: 0.8125rem; margin-top: 0.75rem; }
.selection-summary.success[b-ugbj6wbtbt] { background: #e8f5e9; border: 1px solid #4caf50; color: #2e7d32; }
.selection-summary.primary[b-ugbj6wbtbt] { background: #e3f2fd; border: 1px solid #2196f3; color: #1565c0; }
.selection-summary i[b-ugbj6wbtbt] { font-size: 1.25rem; }
.selection-summary div[b-ugbj6wbtbt] { flex: 1; }
.selection-summary .btn-clear[b-ugbj6wbtbt] { background: none; border: none; color: inherit; opacity: 0.7; cursor: pointer; padding: 0.25rem; }
.selection-summary .btn-clear:hover[b-ugbj6wbtbt] { opacity: 1; }
/* Manual form */
.manual-tab-content .manual-form[b-ugbj6wbtbt] { background: #f8f9fa; padding: 0.75rem; border-radius: 6px; }
.duration-select[b-ugbj6wbtbt] { display: flex; gap: 2px; }
.duration-select .dur-btn[b-ugbj6wbtbt] { flex: 1; padding: 0.375rem 0.25rem; border: 1px solid #dee2e6; background: #fff; font-size: 0.75rem; font-weight: 500; color: #495057; cursor: pointer; transition: all 0.15s ease; }
.duration-select .dur-btn:first-child[b-ugbj6wbtbt] { border-radius: 4px 0 0 4px; }
.duration-select .dur-btn:last-child[b-ugbj6wbtbt] { border-radius: 0 4px 4px 0; }
.duration-select .dur-btn:hover[b-ugbj6wbtbt] { background: #e9ecef; }
.duration-select .dur-btn.active[b-ugbj6wbtbt] { background: #0d6efd; border-color: #0d6efd; color: #fff; }
/* Availability search wrapper */
.availability-search-wrapper[b-ugbj6wbtbt] { border: 1px solid #e0e0e0; border-radius: 6px; overflow: hidden; }
.no-results[b-ugbj6wbtbt] { text-align: center; padding: 1.5rem; color: #666; }
.no-results i[b-ugbj6wbtbt] { font-size: 2rem; color: #ccc; margin-bottom: 0.5rem; }
.no-results p[b-ugbj6wbtbt] { font-size: 0.8125rem; margin-bottom: 0.75rem; }
/* Modal footer */
.modal-footer .btn[b-ugbj6wbtbt] { padding: 0.625rem 1.5rem; font-weight: 500; border-radius: 6px; }
/* Responsive adjustments */
@media (max-width: 1400px) {
    .appointments-header-row[b-ugbj6wbtbt],
    .appointment-row-virtual[b-ugbj6wbtbt] {
        grid-template-columns: 75px 120px 95px 1fr 95px 160px 70px 85px;
    }
}

@media (max-width: 1200px) {
    .appointments-header-row[b-ugbj6wbtbt],
    .appointment-row-virtual[b-ugbj6wbtbt] {
        grid-template-columns: 70px 110px 90px 1fr 90px 140px 65px 80px;
    }
    
    .specialist-name[b-ugbj6wbtbt] {
        max-width: 150px;
    }
}

@media (max-width: 992px) {
    .appointments-header-row[b-ugbj6wbtbt],
    .appointment-row-virtual[b-ugbj6wbtbt] {
        grid-template-columns: 65px 100px 85px 1fr 85px 70px;
    }
    
    .cell-type[b-ugbj6wbtbt],
    .cell-flags[b-ugbj6wbtbt],
    .header-cell.cell-type[b-ugbj6wbtbt],
    .header-cell.cell-flags[b-ugbj6wbtbt] {
        display: none;
    }
    
    .specialist-name[b-ugbj6wbtbt] {
        max-width: 120px;
    }
}

@media (max-width: 768px) {
    .appointments-header-row[b-ugbj6wbtbt],
    .appointment-row-virtual[b-ugbj6wbtbt] {
        grid-template-columns: 60px 100px 1fr 60px;
    }
    
    .cell-duration[b-ugbj6wbtbt],
    .cell-status[b-ugbj6wbtbt],
    .header-cell.cell-duration[b-ugbj6wbtbt],
    .header-cell.cell-status[b-ugbj6wbtbt] {
        display: none;
    }
    
    .specialist-name[b-ugbj6wbtbt] {
        max-width: 100px;
    }
}

/* ============================================
   View Transcriptions Modal Styles
   ============================================ */

.transcription-modal-icon[b-ugbj6wbtbt] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.25);
}

.empty-state-icon[b-ugbj6wbtbt] {
    width: 80px;
    height: 80px;
    background: #f1f5f9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.empty-state-icon i[b-ugbj6wbtbt] {
    font-size: 2.5rem;
    color: #94a3b8;
}

.transcriptions-summary[b-ugbj6wbtbt] {
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

/* Transcription Cards */
.transcription-cards[b-ugbj6wbtbt] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.transcription-card[b-ugbj6wbtbt] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.2s ease;
}

.transcription-card:hover[b-ugbj6wbtbt] {
    border-color: #cbd5e1;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.transcription-card.expanded[b-ugbj6wbtbt] {
    border-color: #0ea5e9;
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.1);
}

.transcription-card-header[b-ugbj6wbtbt] {
    padding: 1rem;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.transcription-card-header:hover[b-ugbj6wbtbt] {
    background-color: #f8fafc;
}

.transcription-icon-wrapper[b-ugbj6wbtbt] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0284c7;
    font-size: 1.125rem;
    flex-shrink: 0;
}

.transcription-card.expanded .transcription-icon-wrapper[b-ugbj6wbtbt] {
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    color: white;
}

.transcription-title[b-ugbj6wbtbt] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
    line-height: 1.3;
}

.transcription-meta[b-ugbj6wbtbt] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 4px;
}

.transcription-meta .meta-item[b-ugbj6wbtbt] {
    font-size: 0.75rem;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 4px;
}

.transcription-meta .meta-item i[b-ugbj6wbtbt] {
    font-size: 0.875rem;
    color: #94a3b8;
}

.encrypted-badge[b-ugbj6wbtbt] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    color: #15803d;
    border-radius: 20px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border: 1px solid #bbf7d0;
}

.encrypted-badge i[b-ugbj6wbtbt] {
    font-size: 0.875rem;
}

.expand-indicator[b-ugbj6wbtbt] {
    width: 28px;
    height: 28px;
    background: #f1f5f9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    transition: all 0.2s ease;
}

.transcription-card.expanded .expand-indicator[b-ugbj6wbtbt] {
    background: #0ea5e9;
    color: white;
    transform: rotate(180deg);
}

.transcription-card-header:hover .expand-indicator[b-ugbj6wbtbt] {
    background: #e2e8f0;
}

.transcription-card.expanded .transcription-card-header:hover .expand-indicator[b-ugbj6wbtbt] {
    background: #0284c7;
}

/* Transcription Content (Expanded) */
.transcription-card-body[b-ugbj6wbtbt] {
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

.transcription-text-container[b-ugbj6wbtbt] {
    padding: 1rem;
    max-height: 350px;
    overflow-y: auto;
}

.transcription-text[b-ugbj6wbtbt] {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 0.875rem;
    line-height: 1.7;
    color: #334155;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1rem;
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.transcription-footer[b-ugbj6wbtbt] {
    padding: 0.75rem 1rem;
    background: #f1f5f9;
    border-top: 1px solid #e2e8f0;
}

.transcription-footer .btn-outline-primary[b-ugbj6wbtbt] {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
}
/* /Components/Layout/Cases/CaseStatusActions.razor.rz.scp.css */
.case-status-actions[b-9uzl80h241] {
    font-size: 0.9rem;
}

.status-header h6[b-9uzl80h241] {
    font-size: 0.95rem;
}

.next-status-preview[b-9uzl80h241] {
    background-color: #f8f9fa;
}

.category-group small[b-9uzl80h241] {
    font-size: 0.7rem;
    letter-spacing: 0.5px;
}

.action-status[b-9uzl80h241] {
    width: 24px;
    flex-shrink: 0;
}

.action-content[b-9uzl80h241] {
    min-width: 0;
}

.list-group-item[b-9uzl80h241] {
    background: transparent;
}

/* Status Override Panel - default neutral styling */
.status-override[b-9uzl80h241] {
    background-color: #f8f9fa;
    margin: 0 -1rem -1rem -1rem;
    padding: 0.75rem 1rem;
    border-radius: 0 0 0.375rem 0.375rem;
}

/* Yellow background only when there's a pending change */
.status-override.has-pending-change[b-9uzl80h241] {
    background-color: #fff3cd;
}

.status-override small[b-9uzl80h241] {
    font-size: 0.7rem;
    letter-spacing: 0.5px;
}

.override-panel[b-9uzl80h241] {
    margin-top: 0.5rem;
}

/* Pending override alert styling */
.override-pending-alert[b-9uzl80h241] {
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 0.25rem;
    padding: 0.5rem 0.75rem;
}

/* Warning border for select when pending */
.form-select.border-warning[b-9uzl80h241] {
    border-color: #ffc107 !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
}
/* /Components/Layout/Cases/Cases_CaseNotes.razor.rz.scp.css */
/* Cases_CaseNotes component styles */

/* Card Structure - Compact */
.note-card[b-571wzleavu] {
    transition: all 0.15s ease;
    border-radius: 8px !important;
    border-color: #dee2e6 !important;
}

.note-card:hover[b-571wzleavu] {
    border-color: #adb5bd !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

.note-card.pinned-note[b-571wzleavu] {
    border-left: 3px solid var(--bs-warning) !important;
}

/* Note Content Base */
.note-content[b-571wzleavu] {
    line-height: 1.6;
    color: #374151;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.note-content.collapsed[b-571wzleavu] {
    max-height: 80px;
    overflow: hidden;
    position: relative;
}

.note-content.collapsed[b-571wzleavu]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
    pointer-events: none;
}

/* ========================================
   Quill Editor Output Styling
   Using ::deep to penetrate CSS isolation
   for dynamically injected HTML content
   ======================================== */

/* Paragraphs */
[b-571wzleavu] .note-content p {
    margin-bottom: 0.1rem;
    margin-top: 0;
}

[b-571wzleavu] .note-content p > br:only-child {
    display: block;
    content: "";
    margin-top: 0.3rem;
}

/* Blockquotes */
[b-571wzleavu] .note-content blockquote {
    border-left: 3px solid var(--bs-primary);
    padding-left: 0.75rem;
    margin: 0.5rem 0;
    color: var(--bs-secondary-color);
    font-size: 0.85rem;
}

/* Code blocks */
[b-571wzleavu] .note-content pre,
[b-571wzleavu] .note-content code {
    background: #f8f9fa;
    border-radius: 4px;
    padding: 0.5rem;
    font-size: 0.8rem;
}

[b-571wzleavu] .note-content code {
    padding: 0.1rem 0.3rem;
    color: #e83e8c;
}

/* Quill Alignment Classes */
[b-571wzleavu] .note-content .ql-align-center,
[b-571wzleavu] .note-content p.ql-align-center,
[b-571wzleavu] .note-content [class*="ql-align-center"] {
    text-align: center !important;
}

[b-571wzleavu] .note-content .ql-align-right,
[b-571wzleavu] .note-content p.ql-align-right,
[b-571wzleavu] .note-content [class*="ql-align-right"] {
    text-align: right !important;
}

[b-571wzleavu] .note-content .ql-align-justify,
[b-571wzleavu] .note-content p.ql-align-justify,
[b-571wzleavu] .note-content [class*="ql-align-justify"] {
    text-align: justify !important;
}

/* Hide Quill UI elements */
[b-571wzleavu] .note-content .ql-ui,
[b-571wzleavu] .note-content [contenteditable="false"] {
    display: none !important;
}

/* Quill List Styling - Base */
[b-571wzleavu] .note-content ol {
    padding-left: 0;
    margin: 0.5rem 0;
    list-style: none;
    counter-reset: list-counter;
}

[b-571wzleavu] .note-content ol li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.25rem;
}

/* Bullet list items */
[b-571wzleavu] .note-content ol li[data-list="bullet"]::before {
    content: "�";
    position: absolute;
    left: 0.5rem;
    color: #374151;
    font-weight: bold;
}

/* Ordered/Numbered list items */
[b-571wzleavu] .note-content ol li[data-list="ordered"] {
    counter-increment: list-counter;
}

[b-571wzleavu] .note-content ol li[data-list="ordered"]::before {
    content: counter(list-counter) ".";
    position: absolute;
    left: 0.25rem;
    color: #374151;
}

/* Quill indent levels */
[b-571wzleavu] .note-content .ql-indent-1,
[b-571wzleavu] .note-content li.ql-indent-1 {
    padding-left: 3rem !important;
}

[b-571wzleavu] .note-content .ql-indent-2,
[b-571wzleavu] .note-content li.ql-indent-2 {
    padding-left: 4.5rem !important;
}

[b-571wzleavu] .note-content .ql-indent-3,
[b-571wzleavu] .note-content li.ql-indent-3 {
    padding-left: 6rem !important;
}

[b-571wzleavu] .note-content .ql-indent-4,
[b-571wzleavu] .note-content li.ql-indent-4 {
    padding-left: 7.5rem !important;
}

[b-571wzleavu] .note-content .ql-indent-5,
[b-571wzleavu] .note-content li.ql-indent-5 {
    padding-left: 9rem !important;
}

/* ========================================
   End Quill Styling
   ======================================== */

/* Timeline Styling */
.timeline-date-badge[b-571wzleavu] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--bs-body-bg);
    padding: 0.25rem 0;
}

/* Sera Summary Card */
.sera-summary-card[b-571wzleavu] {
    border-radius: 8px !important;
    transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    position: relative;
    border: 1px solid #dee2e6 !important;
}

/* Sera New Update - Green border and pulsing animation */
.sera-summary-card.sera-new-update[b-571wzleavu] {
    border: 2px solid var(--bs-success) !important;
    box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.2), 
                0 4px 12px rgba(25, 135, 84, 0.15) !important;
    animation: sera-pulse-attention-b-571wzleavu 0.6s ease-in-out 5;
}

/* Strong pulse animation that runs 5 times to grab attention */
@keyframes sera-pulse-attention-b-571wzleavu {
    0% {
        background-color: rgba(25, 135, 84, 0);
        box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.2), 
                    0 4px 12px rgba(25, 135, 84, 0.15);
        transform: scale(1);
    }
    50% {
        background-color: rgba(25, 135, 84, 0.1);
        box-shadow: 0 0 0 6px rgba(25, 135, 84, 0.35), 
                    0 6px 20px rgba(25, 135, 84, 0.3);
        transform: scale(1.015);
    }
    100% {
        background-color: rgba(25, 135, 84, 0);
        box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.2), 
                    0 4px 12px rgba(25, 135, 84, 0.15);
        transform: scale(1);
    }
}

.collapse-icon[b-571wzleavu] {
    transition: transform 0.2s ease;
    font-size: 1rem;
}

.bg-gradient-subtle[b-571wzleavu] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.03), rgba(59, 130, 246, 0.03));
}

.summary-content[b-571wzleavu] {
    line-height: 1.5;
    color: #374151;
}

.summary-content.collapsed[b-571wzleavu] {
    max-height: 100px;
    overflow: hidden;
    position: relative;
}

.summary-content.collapsed[b-571wzleavu]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}

/* Editor Styling */
.sticky-editor[b-571wzleavu] {
    position: sticky;
    top: 1rem;
    border-radius: 8px !important;
}

/* Dropdown Styling */
.dropdown-menu[b-571wzleavu] {
    border-radius: 6px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    min-width: 120px;
}

.dropdown-item[b-571wzleavu] {
    font-size: 0.8rem;
}

/* Pinned Notes Container */
.pinned-notes-container[b-571wzleavu] {
    border-left: 2px solid var(--bs-warning);
    padding-left: 0.75rem;
    margin-left: 0.25rem;
}

/* Helpers */
.cursor-pointer[b-571wzleavu] {
    cursor: pointer;
}

.min-width-0[b-571wzleavu] {
    min-width: 0;
}

.note-preview[b-571wzleavu] {
    max-height: 60px;
    overflow: hidden;
}

/* ========================================
   Email Note Styling
   ======================================== */

/* Email note cards - left border indicator */
.note-card.email-note-inbound[b-571wzleavu] {
    border-left: 3px solid #10b981 !important;
    background-color: rgba(16, 185, 129, 0.02);
}

.note-card.email-note-outbound[b-571wzleavu] {
    border-left: 3px solid #0d6efd !important;
    background-color: rgba(13, 110, 253, 0.02);
}

/* Email direction indicator icon */
.email-direction-indicator[b-571wzleavu] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.email-direction-indicator.inbound[b-571wzleavu] {
    background-color: rgba(16, 185, 129, 0.15);
    color: #10b981;
}

.email-direction-indicator.outbound[b-571wzleavu] {
    background-color: rgba(13, 110, 253, 0.15);
    color: #0d6efd;
}

/* Email content specific styling */
[b-571wzleavu] .note-content.email-content strong {
    color: #1e293b;
    font-weight: 600;
}

[b-571wzleavu] .note-content.email-content hr {
    border-color: #e5e7eb;
    opacity: 0.5;
    margin: 0.75rem 0;
}

/* Email header lines (From, To, Subject) */
[b-571wzleavu] .note-content.email-content p:first-of-type,
[b-571wzleavu] .note-content.email-content p:nth-of-type(2),
[b-571wzleavu] .note-content.email-content p:nth-of-type(3) {
    margin-bottom: 0.25rem;
}

/* Full email body container */
.email-body-container[b-571wzleavu] {
    background-color: #fafbfc;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 1rem;
    margin-top: 0.5rem;
    max-height: 500px;
    overflow-y: auto;
    font-size: 0.875rem;
    line-height: 1.5;
}

/* Ensure email content respects container bounds */
[b-571wzleavu] .email-body-container img {
    max-width: 100%;
    height: auto;
}

[b-571wzleavu] .email-body-container table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
}

[b-571wzleavu] .email-body-container pre {
    white-space: pre-wrap;
    word-break: break-word;
}

/* ========================================
   End Email Styling
   ======================================== */

/* Responsive */
@media (max-width: 991.98px) {
    .sticky-editor[b-571wzleavu] {
        position: relative;
        top: 0;
    }
    
    .timeline-date-badge[b-571wzleavu] {
        position: relative;
    }
}
/* /Components/Layout/Cases/Cases_ClinicalNotes.razor.rz.scp.css */
/* Cases_ClinicalNotes component styles */

/* Card Structure - Compact */
.note-card[b-s16qr90a8w] {
    transition: all 0.15s ease;
    border-radius: 8px !important;
    overflow: hidden; /* Ensures border-radius clips the border */
}

.note-card:hover[b-s16qr90a8w] {
    border-color: #adb5bd !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

/* Clinical Note Specific Styling - Use box-shadow for reliable left border */
.note-card.clinical-note[b-s16qr90a8w] {
    border-left: 4px solid #dc3545 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.note-card.pinned-note[b-s16qr90a8w] {
    border-left: 4px solid #ffc107 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.note-card.clinical-note.pinned-note[b-s16qr90a8w] {
    border-left: 4px solid #ffc107 !important;
    background: linear-gradient(to right, rgba(255, 193, 7, 0.05), transparent);
}

/* Sticky Editor */
.sticky-editor[b-s16qr90a8w] {
    position: sticky;
    top: 1rem;
    z-index: 100;
}

/* Note Content Base */
.note-content[b-s16qr90a8w] {
    line-height: 1.6;
    color: #374151;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.note-content.collapsed[b-s16qr90a8w] {
    max-height: 80px;
    overflow: hidden;
    position: relative;
}

.note-content.collapsed[b-s16qr90a8w]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
    pointer-events: none;
}

/* ========================================
   Quill Editor Output Styling
   Using ::deep to penetrate CSS isolation
   for dynamically injected HTML content
   ======================================== */

/* Paragraphs */
[b-s16qr90a8w] .note-content p {
    margin-bottom: 0.1rem;
    margin-top: 0;
}

[b-s16qr90a8w] .note-content p > br:only-child {
    display: block;
    content: "";
    margin-top: 0.3rem;
}

/* Blockquotes */
[b-s16qr90a8w] .note-content blockquote {
    border-left: 3px solid var(--bs-danger);
    padding-left: 0.75rem;
    margin: 0.5rem 0;
    color: var(--bs-secondary-color);
    font-size: 0.85rem;
}

/* Code blocks */
[b-s16qr90a8w] .note-content pre,
[b-s16qr90a8w] .note-content code {
    background: #f8f9fa;
    border-radius: 4px;
    padding: 0.5rem;
    font-size: 0.8rem;
}

[b-s16qr90a8w] .note-content code {
    padding: 0.1rem 0.3rem;
    color: #e83e8c;
}

/* Quill Alignment Classes */
[b-s16qr90a8w] .note-content .ql-align-center,
[b-s16qr90a8w] .note-content p.ql-align-center,
[b-s16qr90a8w] .note-content [class*="ql-align-center"] {
    text-align: center !important;
}

[b-s16qr90a8w] .note-content .ql-align-right,
[b-s16qr90a8w] .note-content p.ql-align-right,
[b-s16qr90a8w] .note-content [class*="ql-align-right"] {
    text-align: right !important;
}

[b-s16qr90a8w] .note-content .ql-align-justify,
[b-s16qr90a8w] .note-content p.ql-align-justify,
[b-s16qr90a8w] .note-content [class*="ql-align-justify"] {
    text-align: justify !important;
}

/* Hide Quill UI elements */
[b-s16qr90a8w] .note-content .ql-ui,
[b-s16qr90a8w] .note-content [contenteditable="false"] {
    display: none !important;
}

/* Quill List Styling - Base */
[b-s16qr90a8w] .note-content ol {
    padding-left: 0;
    margin: 0.5rem 0;
    list-style: none;
    counter-reset: list-counter;
}

[b-s16qr90a8w] .note-content ol li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.25rem;
}

/* Bullet list items */
[b-s16qr90a8w] .note-content ol li[data-list="bullet"]::before {
    content: "�";
    position: absolute;
    left: 0.5rem;
    color: #374151;
    font-weight: bold;
}

/* Ordered/Numbered list items */
[b-s16qr90a8w] .note-content ol li[data-list="ordered"] {
    counter-increment: list-counter;
}

[b-s16qr90a8w] .note-content ol li[data-list="ordered"]::before {
    content: counter(list-counter) ".";
    position: absolute;
    left: 0.25rem;
    color: #374151;
}

/* Quill indent levels */
[b-s16qr90a8w] .note-content .ql-indent-1,
[b-s16qr90a8w] .note-content li.ql-indent-1 {
    padding-left: 3rem !important;
}

[b-s16qr90a8w] .note-content .ql-indent-2,
[b-s16qr90a8w] .note-content li.ql-indent-2 {
    padding-left: 4.5rem !important;
}

[b-s16qr90a8w] .note-content .ql-indent-3,
[b-s16qr90a8w] .note-content li.ql-indent-3 {
    padding-left: 6rem !important;
}

[b-s16qr90a8w] .note-content .ql-indent-4,
[b-s16qr90a8w] .note-content li.ql-indent-4 {
    padding-left: 7.5rem !important;
}

[b-s16qr90a8w] .note-content .ql-indent-5,
[b-s16qr90a8w] .note-content li.ql-indent-5 {
    padding-left: 9rem !important;
}

/* ========================================
   End Quill Styling
   ======================================== */

/* Timeline Styling */
.timeline-date-badge[b-s16qr90a8w] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--bs-body-bg);
    padding: 0.25rem 0;
}

/* Note Preview for Delete Modal */
.note-preview[b-s16qr90a8w] {
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ========================================
   Transcription Timeline Card Styles
   ======================================== */

/* Transcription Card - Use box-shadow for reliable left border */
.note-card.transcription-card[b-s16qr90a8w] {
    border-left: 4px solid #0ea5e9 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background: linear-gradient(to right, rgba(14, 165, 233, 0.03), transparent);
}

.note-card.transcription-card:hover[b-s16qr90a8w] {
    border-color: #0284c7 !important;
}

/* Transcription Avatar */
.transcription-avatar[b-s16qr90a8w] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.15) 0%, rgba(6, 182, 212, 0.15) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0ea5e9;
    font-size: 1rem;
}

.transcription-preview[b-s16qr90a8w] {
    font-size: 0.8rem;
    line-height: 1.4;
    color: #64748b;
    border-top: 1px solid #f1f5f9;
    padding-top: 0.5rem;
    margin-top: 0.5rem;
}

/* Transcription Expanded Content */
.transcription-content-expanded[b-s16qr90a8w] {
    background: transparent;
}

.transcription-text[b-s16qr90a8w] {
    color: #374151;
    font-family: 'Segoe UI', system-ui, sans-serif;
}

/* Transcription Full Content in Modal */
.transcription-full-content[b-s16qr90a8w] {
    color: #374151;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
    .sticky-editor[b-s16qr90a8w] {
        position: relative;
        top: 0;
    }
}
/* /Components/Layout/Cases/Cases_Documents.razor.rz.scp.css */
/* Cases_Documents styles (component-scoped) */
fieldset[disabled][b-m9n0x30slj] { opacity: 0.9; }
.alert-success[b-m9n0x30slj] { border-left: 4px solid var(--bs-success); }
/* /Components/Layout/Cases/Cases_Examinee.razor.rz.scp.css */
/* Cases_Examinee styles (scoped) */
.fieldset[b-zigj4mrbge] { margin-bottom: 1rem; }
/* /Components/Layout/Cases/Cases_Overview.razor.rz.scp.css */
/* Cases_Overview component styles */
fieldset[b-0pkug3wzrb] { margin-bottom: 1rem; }

/* Container that holds avatar + select */
.specialist-inline[b-0pkug3wzrb] {
    display: flex;
    align-items: center;
    gap: 0.5rem; /* small gap between avatar and select */
}

/* Small avatar image */
.specialist-avatar-sm[b-0pkug3wzrb] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e2e8f0;
    flex: 0 0 auto;
}

/* Initials avatar (fallback) */
.specialist-avatar-initial[b-0pkug3wzrb] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    flex: 0 0 auto;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

/* Ensure the select lines up with avatar height */
.specialist-inline .form-select[b-0pkug3wzrb] {
    min-height: 38px;
    height: 38px;
    padding-top: 0.375rem; /* match Bootstrap vertical padding */
    padding-bottom: 0.375rem;
}

/* Tighter label spacing when used inside the inline container */
.specialist-inline .form-label[b-0pkug3wzrb] {
    margin-bottom: 0.15rem;
    font-size: 0.875rem;
}

/* Make email field align with the row height if needed */
.col-3.mb-3 input[readonly][b-0pkug3wzrb],
.col-3.mb-3 .form-select[b-0pkug3wzrb] {
    box-sizing: border-box;
}

/* Client select group - logo, dropdown, and badge inline */
.client-select-group[b-0pkug3wzrb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.client-select-group .form-select[b-0pkug3wzrb] {
    flex: 1;
    min-width: 0; /* Allow shrinking */
}

/* Client type badge styling */
.client-type-badge[b-0pkug3wzrb] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 600;
    color: #fff;
    background-color: var(--bs-primary, #0d6efd);
    border-radius: 0.25rem;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Sticky status actions sidebar */
.status-actions-sticky[b-0pkug3wzrb] {
    position: sticky;
    top: 1rem;
}

/* On smaller screens, remove sticky behavior */
@media (max-width: 991.98px) {
    .status-actions-sticky[b-0pkug3wzrb] {
        position: static;
    }

    /* Stack client group elements on very small screens */
    .client-select-group[b-0pkug3wzrb] {
        flex-wrap: wrap;
    }

    .client-select-group .form-select[b-0pkug3wzrb] {
        flex: 1 1 100%;
        order: 2;
        margin-top: 0.25rem;
    }

    .client-type-badge[b-0pkug3wzrb] {
        order: 1;
    }
}
/* /Components/Layout/Cases/Cases_RelatedCases.razor.rz.scp.css */
/* Related Cases Timeline Styles */

.related-cases-container[b-xjdwo548pr] {
    padding: 1rem;
}

.empty-state-icon[b-xjdwo548pr] {
    font-size: 3rem;
    color: #d3d8de;
}

/* Vertical Timeline */
.timeline-vertical[b-xjdwo548pr] {
    position: relative;
    padding-left: 2rem;
}

.timeline-vertical[b-xjdwo548pr]::before {
    content: '';
    position: absolute;
    left: 0.75rem;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, #e5e8eb 0%, #3e60d5 50%, #e5e8eb 100%);
}

.timeline-item[b-xjdwo548pr] {
    position: relative;
    margin-bottom: 1.5rem;
}

.timeline-item:last-child[b-xjdwo548pr] {
    margin-bottom: 0;
}

.timeline-marker[b-xjdwo548pr] {
    position: absolute;
    left: -1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #e5e8eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: #98a6ad;
    z-index: 1;
}

.timeline-item.current .timeline-marker[b-xjdwo548pr] {
    background: #3e60d5;
    border-color: #3e60d5;
    color: #fff;
}

.timeline-content[b-xjdwo548pr] {
    padding-left: 0.5rem;
}

/* Case Card */
.case-card[b-xjdwo548pr] {
    background: #fff;
    border: 1px solid #e5e8eb;
    border-radius: 0.5rem;
    overflow: hidden;
    transition: all 0.15s ease;
}

.case-card:hover[b-xjdwo548pr] {
    border-color: #3e60d5;
    box-shadow: 0 2px 8px rgba(62, 96, 213, 0.1);
}

.case-card.current[b-xjdwo548pr] {
    border-color: #3e60d5;
    box-shadow: 0 0 0 3px rgba(62, 96, 213, 0.1);
}

.case-card-header[b-xjdwo548pr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e5e8eb;
}

.case-card.current .case-card-header[b-xjdwo548pr] {
    background: linear-gradient(135deg, rgba(62, 96, 213, 0.05) 0%, rgba(62, 96, 213, 0.1) 100%);
}

.case-reference[b-xjdwo548pr] {
    font-weight: 600;
    color: #313a46;
}

.case-card-body[b-xjdwo548pr] {
    padding: 0.75rem 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.75rem;
}

.case-detail[b-xjdwo548pr] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.detail-label[b-xjdwo548pr] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #98a6ad;
    letter-spacing: 0.025em;
}

.detail-value[b-xjdwo548pr] {
    font-size: 0.875rem;
    color: #313a46;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .case-card-body[b-xjdwo548pr] {
        grid-template-columns: 1fr;
    }
    
    .case-card-header[b-xjdwo548pr] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-start;
    }
}
/* /Components/Layout/Cases/Cases_SeraAISummary.razor.rz.scp.css */
/* Cases_SeraAISummary styles (scoped) */

/* =========================================
   Container & Animation
   ========================================= */
.sera-overview-wrapper[b-uq5syzgbs9] {
    animation: fadeIn-b-uq5syzgbs9 0.3s ease-in;
}

@keyframes fadeIn-b-uq5syzgbs9 {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* New update glow effect */
.sera-new-update[b-uq5syzgbs9] {
    animation: seraGlow-b-uq5syzgbs9 2s ease-in-out infinite;
    box-shadow: 0 0 8px rgba(25, 135, 84, 0.4);
}

@keyframes seraGlow-b-uq5syzgbs9 {
    0%, 100% { box-shadow: 0 0 5px rgba(25, 135, 84, 0.3); }
    50% { box-shadow: 0 0 15px rgba(25, 135, 84, 0.6); }
}

/* =========================================
   Markdown Content - Compact Styling
   ========================================= */
.sera-markdown-content[b-uq5syzgbs9] {
    font-size: 0.8rem;
    line-height: 1.5;
    max-height: 65vh;
    overflow-y: auto;
    color: #374151;
}

[b-uq5syzgbs9] .sera-markdown-content h2 {
    color: #0d6efd;
    font-size: 1rem;
    font-weight: 600;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid #e9ecef;
}

[b-uq5syzgbs9] .sera-markdown-content h3 {
    color: #495057;
    font-size: 0.9rem;
    font-weight: 600;
    margin-top: 1.25rem;
    margin-bottom: 0.4rem;
}

[b-uq5syzgbs9] .sera-markdown-content h4 {
    color: #6c757d;
    font-size: 0.85rem;
    font-weight: 600;
    margin-top: 1.1rem;
    margin-bottom: 0.35rem;
}

[b-uq5syzgbs9] .sera-markdown-content h5 {
    color: #6c757d;
    font-size: 0.8rem;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0.3rem;
}

[b-uq5syzgbs9] .sera-markdown-content p {
    margin-bottom: 0.5rem;
}

[b-uq5syzgbs9] .sera-markdown-content ul,
[b-uq5syzgbs9] .sera-markdown-content ol {
    margin-bottom: 0.75rem;
    padding-left: 1.25rem;
}

[b-uq5syzgbs9] .sera-markdown-content li {
    margin-bottom: 0.15rem;
}

/* Bold text in lists - match grey color scheme, not black */
[b-uq5syzgbs9] .sera-markdown-content strong {
    color: #495057;
    font-weight: 600;
}

[b-uq5syzgbs9] .sera-markdown-content li strong {
    color: #495057;
    font-weight: 600;
}

[b-uq5syzgbs9] .sera-markdown-content code {
    background-color: #f8f9fa;
    padding: 0.1rem 0.3rem;
    border-radius: 0.2rem;
    font-size: 0.75rem;
    color: #d63384;
}

[b-uq5syzgbs9] .sera-markdown-content pre {
    background-color: #f8f9fa;
    padding: 0.75rem;
    border-radius: 0.25rem;
    overflow-x: auto;
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
}

[b-uq5syzgbs9] .sera-markdown-content blockquote {
    border-left: 3px solid #0d6efd;
    padding-left: 0.75rem;
    margin: 0.5rem 0;
    color: #6c757d;
    font-style: italic;
    font-size: 0.78rem;
}

[b-uq5syzgbs9] .sera-markdown-content hr {
    margin: 1rem 0;
    border-top: 1px solid #e9ecef;
}

/* =========================================
   Horizontal Timeline
   ========================================= */
[b-uq5syzgbs9] .sera-timeline-container {
    margin: 1rem 0;
    padding: 0.75rem 0;
    overflow-x: auto;
    background: linear-gradient(to bottom, #f8f9fa 0%, #fff 100%);
    border-radius: 0.5rem;
    border: 1px solid #e9ecef;
}

[b-uq5syzgbs9] .sera-timeline {
    display: flex;
    align-items: flex-start;
    padding: 0.5rem 1rem;
    min-width: max-content;
    position: relative;
}

/* Connecting line - positioned to run through center of dots */
[b-uq5syzgbs9] .sera-timeline::before {
    content: '';
    position: absolute;
    top: 46px;
    left: 1.5rem;
    right: 1.5rem;
    height: 3px;
    background: linear-gradient(90deg, #0dcaf0 0%, #0d6efd 50%, #6610f2 100%);
    z-index: 0;
}

[b-uq5syzgbs9] .sera-timeline-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 140px;
    max-width: 180px;
    padding: 0 0.5rem;
    position: relative;
    z-index: 1;
}

[b-uq5syzgbs9] .sera-timeline-date {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 0.25rem;
    margin-bottom: 0.4rem;
    background: #fff;
    padding: 0.15rem 0.4rem;
    border-radius: 0.25rem;
    border: 1px solid #e0e7ff;
}

[b-uq5syzgbs9] .sera-timeline-date .day {
    font-size: 0.75rem;
    font-weight: 600;
    color: #0d6efd;
}

[b-uq5syzgbs9] .sera-timeline-date .year {
    font-size: 0.65rem;
    font-weight: 500;
    color: #6c757d;
}

[b-uq5syzgbs9] .sera-timeline-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #0d6efd;
    margin-bottom: 0.35rem;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15);
    transition: all 0.2s ease;
    position: relative;
    z-index: 2;
}

[b-uq5syzgbs9] .sera-timeline-item:hover .sera-timeline-dot {
    background: #0d6efd;
    transform: scale(1.2);
}

[b-uq5syzgbs9] .sera-timeline-content {
    text-align: center;
    padding: 0.4rem;
    background: #fff;
    border-radius: 0.35rem;
    border: 1px solid #e9ecef;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    width: 100%;
    transition: all 0.2s ease;
}

[b-uq5syzgbs9] .sera-timeline-item:hover .sera-timeline-content {
    border-color: #0d6efd;
    box-shadow: 0 2px 6px rgba(13, 110, 253, 0.15);
}

[b-uq5syzgbs9] .sera-timeline-event {
    font-size: 0.7rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.2rem;
    line-height: 1.3;
}

[b-uq5syzgbs9] .sera-timeline-desc {
    font-size: 0.65rem;
    color: #6c757d;
    line-height: 1.3;
}

/* =========================================
   Alert Overrides
   ========================================= */
.alert-warning[b-uq5syzgbs9] {
    background-color: #fff3cd;
    border-color: #ffc107 !important;
}

.alert-info-subtle[b-uq5syzgbs9] {
    background-color: #cfe2ff;
    color: #084298;
}

.bg-info-subtle[b-uq5syzgbs9] {
    background-color: #cfe2ff !important;
}

/* =========================================
   Scrollbar Styling
   ========================================= */
.sera-markdown-content[b-uq5syzgbs9]::-webkit-scrollbar,
[b-uq5syzgbs9] .sera-timeline-container::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}

.sera-markdown-content[b-uq5syzgbs9]::-webkit-scrollbar-track,
[b-uq5syzgbs9] .sera-timeline-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.sera-markdown-content[b-uq5syzgbs9]::-webkit-scrollbar-thumb,
[b-uq5syzgbs9] .sera-timeline-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.sera-markdown-content[b-uq5syzgbs9]::-webkit-scrollbar-thumb:hover,
[b-uq5syzgbs9] .sera-timeline-container::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}
/* /Components/Layout/Cases/Cases_Timeline.razor.rz.scp.css */
/* Cases_Timeline component styles */

.timeline-page[b-8c12bavxgb] {
    padding: 0.5rem;
}

/* SLA Groups */
.sla-group-title[b-8c12bavxgb] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.sla-group-title i[b-8c12bavxgb] {
    font-size: 1rem;
    color: #3b82f6;
}

/* Form styling */
.form-label.small[b-8c12bavxgb] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.form-control-sm[b-8c12bavxgb] {
    font-size: 0.8125rem;
}

/* Empty state */
.empty-state-icon[b-8c12bavxgb] {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-state-icon i[b-8c12bavxgb] {
    font-size: 2.5rem;
    color: #94a3b8;
}

/* Visual Timeline */
.timeline-visual[b-8c12bavxgb] {
    position: relative;
    padding-left: 3rem;
}

.timeline-visual[b-8c12bavxgb]::before {
    content: '';
    position: absolute;
    left: 1.0625rem;
    top: 0.5rem;
    bottom: 0.5rem;
    width: 3px;
    background: linear-gradient(to bottom, #3b82f6 0%, #10b981 50%, #06b6d4 100%);
    border-radius: 2px;
}

/* Timeline item */
.timeline-item[b-8c12bavxgb] {
    position: relative;
    padding-bottom: 1.25rem;
    animation: fadeInUp-b-8c12bavxgb 0.3s ease-out;
}

@keyframes fadeInUp-b-8c12bavxgb {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.timeline-item:last-child[b-8c12bavxgb] {
    padding-bottom: 0;
}

/* Timeline marker */
.timeline-marker[b-8c12bavxgb] {
    position: absolute;
    left: -3rem;
    top: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9375rem;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.timeline-item:hover .timeline-marker[b-8c12bavxgb] {
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

/* Marker colours */
.marker-primary[b-8c12bavxgb] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.marker-secondary[b-8c12bavxgb] {
    background: linear-gradient(135deg, #64748b 0%, #475569 100%);
}

.marker-success[b-8c12bavxgb] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

.marker-info[b-8c12bavxgb] {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
}

.marker-warning[b-8c12bavxgb] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.marker-danger[b-8c12bavxgb] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}

.marker-dark[b-8c12bavxgb] {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}

/* Timeline content */
.timeline-content[b-8c12bavxgb] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 0.875rem 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

.timeline-content[b-8c12bavxgb]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #e2e8f0;
    transition: background 0.2s ease;
}

.timeline-item:hover .timeline-content[b-8c12bavxgb] {
    border-color: #cbd5e1;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateX(4px);
}

.timeline-item-past .timeline-content[b-8c12bavxgb]::before {
    background: #10b981;
}

.timeline-item-today .timeline-content[b-8c12bavxgb]::before {
    background: #3b82f6;
}

.timeline-item-future .timeline-content[b-8c12bavxgb]::before {
    background: #06b6d4;
}

/* Timeline header row */
.timeline-header-row[b-8c12bavxgb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.25rem;
}

.timeline-date-display[b-8c12bavxgb] {
    font-weight: 700;
    font-size: 0.9375rem;
    color: #1e293b;
}

/* Event label */
.timeline-event-label[b-8c12bavxgb] {
    font-size: 0.875rem;
    color: #475569;
    font-weight: 500;
}

/* Relative time */
.timeline-relative-time[b-8c12bavxgb] {
    font-size: 0.75rem;
    color: #94a3b8;
    margin-top: 0.25rem;
}

/* State variations */
.timeline-item-past .timeline-marker[b-8c12bavxgb] {
    opacity: 0.9;
}

.timeline-item-today .timeline-marker[b-8c12bavxgb] {
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.25), 0 4px 12px rgba(0, 0, 0, 0.15);
}

.timeline-item-today .timeline-content[b-8c12bavxgb] {
    border-color: #3b82f6;
    background: linear-gradient(to right, #eff6ff 0%, #fff 100%);
}

.timeline-item-future .timeline-marker[b-8c12bavxgb] {
    opacity: 0.75;
}

.timeline-item-future .timeline-content[b-8c12bavxgb] {
    background: #fafbfc;
    border-style: dashed;
}

/* Badge styles */
.bg-success-subtle[b-8c12bavxgb] {
    background-color: rgba(16, 185, 129, 0.1) !important;
}

.text-success[b-8c12bavxgb] {
    color: #10b981 !important;
}

.bg-info-subtle[b-8c12bavxgb] {
    background-color: rgba(6, 182, 212, 0.1) !important;
}

.text-info[b-8c12bavxgb] {
    color: #06b6d4 !important;
}

/* Responsive */
@media (max-width: 992px) {
    .timeline-page .row[b-8c12bavxgb] {
        flex-direction: column-reverse;
    }
}

@media (max-width: 576px) {
    .timeline-visual[b-8c12bavxgb] {
        padding-left: 2.5rem;
    }

    .timeline-marker[b-8c12bavxgb] {
        width: 32px;
        height: 32px;
        font-size: 0.8125rem;
        left: -2.5rem;
    }

    .timeline-content[b-8c12bavxgb] {
        padding: 0.75rem;
    }

    .timeline-date-display[b-8c12bavxgb] {
        font-size: 0.875rem;
    }
}
/* /Components/Layout/CRM/CRM_ClientDocuments.razor.rz.scp.css */
/* CRM Client Documents component styles */
/* Most styling is handled by the CompanyFileList component */

/* Success alert for uploads */
.alert-success[b-o01mcpchdj] {
    border-left: 4px solid var(--bs-success);
}

.alert-success .btn-close[b-o01mcpchdj] {
    padding: 0.5rem;
}
/* /Components/Layout/CRM/CRM_ClientNotes.razor.rz.scp.css */
/* CRM_ClientNotes component styles */

/* Card Structure - Compact */
.note-card[b-8mnwln4gs3] {
    transition: all 0.15s ease;
    border-radius: 8px !important;
    border-color: #dee2e6 !important;
}

.note-card:hover[b-8mnwln4gs3] {
    border-color: #adb5bd !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

.note-card.pinned-note[b-8mnwln4gs3] {
    border-left: 3px solid var(--bs-warning) !important;
}

/* Note Content Base */
.note-content[b-8mnwln4gs3] {
    line-height: 1.6;
    color: #374151;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.note-content.collapsed[b-8mnwln4gs3] {
    max-height: 80px;
    overflow: hidden;
    position: relative;
}

.note-content.collapsed[b-8mnwln4gs3]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
    pointer-events: none;
}

/* Quill Editor Output Styling */
[b-8mnwln4gs3] .note-content p {
    margin-bottom: 0.1rem;
    margin-top: 0;
}

[b-8mnwln4gs3] .note-content p > br:only-child {
    display: block;
    content: "";
    margin-top: 0.3rem;
}

[b-8mnwln4gs3] .note-content blockquote {
    border-left: 3px solid var(--bs-primary);
    padding-left: 0.75rem;
    margin: 0.5rem 0;
    color: var(--bs-secondary-color);
    font-size: 0.85rem;
}

[b-8mnwln4gs3] .note-content pre,
[b-8mnwln4gs3] .note-content code {
    background: #f8f9fa;
    border-radius: 4px;
    padding: 0.5rem;
    font-size: 0.8rem;
}

[b-8mnwln4gs3] .note-content code {
    padding: 0.1rem 0.3rem;
    color: #e83e8c;
}

[b-8mnwln4gs3] .note-content ol {
    padding-left: 0;
    margin: 0.5rem 0;
    list-style: none;
    counter-reset: list-counter;
}

[b-8mnwln4gs3] .note-content ol li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.25rem;
}

[b-8mnwln4gs3] .note-content ol li[data-list="bullet"]::before {
    content: "�";
    position: absolute;
    left: 0.5rem;
    color: #374151;
    font-weight: bold;
}

[b-8mnwln4gs3] .note-content ol li[data-list="ordered"] {
    counter-increment: list-counter;
}

[b-8mnwln4gs3] .note-content ol li[data-list="ordered"]::before {
    content: counter(list-counter) ".";
    position: absolute;
    left: 0.25rem;
    color: #374151;
}

/* Timeline Styling */
.timeline-date-badge[b-8mnwln4gs3] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--bs-body-bg);
    padding: 0.25rem 0;
}

/* Note Preview in Delete Modal */
.note-preview[b-8mnwln4gs3] {
    max-height: 100px;
    overflow: hidden;
    position: relative;
}

/* Sticky Editor */
.sticky-editor[b-8mnwln4gs3] {
    position: sticky;
    top: 1rem;
}

@media (max-width: 991.98px) {
    .sticky-editor[b-8mnwln4gs3] {
        position: static;
    }
}

/* Note Card Wrapper */
.note-card-wrapper[b-8mnwln4gs3] {
    scroll-margin-top: 80px;
}

/* Pinned Notes Container */
.pinned-notes-container[b-8mnwln4gs3] {
    border-radius: 8px;
    padding: 0.5rem;
    background: rgba(255, 193, 7, 0.05);
}

/* Notes Timeline */
.notes-timeline[b-8mnwln4gs3] {
    position: relative;
}

.notes-timeline[b-8mnwln4gs3]::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #e5e7eb;
}

.notes-list[b-8mnwln4gs3] {
    position: relative;
    padding-left: 2rem;
}

.notes-list[b-8mnwln4gs3]::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e5e7eb;
    border: 2px solid #fff;
    transform: translateY(-50%);
}

/* Timeline Group */
.timeline-group[b-8mnwln4gs3] {
    position: relative;
}

/* Dropdown Improvements */
.dropdown-menu[b-8mnwln4gs3] {
    font-size: 0.8rem;
    min-width: 140px;
}

.dropdown-item[b-8mnwln4gs3] {
    padding: 0.35rem 0.75rem;
}

/* Badge Improvements */
.badge[b-8mnwln4gs3] {
    font-weight: 500;
}

/* Form Improvements */
.form-label[b-8mnwln4gs3] {
    margin-bottom: 0.25rem;
}

/* Responsive Adjustments */
@media (max-width: 767.98px) {
    .notes-timeline[b-8mnwln4gs3]::before {
        display: none;
    }

    .notes-list[b-8mnwln4gs3] {
        padding-left: 0;
    }

    .notes-list[b-8mnwln4gs3]::before {
        display: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-8glel1iltx] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-8glel1iltx] {
    flex: 1;
}

.sidebar[b-8glel1iltx] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-8glel1iltx] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-8glel1iltx]  a, .top-row[b-8glel1iltx]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-8glel1iltx]  a:hover, .top-row[b-8glel1iltx]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-8glel1iltx]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-8glel1iltx] {
        justify-content: space-between;
    }

    .top-row[b-8glel1iltx]  a, .top-row[b-8glel1iltx]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-8glel1iltx] {
        flex-direction: row;
    }

    .sidebar[b-8glel1iltx] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-8glel1iltx] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-8glel1iltx]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-8glel1iltx], article[b-8glel1iltx] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-8glel1iltx] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

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

/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-l3jh2ru0xn] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-l3jh2ru0xn] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-l3jh2ru0xn] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-l3jh2ru0xn] {
    font-size: 1.1rem;
}

.bi[b-l3jh2ru0xn] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-l3jh2ru0xn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-l3jh2ru0xn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-l3jh2ru0xn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-l3jh2ru0xn] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-l3jh2ru0xn] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-l3jh2ru0xn] {
        padding-bottom: 1rem;
    }

    .nav-item[b-l3jh2ru0xn]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-l3jh2ru0xn]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-l3jh2ru0xn]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-l3jh2ru0xn] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-l3jh2ru0xn] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-l3jh2ru0xn] {
        display: none;
    }

    .nav-scrollable[b-l3jh2ru0xn] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/PublicFormLayout.razor.rz.scp.css */
.public-form-layout[b-wjlbn6oqp1] {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background-color: #f8fafc;
}
/* /Components/Pages/AccessDenied.razor.rz.scp.css */
/* Styles intentionally left blank to maintain consistent file structure for component. Add component-specific styles here if needed. */
/* /Components/Pages/Administration/CreateUser.razor.rz.scp.css */
/* Styles for CreateUser component - intentionally blank placeholder for consistent structure */
/* /Components/Pages/Administration/Specialists.razor.rz.scp.css */
/* Stats Cards - Compact with single accent color */
.stats-card[b-0eo03b4wkh] {
    background: white;
    border-radius: 8px;
    padding: 0.875rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
}

.stats-icon[b-0eo03b4wkh] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    flex-shrink: 0;
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
}

.stats-value[b-0eo03b4wkh] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    color: #1e293b;
}

.stats-label[b-0eo03b4wkh] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Table Styling - Tighter and more professional */
.specialists-table[b-0eo03b4wkh] {
    border-collapse: separate;
    border-spacing: 0;
}

.specialists-table thead tr[b-0eo03b4wkh] {
    background: #f8fafc;
}

.specialists-table thead th[b-0eo03b4wkh] {
    font-weight: 600;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
    border-bottom: 2px solid #e2e8f0;
    padding: 0.75rem 0.5rem;
    white-space: nowrap;
}

.specialists-table tbody tr[b-0eo03b4wkh] {
    transition: all 0.1s ease;
}

.specialists-table tbody tr:nth-child(even)[b-0eo03b4wkh] {
    background-color: #fafbfc;
}

.specialist-row[b-0eo03b4wkh] {
    cursor: pointer;
}

.specialist-row:hover[b-0eo03b4wkh] {
    background-color: #f1f5f9 !important;
}

.specialists-table tbody td[b-0eo03b4wkh] {
    padding: 0.5rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

/* Specialist ID */
.specialist-id[b-0eo03b4wkh] {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
}

/* Specialist Avatar */
.specialist-avatar-img[b-0eo03b4wkh] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e2e8f0;
    flex-shrink: 0;
}

.specialist-avatar-circle[b-0eo03b4wkh] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    flex-shrink: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

/* Specialist Name */
.specialist-name[b-0eo03b4wkh] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.875rem;
}

.specialist-login[b-0eo03b4wkh] {
    font-size: 0.75rem;
    color: #94a3b8;
}

/* Speciality Tags */
.speciality-tags[b-0eo03b4wkh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.speciality-tag[b-0eo03b4wkh] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    font-size: 0.6875rem;
    font-weight: 500;
    border-radius: 4px;
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
    white-space: nowrap;
}

.speciality-more[b-0eo03b4wkh] {
    background-color: #e2e8f0;
    color: #64748b;
}

/* City Display */
.city-display[b-0eo03b4wkh] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: #475569;
    font-size: 0.8125rem;
}

.city-display i[b-0eo03b4wkh] {
    font-size: 0.875rem;
}

/* Contact Info */
.contact-info[b-0eo03b4wkh] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.contact-line[b-0eo03b4wkh] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    color: #64748b;
}

.contact-line i[b-0eo03b4wkh] {
    font-size: 0.8125rem;
    color: #94a3b8;
}

/* Email Link */
.email-link[b-0eo03b4wkh] {
    font-size: 0.8125rem;
    color: var(--bs-primary);
    text-decoration: none;
}

.email-link:hover[b-0eo03b4wkh] {
    text-decoration: underline;
}

/* Visual Hierarchy Classes */
.tertiary-text[b-0eo03b4wkh] {
    color: #94a3b8;
    font-size: 0.8125rem;
}

/* Sortable Headers */
.sortable-header[b-0eo03b4wkh] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    transition: all 0.1s ease;
}

.sortable-header:hover[b-0eo03b4wkh] {
    background-color: #f1f5f9;
    color: #334155;
}

.sortable-header.active[b-0eo03b4wkh] {
    background-color: rgba(var(--bs-primary-rgb), 0.06);
    color: var(--bs-primary);
}

.sort-icon[b-0eo03b4wkh] {
    opacity: 0.3;
    margin-left: 3px;
    font-size: 0.6875rem;
}

.sort-icon.active[b-0eo03b4wkh] {
    opacity: 1;
    color: var(--bs-primary);
}

/* Search Clear Button */
.btn-search-clear[b-0eo03b4wkh] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 4px 6px;
    cursor: pointer;
    color: #94a3b8;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.btn-search-clear:hover[b-0eo03b4wkh] {
    color: #64748b;
    background-color: #f1f5f9;
}

/* Loading Spinner */
.loading-spinner-inline[b-0eo03b4wkh] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

.spinner-ring-inline[b-0eo03b4wkh] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--bs-primary);
    animation: pulse-inline-b-0eo03b4wkh 1.2s infinite ease-in-out;
}

.spinner-ring-inline:nth-child(1)[b-0eo03b4wkh] {
    animation-delay: 0s;
}

.spinner-ring-inline:nth-child(2)[b-0eo03b4wkh] {
    animation-delay: 0.2s;
}

.spinner-ring-inline:nth-child(3)[b-0eo03b4wkh] {
    animation-delay: 0.4s;
}

@keyframes pulse-inline-b-0eo03b4wkh {
    0%, 80%, 100% {
        transform: scale(0.6);
        opacity: 0.5;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Appointment Badge */
.appointment-badge[b-0eo03b4wkh] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 6px;
    background-color: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.appointment-badge i[b-0eo03b4wkh] {
    font-size: 0.875rem;
}

.appointment-loading[b-0eo03b4wkh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Virtualized Table Layout */
.virtualized-table-body[b-0eo03b4wkh] {
    overflow-y: auto;
    overflow-x: hidden;
}

.specialist-row-virtual[b-0eo03b4wkh] {
    display: grid;
    grid-template-columns: 70px 1fr 180px 120px 150px 1fr 100px;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background-color 0.1s ease;
    min-height: 60px;
}

.specialist-row-virtual:nth-child(even)[b-0eo03b4wkh] {
    background-color: #fafbfc;
}

.specialist-row-virtual:hover[b-0eo03b4wkh] {
    background-color: #f1f5f9 !important;
}

.specialist-row-virtual .cell[b-0eo03b4wkh] {
    padding: 0.25rem 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.specialist-row-virtual .cell-id[b-0eo03b4wkh] {
    padding-left: 0.75rem;
}

.specialist-row-virtual .cell-specialist[b-0eo03b4wkh] {
    min-width: 0;
}

.specialist-row-virtual .cell-specialities[b-0eo03b4wkh] {
    min-width: 0;
}

.specialist-row-virtual .cell-email[b-0eo03b4wkh] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.specialist-row-virtual .cell-appointments[b-0eo03b4wkh] {
    text-align: center;
    justify-self: center;
}

/* Align header with virtualized body */
.specialists-table thead th:nth-child(1)[b-0eo03b4wkh] { width: 70px; }
.specialists-table thead th:nth-child(2)[b-0eo03b4wkh] { width: auto; }
.specialists-table thead th:nth-child(3)[b-0eo03b4wkh] { width: 180px; }
.specialists-table thead th:nth-child(4)[b-0eo03b4wkh] { width: 120px; }
.specialists-table thead th:nth-child(5)[b-0eo03b4wkh] { width: 150px; }
.specialists-table thead th:nth-child(6)[b-0eo03b4wkh] { width: auto; }
.specialists-table thead th:nth-child(7)[b-0eo03b4wkh] { width: 100px; }
/* /Components/Pages/Administration/UserDetails.razor.rz.scp.css */
/* UserDetails page styles */
.profile-photo[b-l4hrh7ahmx] { border: 3px solid #f0f0f0; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.alert-sm[b-l4hrh7ahmx] { font-size: 0.875rem; }
.avatar-extrasmall[b-l4hrh7ahmx] { width: 32px; height: 32px; display: inline-block; }
.avatar-small[b-l4hrh7ahmx] { width: 48px; height: 48px; display: inline-block; }
.avatar-medium[b-l4hrh7ahmx] { width: 64px; height: 64px; display: inline-block; }
.avatar-large[b-l4hrh7ahmx] { width: 96px; height: 96px; display: inline-block; }
.avatar-extralarge[b-l4hrh7ahmx] { width: 120px; height: 120px; display: inline-block; }
.avatar-extraextralarge[b-l4hrh7ahmx] { width: 150px; height: 150px; display: inline-block; }
.avatar-title[b-l4hrh7ahmx] { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 1.5rem; }
.avatar-extrasmall .avatar-title[b-l4hrh7ahmx] { font-size: 0.75rem; }
.avatar-small .avatar-title[b-l4hrh7ahmx] { font-size: 1rem; }
.avatar-medium .avatar-title[b-l4hrh7ahmx] { font-size: 1.25rem; }
.avatar-large .avatar-title[b-l4hrh7ahmx] { font-size: 1.75rem; }
.avatar-extralarge .avatar-title[b-l4hrh7ahmx] { font-size: 2.5rem; }
.avatar-extraextralarge .avatar-title[b-l4hrh7ahmx] { font-size: 3rem; }
/* /Components/Pages/AdminViews/EnviromentSettings.razor.rz.scp.css */
.stat-icon[b-d6fbxapulm] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 1.5rem;
}

.stat-card[b-d6fbxapulm] {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.stat-card:hover[b-d6fbxapulm] {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.sticky-top[b-d6fbxapulm] {
    position: sticky;
    top: 0;
    z-index: 10;
}

/* Backup table styles */
.virtualized-table-body[b-d6fbxapulm] {
    overflow-y: auto;
}

.backup-row[b-d6fbxapulm] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #e9ecef;
    min-height: 40px;
    transition: background-color 0.15s ease;
}

.backup-row:hover[b-d6fbxapulm] {
    background-color: #f8f9fa;
}

.backup-row.missing[b-d6fbxapulm] {
    background-color: #fff3cd;
}

.backup-row.missing:hover[b-d6fbxapulm] {
    background-color: #ffe69c;
}

.backup-row .cell[b-d6fbxapulm] {
    padding: 0 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
}

.backup-row .cell:first-child[b-d6fbxapulm] {
    flex: 1;
}

.badge-sm[b-d6fbxapulm] {
    font-size: 0.7rem;
    padding: 0.2em 0.5em;
}

/* Sortable headers */
.sortable-header[b-d6fbxapulm] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.sortable-header:hover[b-d6fbxapulm] {
    background-color: #e9ecef;
}

.sortable-header.active[b-d6fbxapulm] {
    background-color: #e7f1ff;
    color: #0d6efd;
}

.sort-icon[b-d6fbxapulm] {
    font-size: 0.75rem;
    margin-left: 0.25rem;
    opacity: 0.5;
}

.sort-icon.active[b-d6fbxapulm] {
    opacity: 1;
    color: #0d6efd;
}

/* Button group compact */
.btn-group-sm > .btn[b-d6fbxapulm] {
    padding: 0.15rem 0.35rem;
    font-size: 0.75rem;
}

/* Activity Monitor styles */
.activity-stat-card[b-d6fbxapulm] {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.activity-stat-card:hover[b-d6fbxapulm] {
    transform: translateY(-1px);
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1) !important;
}

.activity-icon[b-d6fbxapulm] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.activity-table[b-d6fbxapulm] {
    font-size: 0.8rem;
}

.activity-table th[b-d6fbxapulm] {
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    white-space: nowrap;
}

.activity-table td[b-d6fbxapulm] {
    vertical-align: middle;
}

.query-text[b-d6fbxapulm] {
    display: block;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.7rem;
}

.query-text:hover[b-d6fbxapulm] {
    white-space: normal;
    word-break: break-all;
    overflow: visible;
    position: relative;
    z-index: 10;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    padding: 4px 8px;
    border-radius: 4px;
    max-width: none;
    width: max-content;
    max-height: 200px;
    overflow-y: auto;
}

/* Nav tabs smaller */
.nav-tabs.nav-sm .nav-link[b-d6fbxapulm] {
    padding: 0.4rem 0.75rem;
    font-size: 0.85rem;
}

/* Modal fullscreen adjustments */
.modal-fullscreen .modal-body[b-d6fbxapulm] {
    padding: 0.5rem;
}

.modal-fullscreen .modal-header[b-d6fbxapulm] {
    padding: 0.5rem 1rem;
}

/* Progress bar in stats */
.activity-stat-card .progress[b-d6fbxapulm] {
    border-radius: 2px;
}

/* Purple badge for parallelism */
.bg-purple[b-d6fbxapulm] {
    background-color: #6f42c1 !important;
    color: white;
}

/* Compact badges */
.badge[b-d6fbxapulm] {
    font-weight: 500;
}
/* /Components/Pages/Cases/Apps-calendar.razor.rz.scp.css */
/* Styles intentionally left blank for Apps-calendar component. Add custom styles here if needed. */
/* /Components/Pages/Cases/CaseForm.razor.rz.scp.css */
/*
    Styles split out from CaseForm.razor
*/

/* Case Header Chips */
.case-number-chip[b-oz2hv7dczp] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 2rem;
    font-size: 0.875rem;
    color: #475569;
}

.case-number-chip i[b-oz2hv7dczp] {
    color: #64748b;
}

.case-status-chip[b-oz2hv7dczp] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.85rem;
    background-color: color-mix(in srgb, var(--status-color, #6c757d) 10%, white);
    border: 1px solid color-mix(in srgb, var(--status-color, #6c757d) 25%, white);
    border-radius: 2rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--status-color, #6c757d);
    transition: all 0.2s ease;
}

.status-dot[b-oz2hv7dczp] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* Validation Summary */
.validation-summary-box[b-oz2hv7dczp] {
    border: 1px solid #dc3545;
    padding: .75rem 1rem;
    border-radius: .5rem;
    color: #842029;
    margin-bottom: 1.5rem;
}

.validation-summary-box h6[b-oz2hv7dczp] {
    font-weight: 600;
    font-size: .9rem;
    margin-bottom: 0.5rem;
}

.validation-summary-box ul[b-oz2hv7dczp] {
    margin: 0;
    padding-left: 1.2rem;
}

/* Tab Badge Counts */
.nav-tabs .nav-link .badge[b-oz2hv7dczp] {
    font-size: 0.6rem;
    font-weight: 500;
    vertical-align: middle;
    min-width: 1rem;
    height: 1rem;
    line-height: 1rem;
    padding: 0 0.35em;
    margin-left: 0.25rem;
    border-radius: 0.5rem;
    background-color: #e9ecef !important;
    color: #6c757d !important;
}

/* Active tab badge - subtle inverse */
.nav-tabs .nav-link.active .badge[b-oz2hv7dczp] {
    background-color: rgba(59, 130, 246, 0.15) !important;
    color: #3b82f6 !important;
}

/* Clinical notes badge - subtle red tint */
.nav-tabs .nav-link .badge.bg-danger[b-oz2hv7dczp] {
    background-color: rgba(220, 53, 69, 0.12) !important;
    color: #dc3545 !important;
}

.nav-tabs .nav-link.active .badge.bg-danger[b-oz2hv7dczp] {
    background-color: rgba(220, 53, 69, 0.2) !important;
    color: #dc3545 !important;
}

/* Related cases badge - subtle blue tint */
.nav-tabs .nav-link .badge.bg-info[b-oz2hv7dczp] {
    background-color: rgba(13, 202, 240, 0.12) !important;
    color: #0891b2 !important;
}

.nav-tabs .nav-link.active .badge.bg-info[b-oz2hv7dczp] {
    background-color: rgba(13, 202, 240, 0.2) !important;
    color: #0891b2 !important;
}

/* Form Validation States */
input.is-invalid[b-oz2hv7dczp], select.is-invalid[b-oz2hv7dczp], textarea.is-invalid[b-oz2hv7dczp] {
    border-color: #dc3545 !important;
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='0 0 16 16'%3e%3cpath d='M11.536 14.01 8 1.99 4.464 14.01h7.072ZM8 16a1.5 1.5 0 0 1-1.414-1.01L.232 1.522A.75.75 0 0 1 .957.5h14.086a.75.75 0 0 1 .725 1.022L9.414 14.99A1.5 1.5 0 0 1 8 16Zm-.9-5.5h1.8v1.8H7.1V10.5Zm0-5h1.8v4H7.1v-4Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .5rem center;
    background-size: 1rem;
}

.is-valid[b-oz2hv7dczp] {
    border-color: #198754 !important;
}
/* /Components/Pages/Cases/DocumentEditor.razor.rz.scp.css */
#edit_container[b-bb8wnwl0on] {
    width: 950px;
}

/* Improve text rendering quality */
.e-documenteditor[b-bb8wnwl0on], .e-documenteditor-container[b-bb8wnwl0on] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Improve canvas rendering */
.e-de-canvas[b-bb8wnwl0on] {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.title-bar-btn[b-bb8wnwl0on], .title-bar-btn:hover[b-bb8wnwl0on], .title-bar-btn:focus[b-bb8wnwl0on] {
    background: transparent;
    box-shadow: none;
    font-family: inherit;
    border-color: transparent;
    border-radius: 2px;
    color: inherit;
    font-size: 12px;
    text-transform: capitalize;
    height: 28px;
    font-weight: 400;
    margin-top: 2px;
}

#documenteditor_titlebar[b-bb8wnwl0on] {
    border-bottom: 1px solid #3f51b5;
    height: 36px;
    line-height: 26px;
    width: 100%;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 10px;
    font-family: inherit;
}

#documenteditor_title_contentEditor[b-bb8wnwl0on] {
    height: 26px;
    max-width: 85%;
    width: auto;
    overflow: hidden;
    display: inline-block;
    padding-left: 4px;
    padding-right: 4px;
    margin: 5px;
}

.doc-edit-title[b-bb8wnwl0on] {
    text-transform: capitalize;
    font-weight: 400;
    font-family: inherit;
    text-overflow: ellipsis;
    outline: none;
    white-space: pre;
    overflow: hidden;
    user-select: none;
    cursor: text
}

.single-line[b-bb8wnwl0on] {
    cursor: text !important;
    outline: none;
}

[class^="e-de-icon-"][b-bb8wnwl0on],
[class*=" e-de-icon-"][b-bb8wnwl0on] {
    font-family: 'Sample brower icons' !important;
}

.e-de-icon-Print[b-bb8wnwl0on]:before {
    content: "\e723";
    font-family: 'Sample brower icons' !important;
}

.e-de-icon-Download[b-bb8wnwl0on]:before {
    content: "\e728";
    font-family: 'Sample brower icons' !important;
}

.print-ctnr[b-bb8wnwl0on] {
    cursor: pointer;
    margin-top: 6px;
}
/* /Components/Pages/CRM/ClientDetails.razor.rz.scp.css */
/* ClientDetails styles placeholder */

/* ClientDetails component styles extracted from Razor file */
/* Keep styles minimal and component-scoped */
.timeline .card[b-sbwffpcisk] { border-radius: 6px; }
.badge.font-16[b-sbwffpcisk] { font-size: 1rem; }

/* Service Types Table */
.service-row[b-sbwffpcisk] {
    transition: background-color 0.15s ease;
    border-left: 3px solid transparent;
}

.service-row:hover[b-sbwffpcisk] {
    background-color: #f8fafc !important;
}

.service-row.selected[b-sbwffpcisk] {
    background-color: #f0f9ff !important;
    border-left-color: var(--bs-primary);
}

.service-row.selected:hover[b-sbwffpcisk] {
    background-color: #e0f2fe !important;
}

.service-row td[b-sbwffpcisk] {
    padding: 0.625rem 0.75rem;
    border-bottom: 1px solid #f1f5f9;
}
/* /Components/Pages/CRM/Clients.razor.rz.scp.css */
/* Stats Cards - Compact with single accent color */
.stats-card[b-udfj5d3s29] {
    background: white;
    border-radius: 8px;
    padding: 0.875rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
}

.stats-icon[b-udfj5d3s29] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    flex-shrink: 0;
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
}

.stats-value[b-udfj5d3s29] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    color: #1e293b;
}

.stats-label[b-udfj5d3s29] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Table Styling */
.clients-table[b-udfj5d3s29] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    table-layout: fixed;
}

.clients-table thead tr[b-udfj5d3s29] {
    background: #f8fafc;
    display: grid;
    grid-template-columns: 1fr 70px 190px 1fr 90px 90px 90px 90px 85px;
    align-items: center;
}

.clients-table thead th[b-udfj5d3s29] {
    font-weight: 600;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
    border-bottom: 2px solid #e2e8f0;
    padding: 0.75rem 0.5rem;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.clients-table thead th:first-child[b-udfj5d3s29] {
    padding-left: 0.75rem;
}

/* Sortable Headers */
.sortable-header[b-udfj5d3s29] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    transition: all 0.1s ease;
}

.sortable-header:hover[b-udfj5d3s29] {
    background-color: #f1f5f9;
    color: #334155;
}

.sortable-header.active[b-udfj5d3s29] {
    background-color: rgba(var(--bs-primary-rgb), 0.06);
    color: var(--bs-primary);
}

.sort-icon[b-udfj5d3s29] {
    opacity: 0.3;
    margin-left: 3px;
    font-size: 0.6875rem;
}

.sort-icon.active[b-udfj5d3s29] {
    opacity: 1;
    color: var(--bs-primary);
}

/* Virtualized Table Layout */
.virtualized-table-body[b-udfj5d3s29] {
    overflow-y: auto;
    overflow-x: hidden;
}

.client-row-virtual[b-udfj5d3s29] {
    display: grid;
    grid-template-columns: 1fr 70px 190px 1fr 90px 90px 90px 90px 85px;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f5f9;
    border-left: 3px solid var(--status-color, transparent);
    cursor: pointer;
    transition: background-color 0.1s ease;
    min-height: 52px;
}

.client-row-virtual:nth-child(even)[b-udfj5d3s29] {
    background-color: #fafbfc;
}

.client-row-virtual:hover[b-udfj5d3s29] {
    background-color: #f1f5f9 !important;
}

.client-row-virtual .cell[b-udfj5d3s29] {
    padding: 0.25rem 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.client-row-virtual .cell-company[b-udfj5d3s29] {
    padding-left: 0.75rem;
    min-width: 0;
}

.client-row-virtual .cell-email[b-udfj5d3s29] {
    min-width: 0;
}

/* Company Cell */
.company-name[b-udfj5d3s29] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.company-code[b-udfj5d3s29] {
    font-size: 0.6875rem;
    color: #94a3b8;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
}

/* Contact Cell */
.contact-name[b-udfj5d3s29] {
    font-size: 0.8125rem;
    color: #475569;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Email Link */
.email-link[b-udfj5d3s29] {
    font-size: 0.8125rem;
    color: var(--bs-primary);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.email-link:hover[b-udfj5d3s29] {
    text-decoration: underline;
}

/* Status Pill */
.status-pill[b-udfj5d3s29] {
    display: inline-block;
    padding: 0.25em 0.625em;
    font-size: 0.6875rem;
    font-weight: 500;
    border-radius: 4px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Count Badge */
.count-badge[b-udfj5d3s29] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #475569;
    background-color: #f1f5f9;
    border-radius: 4px;
}

/* Date Display */
.date-display[b-udfj5d3s29] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.date-main[b-udfj5d3s29] {
    font-weight: 500;
    color: #475569;
    font-size: 0.8125rem;
}

.date-year[b-udfj5d3s29] {
    font-size: 0.6875rem;
    color: #94a3b8;
}

/* Avatar Styles */
.avatar-circle-sm[b-udfj5d3s29] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #94a3b8;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.625rem;
    font-weight: 600;
    flex-shrink: 0;
}

/* Tertiary Text */
.tertiary-text[b-udfj5d3s29] {
    color: #94a3b8;
    font-size: 0.8125rem;
}

/* Search Clear Button */
.btn-search-clear[b-udfj5d3s29] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 4px 6px;
    cursor: pointer;
    color: #94a3b8;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.btn-search-clear:hover[b-udfj5d3s29] {
    color: #64748b;
    background-color: #f1f5f9;
}

.btn-search-clear i[b-udfj5d3s29] {
    font-size: 1rem;
}

/* Loading Spinner */
.loading-spinner-inline[b-udfj5d3s29] {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.spinner-ring-inline[b-udfj5d3s29] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--bs-primary);
    animation: pulse-inline-b-udfj5d3s29 1.4s ease-in-out infinite;
}

.spinner-ring-inline:nth-child(2)[b-udfj5d3s29] {
    animation-delay: 0.2s;
}

.spinner-ring-inline:nth-child(3)[b-udfj5d3s29] {
    animation-delay: 0.4s;
}

@keyframes pulse-inline-b-udfj5d3s29 {
    0%, 80%, 100% {
        transform: scale(0.6);
        opacity: 0.4;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}
/* /Components/Pages/CRM/NewClient.razor.rz.scp.css */
/* NewClient styles placeholder */

/* NewClient styles (minimal) */
.badge.font-16[b-h6rqkeq03r] { font-size: 1rem; }
/* /Components/Pages/LockScreen.razor.rz.scp.css */
/* Lock screen styles extracted from Razor file */
.lock-screen-container[b-a47x3vdjzs] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('/assets/images/login-bg.jpg') center center / cover no-repeat fixed;
    position: relative;
}

.lock-screen-container[b-a47x3vdjzs]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
}

.lock-screen-content[b-a47x3vdjzs] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 400px;
    padding: 20px;
}

.lock-screen-card[b-a47x3vdjzs] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.system-logo[b-a47x3vdjzs] {
    margin-bottom: 24px;
}

[b-a47x3vdjzs] .system-logo .logo-img {
    max-height: 48px;
    width: auto;
}

.lock-avatar[b-a47x3vdjzs] {
    position: relative;
    display: inline-block;
    margin-bottom: 16px;
}

.lock-avatar .avatar-img[b-a47x3vdjzs],
.lock-avatar .avatar-placeholder[b-a47x3vdjzs] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 4px solid #e2e8f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.lock-avatar .avatar-placeholder[b-a47x3vdjzs] {
    background: linear-gradient(135deg, #0081B8, #005a82);
    display: flex;
    align-items: center;
    justify-content: center;
}

.lock-avatar .avatar-placeholder span[b-a47x3vdjzs] {
    font-size: 32px;
    font-weight: 600;
    color: white;
}

.lock-badge[b-a47x3vdjzs] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: #D9534F;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.lock-badge i[b-a47x3vdjzs] {
    color: white;
    font-size: 14px;
}

.user-name[b-a47x3vdjzs] {
    margin: 0 0 4px 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.user-email[b-a47x3vdjzs] {
    margin: 0 0 20px 0;
    font-size: 0.875rem;
    color: #64748b;
}

.lock-message[b-a47x3vdjzs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f1f5f9;
    padding: 10px 20px;
    border-radius: 24px;
    color: #475569;
    font-size: 0.875rem;
    margin-bottom: 24px;
}

.lock-message i[b-a47x3vdjzs] {
    font-size: 1rem;
    color: #64748b;
}

.error-message[b-a47x3vdjzs] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    padding: 12px 16px;
    border-radius: 8px;
    color: #dc2626;
    font-size: 0.875rem;
    margin-bottom: 20px;
}

.unlock-btn[b-a47x3vdjzs] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 24px;
    background: #0081B8;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(0, 129, 184, 0.3);
}

.unlock-btn:hover[b-a47x3vdjzs] {
    background: #006a99;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0, 129, 184, 0.4);
    color: white;
}

.unlock-btn i[b-a47x3vdjzs] {
    font-size: 1.125rem;
}

.unlock-hint[b-a47x3vdjzs] {
    margin: 16px 0 0 0;
    font-size: 0.8125rem;
    color: #94a3b8;
}

.alt-actions[b-a47x3vdjzs] {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e2e8f0;
}

.alt-link[b-a47x3vdjzs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #64748b;
    font-size: 0.875rem;
    text-decoration: none;
    transition: color 0.2s;
}

.alt-link:hover[b-a47x3vdjzs] {
    color: #0081B8;
}

.alt-link i[b-a47x3vdjzs] {
    font-size: 1rem;
}

.lock-time[b-a47x3vdjzs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 20px;
    font-size: 0.75rem;
    color: #94a3b8;
}

.lock-time i[b-a47x3vdjzs] {
    font-size: 0.875rem;
}

@media (max-width: 480px) {
    .lock-screen-card[b-a47x3vdjzs] {
        padding: 32px 24px;
        border-radius: 12px;
    }

    .lock-avatar .avatar-img[b-a47x3vdjzs],
    .lock-avatar .avatar-placeholder[b-a47x3vdjzs] {
        width: 80px;
        height: 80px;
    }

    .lock-avatar .avatar-placeholder span[b-a47x3vdjzs] {
        font-size: 24px;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
/* Login page styles extracted from the Razor file */
.login-container[b-jkmxsf3tu5] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('/assets/images/login-bg.jpg') center center / cover no-repeat fixed;
    position: relative;
}

.login-container[b-jkmxsf3tu5]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
}

.login-content[b-jkmxsf3tu5] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 420px;
    padding: 20px;
}

.login-card[b-jkmxsf3tu5] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.system-logo[b-jkmxsf3tu5] {
    margin-bottom: 32px;
}

.system-logo .logo-img[b-jkmxsf3tu5] {
    max-height: 48px;
    width: auto;
}

.section-title[b-jkmxsf3tu5] {
    margin: 0 0 8px 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.section-subtitle[b-jkmxsf3tu5] {
    margin: 0 0 24px 0;
    font-size: 0.875rem;
    color: #64748b;
}

.signed-in-section .success-icon[b-jkmxsf3tu5] {
    width: 64px;
    height: 64px;
    background: #dcfce7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

.signed-in-section .success-icon i[b-jkmxsf3tu5] {
    font-size: 32px;
    color: #22c55e;
}

.btn-stack[b-jkmxsf3tu5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.primary-btn[b-jkmxsf3tu5],
.secondary-btn[b-jkmxsf3tu5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 24px;
    border: none;
    border-radius: 8px;
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.primary-btn[b-jkmxsf3tu5] {
    background: #0081B8;
    color: white;
    box-shadow: 0 4px 12px rgba(0, 129, 184, 0.3);
}

.primary-btn:hover[b-jkmxsf3tu5] {
    background: #006a99;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0, 129, 184, 0.4);
}

.secondary-btn[b-jkmxsf3tu5] {
    background: white;
    color: #0081B8;
    border: 2px solid #0081B8;
}

.secondary-btn:hover[b-jkmxsf3tu5] {
    background: #f0f9ff;
    transform: translateY(-1px);
}

.primary-btn i[b-jkmxsf3tu5],
.secondary-btn i[b-jkmxsf3tu5] {
    font-size: 1.125rem;
}

.btn-hint[b-jkmxsf3tu5] {
    margin: -4px 0 8px 0;
    font-size: 0.75rem;
    color: #94a3b8;
    text-align: center;
}

.login-footer[b-jkmxsf3tu5] {
    margin-top: 32px;
    padding-top: 20px;
    border-top: 1px solid #e2e8f0;
    font-size: 0.75rem;
    color: #94a3b8;
}

@media (max-width: 480px) {
    .login-card[b-jkmxsf3tu5] {
        padding: 32px 24px;
        border-radius: 12px;
    }

    .system-logo .logo-img[b-jkmxsf3tu5] {
        max-height: 40px;
    }
}
/* /Components/Pages/Maintenance.razor.rz.scp.css */
/* Maintenance page styles moved from Maintenance.razor */
:root[b-6q4vvlao2l] {
    --primary: #0081b8;
    --primary-soft: rgba(0, 129, 184, 0.18);
    --accent: #73a14b;
    --bg-dark: #050814;
    --text-main: #f9fafb;
    --text-soft: #aeb3c2;
    --card-bg: rgba(9, 15, 30, 0.9);
    --border-soft: rgba(255, 255, 255, 0.08);
}
html[b-6q4vvlao2l], body[b-6q4vvlao2l] { height: 100%; }
body.authentication-bg[b-6q4vvlao2l] {
    background: radial-gradient(circle at top left, #014f86 0, transparent 55%), radial-gradient(circle at bottom right, #73a14b 0, transparent 55%), var(--bg-dark);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--text-main);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 1.5rem;
}
.blur-orbit[b-6q4vvlao2l] { position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.blur-orbit span[b-6q4vvlao2l] { position: absolute; width: 260px; height: 260px; border-radius: 999px; filter: blur(45px); opacity: 0.5; animation: float-b-6q4vvlao2l 18s linear infinite; mix-blend-mode: screen; }
.blur-orbit span:nth-child(1)[b-6q4vvlao2l] { background: rgba(0, 129, 184, 0.7); top: -60px; left: -60px; }
.blur-orbit span:nth-child(2)[b-6q4vvlao2l] { background: rgba(115, 161, 75, 0.75); bottom: -80px; right: -40px; animation-duration: 22s; }
@keyframes float-b-6q4vvlao2l { 0% { transform: translate3d(0,0,0) rotate(0deg);} 50% { transform: translate3d(20px,-12px,0) rotate(4deg);} 100% { transform: translate3d(0,0,0) rotate(0deg);} }
.card-offline[b-6q4vvlao2l] { position: relative; z-index: 1; max-width: 540px; width: 100%; padding: 2.25rem 2rem 2.5rem; border-radius: 1.5rem; border: 1px solid var(--border-soft); background: radial-gradient(circle at top left, rgba(255,255,255,0.03), transparent 55%), radial-gradient(circle at bottom right, rgba(0,0,0,0.4), transparent 60%), var(--card-bg); box-shadow: 0 22px 60px rgba(0,0,0,0.75), 0 0 0 1px rgba(255,255,255,0.02); backdrop-filter: blur(18px); }
.card-offline-header[b-6q4vvlao2l] { display: flex; align-items: center; gap: 1.1rem; margin-bottom: 1.5rem; }
.icon-orbit[b-6q4vvlao2l] { position: relative; width: 70px; height: 70px; }
.icon-orbit-core[b-6q4vvlao2l] { position: absolute; inset: 12px; border-radius: 999px; background: radial-gradient(circle at 30% 20%, #ffffff, #c2e7ff 45%, #0081b8 80%); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 4px rgba(255,255,255,0.05), 0 18px 35px rgba(0,0,0,0.55); }
.icon-orbit-core span[b-6q4vvlao2l] { font-size: 1.7rem; }
.orbit-ring[b-6q4vvlao2l] { position: absolute; inset: 0; border-radius: 999px; border: 1px dashed rgba(255,255,255,0.35); animation: orbit-spin-b-6q4vvlao2l 10s linear infinite; }
@keyframes orbit-spin-b-6q4vvlao2l { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);} }
.orbit-dot[b-6q4vvlao2l] { position: absolute; width: 12px; height: 12px; border-radius: 999px; background: #73a14b; top: -6px; left: 50%; transform: translateX(-50%); box-shadow: 0 0 16px rgba(115,161,75,0.9); animation: orbit-dot-spin-b-6q4vvlao2l 10s linear infinite; transform-origin: 50% calc(50% + 41px); }
@keyframes orbit-dot-spin-b-6q4vvlao2l { 0% { transform: rotate(0deg) translateX(-50%);} 100% { transform: rotate(360deg) translateX(-50%);} }
.card-offline-title[b-6q4vvlao2l] { font-size: 1.65rem; font-weight: 700; letter-spacing: 0.02em; }
.badge-pill[b-6q4vvlao2l] { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.25rem 0.7rem; border-radius: 999px; background-color: rgba(0,129,184,0.09); border: 1px solid rgba(0,129,184,0.45); font-size: 0.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em; color: #dbeafe; }
.badge-dot[b-6q4vvlao2l] { width: 8px; height: 8px; border-radius: 999px; background: #22c55e; box-shadow: 0 0 14px rgba(34,197,94,0.95); position: relative; }
.badge-dot[b-6q4vvlao2l]::after { content: ""; position: absolute; inset: -4px; border-radius: inherit; border: 2px solid rgba(34,197,94,0.35); animation: ping-b-6q4vvlao2l 1.6s cubic-bezier(0, 0, 0.2, 1) infinite; }
@keyframes ping-b-6q4vvlao2l { 75%,100% { transform: scale(1.6); opacity: 0; } }
.card-offline-body p[b-6q4vvlao2l] { margin-bottom: 0.55rem; color: var(--text-soft); font-size: 0.95rem; }
.highlight-text[b-6q4vvlao2l] { color: #e5f5ff; }
.card-offline-footer[b-6q4vvlao2l] { margin-top: 1.4rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.2rem; }
.timer-label[b-6q4vvlao2l] { font-size: 1.1rem; color: #e5f5ff; font-weight: 600; margin-bottom: 0.2rem; }
.btn-retry[b-6q4vvlao2l] { border-radius: 999px; border: 1px solid rgba(255,255,255,0.15); background: linear-gradient(135deg, #0081b8, #0ea5e9); color: #f9fafb; font-size: 0.9rem; padding: 0.6rem 1.4rem; font-weight: 600; box-shadow: 0 10px 25px rgba(15,23,42,0.9), 0 0 0 1px rgba(255,255,255,0.08); display: inline-flex; align-items: center; gap: 0.35rem; transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease; margin: 0 auto; }
.btn-retry:hover[b-6q4vvlao2l] { transform: translateY(-1px); box-shadow: 0 16px 32px rgba(15,23,42,0.95), 0 0 0 1px rgba(255,255,255,0.1); }
.btn-retry:active[b-6q4vvlao2l] { transform: translateY(0); box-shadow: 0 10px 20px rgba(15,23,42,0.9), 0 0 0 1px rgba(255,255,255,0.06); }
.btn-retry span[b-6q4vvlao2l] { font-size: 1.1rem; }
.support-text[b-6q4vvlao2l] { margin-top: 0.35rem; font-size: 0.8rem; color: var(--text-soft); text-align: center; }
.support-text a[b-6q4vvlao2l] { color: #e0f2fe; text-decoration: underline; text-decoration-style: dotted; }
.support-text a:hover[b-6q4vvlao2l] { text-decoration-style: solid; }
@media (max-width: 480px) {
    .card-offline[b-6q4vvlao2l] { padding: 1.75rem 1.3rem 2rem; border-radius: 1.2rem; }
    .card-offline-title[b-6q4vvlao2l] { font-size: 1.4rem; }
    .icon-orbit[b-6q4vvlao2l] { width: 60px; height: 60px; }
}
/* /Components/Pages/MasterData/Configuration/AppointmentStatuses.razor.rz.scp.css */
/* AppointmentStatuses styles */
.list-group-item.active[b-fpuu2lhm4b] { border-left-width: 4px; }
.form-control-color[b-fpuu2lhm4b] { padding: 0.25rem; }

/* AppointmentStatuses - Card Grid Styles */

/* Status Card */
.status-card[b-fpuu2lhm4b] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem;
    background: #fff;
    border: 1px solid #e5e8eb;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
    min-height: 72px;
}

.status-card:hover[b-fpuu2lhm4b] {
    border-color: #3e60d5;
    box-shadow: 0 2px 8px rgba(62, 96, 213, 0.15);
    transform: translateY(-1px);
}

.status-card:hover .status-edit-icon[b-fpuu2lhm4b] {
    opacity: 1;
}

/* Colour Chip */
.status-chip[b-fpuu2lhm4b] {
    width: 8px;
    height: 100%;
    min-height: 44px;
    border-radius: 4px;
    flex-shrink: 0;
}

/* Status Info */
.status-info[b-fpuu2lhm4b] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.status-name[b-fpuu2lhm4b] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #313a46;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.status-meta[b-fpuu2lhm4b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.status-color-code[b-fpuu2lhm4b] {
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 0.7rem;
    color: #98a6ad;
    text-transform: lowercase;
}

/* Edit Icon */
.status-edit-icon[b-fpuu2lhm4b] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    opacity: 0;
    color: #3e60d5;
    transition: opacity 0.15s ease;
}

/* Preview Section in Modal */
.preview-section[b-fpuu2lhm4b] {
    background: #f8f9fa;
    border-radius: 0.375rem;
    padding: 0.75rem;
}

/* Modal Enhancements */
.modal-content[b-fpuu2lhm4b] {
    border-radius: 0.5rem;
}

.modal-header[b-fpuu2lhm4b] {
    background: #f8f9fa;
}

/* Form Labels */
.form-label.small[b-fpuu2lhm4b] {
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    margin-bottom: 0.375rem;
}

/* Colour Picker */
.form-control-color[b-fpuu2lhm4b] {
    width: 48px;
    padding: 0.25rem;
}
/* /Components/Pages/MasterData/Configuration/AppointmentTypes.razor.rz.scp.css */
/* AppointmentTypes styles */
.list-group-item.active[b-m6hurwls21] { border-left-width: 4px; }
/* AppointmentTypes - Card Grid Styles */

/* Master Card (shared pattern for text-only master data) */
.master-card[b-m6hurwls21] {
    display: flex;
    align-items: center;
    padding: 1rem;
    padding-right: 2.5rem;
    background: #fff;
    border: 1px solid #e5e8eb;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
    min-height: 72px;
}

.master-card:hover[b-m6hurwls21] {
    border-color: #3e60d5;
    box-shadow: 0 2px 8px rgba(62, 96, 213, 0.15);
    transform: translateY(-1px);
}

.master-card:hover .master-card-edit[b-m6hurwls21] {
    opacity: 1;
}

.master-card-body[b-m6hurwls21] {
    flex: 1;
    min-width: 0;
}

.master-card-title[b-m6hurwls21] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #313a46;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.master-card-desc[b-m6hurwls21] {
    font-size: 0.8rem;
    color: #98a6ad;
    margin-top: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Feature icons container - vertical stack on right edge */
.master-card-icons[b-m6hurwls21] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-left: 0.75rem;
    flex-shrink: 0;
}

/* Individual feature icon - fixed size */
.master-card-icon[b-m6hurwls21] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    font-size: 0.85rem;
    color: #d3d8de;
    background: transparent;
    transition: all 0.15s ease;
}

/* Active state for enabled features */
.master-card-icon.active[b-m6hurwls21] {
    color: #3e60d5;
    background: rgba(62, 96, 213, 0.1);
}

.master-card-edit[b-m6hurwls21] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    opacity: 0;
    color: #3e60d5;
    transition: opacity 0.15s ease;
}

/* Modal Enhancements */
.modal-content[b-m6hurwls21] {
    border-radius: 0.5rem;
}

.modal-header[b-m6hurwls21] {
    background: #f8f9fa;
}

.form-label.small[b-m6hurwls21] {
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    margin-bottom: 0.375rem;
}
/* /Components/Pages/MasterData/Configuration/CancellationTypes.razor.rz.scp.css */
/* CancellationTypes styles */
.list-group-item.active[b-hvbdd9sk7f] { border-left-width: 4px; }
/* CancellationTypes - Card Grid Styles */

/* Master Card (shared pattern for text-only master data) */
.master-card[b-hvbdd9sk7f] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: #fff;
    border: 1px solid #e5e8eb;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
    min-height: 72px;
}

.master-card:hover[b-hvbdd9sk7f] {
    border-color: #3e60d5;
    box-shadow: 0 2px 8px rgba(62, 96, 213, 0.15);
    transform: translateY(-1px);
}

.master-card:hover .master-card-edit[b-hvbdd9sk7f] {
    opacity: 1;
}

.master-card-body[b-hvbdd9sk7f] {
    flex: 1;
    min-width: 0;
}

.master-card-title[b-hvbdd9sk7f] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #313a46;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.master-card-desc[b-hvbdd9sk7f] {
    font-size: 0.8rem;
    color: #98a6ad;
    margin-top: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.master-card-edit[b-hvbdd9sk7f] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    opacity: 0;
    color: #3e60d5;
    transition: opacity 0.15s ease;
}

/* Modal Enhancements */
.modal-content[b-hvbdd9sk7f] {
    border-radius: 0.5rem;
}

.modal-header[b-hvbdd9sk7f] {
    background: #f8f9fa;
}

.form-label.small[b-hvbdd9sk7f] {
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    margin-bottom: 0.375rem;
}
/* /Components/Pages/MasterData/Configuration/InjuryTypes.razor.rz.scp.css */
/* InjuryTypes component styles */
.list-group-item.active[b-pyjz8umg1p] { border-left-width: 4px; }
/* InjuryTypes - Card Grid Styles */

/* Master Card (shared pattern for text-only master data) */
.master-card[b-pyjz8umg1p] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: #fff;
    border: 1px solid #e5e8eb;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
    min-height: 72px;
}

.master-card:hover[b-pyjz8umg1p] {
    border-color: #3e60d5;
    box-shadow: 0 2px 8px rgba(62, 96, 213, 0.15);
    transform: translateY(-1px);
}

.master-card:hover .master-card-edit[b-pyjz8umg1p] {
    opacity: 1;
}

.master-card-body[b-pyjz8umg1p] {
    flex: 1;
    min-width: 0;
}

.master-card-title[b-pyjz8umg1p] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #313a46;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.master-card-desc[b-pyjz8umg1p] {
    font-size: 0.8rem;
    color: #98a6ad;
    margin-top: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.master-card-edit[b-pyjz8umg1p] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    opacity: 0;
    color: #3e60d5;
    transition: opacity 0.15s ease;
}

/* Modal Enhancements */
.modal-content[b-pyjz8umg1p] {
    border-radius: 0.5rem;
}

.modal-header[b-pyjz8umg1p] {
    background: #f8f9fa;
}

.form-label.small[b-pyjz8umg1p] {
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    margin-bottom: 0.375rem;
}
/* /Components/Pages/MasterData/Configuration/ServiceProviders.razor.rz.scp.css */
/* ServiceProviders styles */
.list-group-item.active[b-0zhi4336fx] { border-left-width: 4px; }

/* Master Card (shared pattern for text-only master data) */
.master-card[b-0zhi4336fx] {
    display: flex;
    align-items: center;
    padding: 1rem;
    padding-right: 2.5rem;
    background: #fff;
    border: 1px solid #e5e8eb;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
    min-height: 72px;
}

.master-card:hover[b-0zhi4336fx] {
    border-color: #3e60d5;
    box-shadow: 0 2px 8px rgba(62, 96, 213, 0.15);
    transform: translateY(-1px);
}

.master-card:hover .master-card-edit[b-0zhi4336fx] {
    opacity: 1;
}

.master-card.inactive[b-0zhi4336fx] {
    background: #f8f9fa;
    opacity: 0.7;
}

.master-card.inactive .master-card-title[b-0zhi4336fx] {
    color: #98a6ad;
}

.master-card-body[b-0zhi4336fx] {
    flex: 1;
    min-width: 0;
}

.master-card-title[b-0zhi4336fx] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #313a46;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.master-card-desc[b-0zhi4336fx] {
    font-size: 0.8rem;
    color: #98a6ad;
    margin-top: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Feature icons container */
.master-card-icons[b-0zhi4336fx] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-left: 0.75rem;
    flex-shrink: 0;
}

/* Individual feature icon */
.master-card-icon[b-0zhi4336fx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    font-size: 0.85rem;
    color: #d3d8de;
    background: transparent;
    transition: all 0.15s ease;
}

/* Active state for enabled features */
.master-card-icon.active[b-0zhi4336fx] {
    color: #10b981;
    background: rgba(16, 185, 129, 0.1);
}

.master-card-edit[b-0zhi4336fx] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    opacity: 0;
    color: #3e60d5;
    transition: opacity 0.15s ease;
}

/* Modal Enhancements */
.modal-content[b-0zhi4336fx] {
    border-radius: 0.5rem;
}

.modal-header[b-0zhi4336fx] {
    background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%);
}

.modal-footer[b-0zhi4336fx] {
    border-radius: 0 0 0.5rem 0.5rem;
}
/* /Components/Pages/MasterData/Configuration/ServiceTypes.razor.rz.scp.css */
/* ServiceTypes styles */
.list-group-item.active[b-i3ogc8con5] { border-left-width: 4px; }
.form-control-color[b-i3ogc8con5] { padding: 0.25rem; }

/* Master Card (shared pattern for text-only master data) */
.master-card[b-i3ogc8con5] {
    display: flex;
    align-items: center;
    padding: 1rem;
    padding-right: 2.5rem;
    background: #fff;
    border: 1px solid #e5e8eb;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
    min-height: 72px;
}

.master-card:hover[b-i3ogc8con5] {
    border-color: #3e60d5;
    box-shadow: 0 2px 8px rgba(62, 96, 213, 0.15);
    transform: translateY(-1px);
}

.master-card:hover .master-card-edit[b-i3ogc8con5] {
    opacity: 1;
}

.master-card-body[b-i3ogc8con5] {
    flex: 1;
    min-width: 0;
}

.master-card-title[b-i3ogc8con5] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #313a46;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.master-card-desc[b-i3ogc8con5] {
    font-size: 0.8rem;
    color: #98a6ad;
    margin-top: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Feature icons container */
.master-card-icons[b-i3ogc8con5] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-left: 0.75rem;
    flex-shrink: 0;
}

/* Individual feature icon */
.master-card-icon[b-i3ogc8con5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    font-size: 0.85rem;
    color: #d3d8de;
    background: transparent;
    transition: all 0.15s ease;
}

/* Active state for enabled features */
.master-card-icon.active[b-i3ogc8con5] {
    color: #3e60d5;
    background: rgba(62, 96, 213, 0.1);
}

.master-card-edit[b-i3ogc8con5] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    opacity: 0;
    color: #3e60d5;
    transition: opacity 0.15s ease;
}

/* Preview Section in Modal */
.preview-section[b-i3ogc8con5] {
    background: #f8f9fa;
    border-radius: 0.375rem;
    padding: 0.75rem;
}

/* Modal Enhancements */
.modal-content[b-i3ogc8con5] {
    border-radius: 0.5rem;
}

.modal-header[b-i3ogc8con5] {
    background: #f8f9fa;
}

/* Form Labels */
.form-label.small[b-i3ogc8con5] {
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    margin-bottom: 0.375rem;
}

/* Colour Picker */
.form-control-color[b-i3ogc8con5] {
    width: 48px;
    padding: 0.25rem;
}
/* /Components/Pages/MasterData/Configuration/Specialities.razor.rz.scp.css */
/* Specialities component styles */
.list-group-item.active[b-u6y0gchm4s] { border-left-width: 4px; }

/* Specialities - Card Grid Styles */

/* Master Card (shared pattern for text-only master data) */
.master-card[b-u6y0gchm4s] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: #fff;
    border: 1px solid #e5e8eb;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
    min-height: 72px;
}

.master-card:hover[b-u6y0gchm4s] {
    border-color: #3e60d5;
    box-shadow: 0 2px 8px rgba(62, 96, 213, 0.15);
    transform: translateY(-1px);
}

.master-card:hover .master-card-edit[b-u6y0gchm4s] {
    opacity: 1;
}

.master-card-body[b-u6y0gchm4s] {
    flex: 1;
    min-width: 0;
}

.master-card-title[b-u6y0gchm4s] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #313a46;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.master-card-desc[b-u6y0gchm4s] {
    font-size: 0.8rem;
    color: #98a6ad;
    margin-top: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.master-card-edit[b-u6y0gchm4s] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    opacity: 0;
    color: #3e60d5;
    transition: opacity 0.15s ease;
}

/* Modal Enhancements */
.modal-content[b-u6y0gchm4s] {
    border-radius: 0.5rem;
}

.modal-header[b-u6y0gchm4s] {
    background: #f8f9fa;
}

.form-label.small[b-u6y0gchm4s] {
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    margin-bottom: 0.375rem;
}
/* /Components/Pages/MasterData/CRM/ClientTypes.razor.rz.scp.css */
/* ClientTypes master data styles */
.cursor-pointer[b-eg0yjgz7zh] {
    cursor: pointer;
}

.table-hover tbody tr:hover[b-eg0yjgz7zh] {
    background-color: rgba(var(--bs-primary-rgb), 0.04);
}

/* Modal Enhancements */
.modal-content[b-eg0yjgz7zh] {
    border-radius: 0.5rem;
}

.modal-header[b-eg0yjgz7zh] {
    background: #f8f9fa;
}

/* Form Labels */
.form-label.small[b-eg0yjgz7zh] {
    font-size: 0.7rem;
    letter-spacing: 0.05em;
}

/* Font monospace for codes */
.font-monospace[b-eg0yjgz7zh] {
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
}
/* /Components/Pages/MasterData/Reporting/ReportingSchema.razor.rz.scp.css */
/* ReportingSchema component styles */

/* Table row styling */
.clickable-row[b-d1467e8j7z] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.clickable-row:hover[b-d1467e8j7z] {
    background-color: rgba(62, 96, 213, 0.08) !important;
}

.clickable-row .edit-icon[b-d1467e8j7z] {
    opacity: 0;
    transition: opacity 0.15s ease;
}

.clickable-row:hover .edit-icon[b-d1467e8j7z] {
    opacity: 1;
}

/* Table responsive container */
.table-responsive[b-d1467e8j7z] {
    max-height: 70vh;
    overflow-y: auto;
}

/* Table header sticky */
.table thead[b-d1467e8j7z] {
    position: sticky;
    top: 0;
    z-index: 1;
}

/* Modal Enhancements */
.modal-content[b-d1467e8j7z] {
    border-radius: 0.5rem;
}

.modal-header[b-d1467e8j7z] {
    background: #f8f9fa;
}

.form-label.small[b-d1467e8j7z] {
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    margin-bottom: 0.375rem;
}
/* /Components/Pages/MasterData/Reporting/ReportingTables.razor.rz.scp.css */
/* ReportingTables component styles */

/* Table row styling */
.clickable-row[b-scp20l6eg9] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.clickable-row:hover[b-scp20l6eg9] {
    background-color: rgba(62, 96, 213, 0.08) !important;
}

.clickable-row .edit-icon[b-scp20l6eg9] {
    opacity: 0;
    transition: opacity 0.15s ease;
}

.clickable-row:hover .edit-icon[b-scp20l6eg9] {
    opacity: 1;
}

/* Table responsive container */
.table-responsive[b-scp20l6eg9] {
    max-height: 70vh;
    overflow-y: auto;
}

/* Table header sticky */
.table thead[b-scp20l6eg9] {
    position: sticky;
    top: 0;
    z-index: 1;
}

/* Modal Enhancements */
.modal-content[b-scp20l6eg9] {
    border-radius: 0.5rem;
}

.modal-header[b-scp20l6eg9] {
    background: #f8f9fa;
}

.form-label.small[b-scp20l6eg9] {
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    margin-bottom: 0.375rem;
}
/* /Components/Pages/Navigation/Cases.razor.rz.scp.css */
/* Stats Cards - Compact with single accent color */
.stats-card[b-6zf9pxgply] {
    background: white;
    border-radius: 8px;
    padding: 0.875rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
}

.stats-icon[b-6zf9pxgply] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    flex-shrink: 0;
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
}

.stats-value[b-6zf9pxgply] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    color: #1e293b;
}

.stats-label[b-6zf9pxgply] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Table Styling - No longer using table element, keeping minimal legacy styles */
.case-row[b-6zf9pxgply] {
    cursor: pointer;
    position: relative;
    border-left: 3px solid var(--status-color, transparent) !important;
}

.case-row:hover[b-6zf9pxgply] {
    background-color: #f1f5f9 !important;
}

/* Case ID */
.case-id[b-6zf9pxgply] {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
}

/* Visual Hierarchy Classes */
.reference-text[b-6zf9pxgply] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.875rem;
}

.examinee-name[b-6zf9pxgply] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.875rem;
}

.examinee-dob[b-6zf9pxgply] {
    font-size: 0.75rem;
    color: #94a3b8;
}

/* Client Name */
.client-name[b-6zf9pxgply] {
    font-size: 0.8125rem;
    color: #475569;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Service Type */
.service-type[b-6zf9pxgply] {
    font-size: 0.75rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tertiary-text[b-6zf9pxgply] {
    color: #94a3b8;
    font-size: 0.8125rem;
}

/* Status Pill - Outline Style */
.status-pill[b-6zf9pxgply] {
    display: inline-block;
    padding: 0.25em 0.625em;
    font-size: 0.6875rem;
    font-weight: 500;
    border-radius: 4px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Next Appointment Indicator */
.next-appt[b-6zf9pxgply] {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.next-appt.future[b-6zf9pxgply] {
    background-color: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.next-appt.past[b-6zf9pxgply] {
    background-color: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.next-appt.pending[b-6zf9pxgply] {
    background-color: #fffbeb;
    color: #92400e;
    border: 1px solid #fde68a;
}

/* Specialist Avatars - Overlapping Stack */
.specialist-avatars[b-6zf9pxgply] {
    display: flex;
    align-items: center;
}

.specialist-avatar[b-6zf9pxgply] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.625rem;
    font-weight: 600;
    border: 2px solid white;
    margin-left: -6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: transform 0.15s ease, z-index 0s;
    position: relative;
    cursor: pointer;
}

.specialist-avatar:first-child[b-6zf9pxgply] {
    margin-left: 0;
}

.specialist-avatar:hover[b-6zf9pxgply] {
    transform: scale(1.15);
    z-index: 20 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.specialist-avatar-img[b-6zf9pxgply] {
    object-fit: cover;
    background-color: #e2e8f0;
}

.specialist-more[b-6zf9pxgply] {
    background: #64748b !important;
    font-size: 0.5625rem;
}

/* Date Display */
.date-display[b-6zf9pxgply] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.date-main[b-6zf9pxgply] {
    font-weight: 500;
    color: #475569;
    font-size: 0.8125rem;
}

.date-year[b-6zf9pxgply] {
    font-size: 0.6875rem;
    color: #94a3b8;
}

/* Avatar Styles */
.avatar-circle[b-6zf9pxgply] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6875rem;
    font-weight: 600;
    flex-shrink: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.avatar-circle-sm[b-6zf9pxgply] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #94a3b8;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.5625rem;
    font-weight: 600;
    flex-shrink: 0;
}

/* Sortable Headers */
.sortable-header[b-6zf9pxgply] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    transition: all 0.1s ease;
}

.sortable-header:hover[b-6zf9pxgply] {
    background-color: #f1f5f9;
    color: #334155;
}

.sortable-header.active[b-6zf9pxgply] {
    background-color: rgba(var(--bs-primary-rgb), 0.06);
    color: var(--bs-primary);
}

.sort-icon[b-6zf9pxgply] {
    opacity: 0.3;
    margin-left: 3px;
    font-size: 0.6875rem;
}

.sort-icon.active[b-6zf9pxgply] {
    opacity: 1;
    color: var(--bs-primary);
}

/* Search Clear Button */
.btn-search-clear[b-6zf9pxgply] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 4px 6px;
    cursor: pointer;
    color: #94a3b8;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.btn-search-clear:hover[b-6zf9pxgply] {
    color: #64748b;
    background-color: #f1f5f9;
}

.btn-search-clear i[b-6zf9pxgply] {
    font-size: 1rem;
}

/* Status Loading */
.status-loading[b-6zf9pxgply] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
}

/* Virtualized Table Layout */
.virtualized-table-body[b-6zf9pxgply] {
    overflow-y: auto;
    overflow-x: hidden;
}

/* Shared grid template for header and rows - ensures column alignment */
/* Columns: ID, STATUS, REFERENCE, EXAMINEE, CLIENT, SERVICE, NEXT APPT, APPTS, SPECIALISTS, OWNER, CREATED */
/* Fixed widths for compact columns, fr units for content columns to fill available space */
.cases-grid-columns[b-6zf9pxgply] {
    grid-template-columns: 90px 70px 1fr 1.2fr 1.5fr 1fr 120px 75px 90px 1fr 85px;
}

/* Header row - uses same grid as body rows for perfect alignment */
.cases-header-row[b-6zf9pxgply] {
    display: grid;
    grid-template-columns: 90px 170px 1fr 1.2fr 1.5fr 1fr 120px 75px 90px 1fr 85px;
    align-items: center;
    background: #f8fafc;
    border-bottom: 2px solid #e2e8f0;
    padding: 0;
    /* Account for scrollbar width in body */
    padding-right: 8px;
}

.cases-header-row .header-cell[b-6zf9pxgply] {
    font-weight: 600;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
    padding: 0.75rem 0.5rem;
    white-space: nowrap;
}

.cases-header-row .header-cell.cell-id[b-6zf9pxgply] {
    padding-left: 0.75rem;
}

.case-row-virtual[b-6zf9pxgply] {
    display: grid;
    grid-template-columns: 90px 170px 1fr 1.2fr 1.5fr 1fr 120px 75px 90px 1fr 85px;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f5f9;
    border-left: 3px solid var(--status-color, transparent);
    cursor: pointer;
    transition: background-color 0.1s ease;
    min-height: 52px;
}

.case-row-virtual:nth-child(even)[b-6zf9pxgply] {
    background-color: #fafbfc;
}

.case-row-virtual:hover[b-6zf9pxgply] {
    background-color: #f1f5f9 !important;
}

.case-row-virtual .cell[b-6zf9pxgply] {
    padding: 0.25rem 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.case-row-virtual .cell-id[b-6zf9pxgply] {
    padding-left: 0.75rem;
}

.case-row-virtual .cell-status[b-6zf9pxgply] {
    white-space: nowrap;
}

.case-row-virtual .cell-reference[b-6zf9pxgply] {
    min-width: 0;
}

.case-row-virtual .cell-examinee[b-6zf9pxgply] {
    min-width: 0;
}

.case-row-virtual .cell-client[b-6zf9pxgply] {
    min-width: 0;
}

.case-row-virtual .cell-service[b-6zf9pxgply] {
    min-width: 0;
}

.case-row-virtual .cell-appt-count[b-6zf9pxgply] {
    justify-self: start;
}

.case-row-virtual .cell-specialists[b-6zf9pxgply] {
    justify-self: start;
}

/* Align header with virtualized body - same widths as grid-template-columns */
.cases-table thead th:nth-child(1)[b-6zf9pxgply] { width: 90px; }   /*ID*/ 
.cases-table thead th:nth-child(2)[b-6zf9pxgply] { width: 70px; }  /*STATUS */
.cases-table thead th:nth-child(3)[b-6zf9pxgply] { width: 110px; }   /*REFERENCE */
.cases-table thead th:nth-child(4)[b-6zf9pxgply] { width: 150px; }  /* EXAMINEE */
.cases-table thead th:nth-child(5)[b-6zf9pxgply] { width: 180px; }   /*CLIENT*/ 
.cases-table thead th:nth-child(6)[b-6zf9pxgply] { width: 110px; }  /*SERVICE*/ 
.cases-table thead th:nth-child(7)[b-6zf9pxgply] { width: 120px; }  /*NEXT APPT*/ 
.cases-table thead th:nth-child(8)[b-6zf9pxgply] { width: 75px; }   /*APPTS*/ 
.cases-table thead th:nth-child(9)[b-6zf9pxgply] { width: 90px; }  /*SPECIALISTS */
.cases-table thead th:nth-child(10)[b-6zf9pxgply] { width: 1fr; }  /*OWNER */
.cases-table thead th:nth-child(11)[b-6zf9pxgply] { width: 85px; }  /*CREATED*/ 

/* Appointment Count Badge */
.appt-count-badge[b-6zf9pxgply] {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 500;
    color: #3b82f6;
    background-color: #eff6ff;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    border: 1px solid #bfdbfe;
}
/* /Components/Pages/Navigation/Dashboard.razor.rz.scp.css */
/* Dashboard Styles - Modern, professional styling matching Cases page theme */

/* Welcome Card - Subtle, professional header */
.welcome-card[b-obqysgromu] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-left: 4px solid var(--bs-primary);
    border-radius: 8px;
    padding: 1rem 1.25rem;
}

.welcome-content[b-obqysgromu] {
    color: #1e293b;
}

.welcome-title[b-obqysgromu] {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0.125rem;
    color: #1e293b;
}

.welcome-subtitle[b-obqysgromu] {
    font-size: 0.875rem;
    color: #64748b;
    margin-bottom: 0;
}

/* Stats Cards - Compact with single accent color (matches Cases) */
.stats-card[b-obqysgromu] {
    background: white;
    border-radius: 8px;
    padding: 0.875rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    transition: all 0.15s ease;
}

.stats-card:hover[b-obqysgromu] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.stats-card-warning[b-obqysgromu] {
    border-left: 3px solid #f59e0b;
}

.stats-card-danger[b-obqysgromu] {
    border-left: 3px solid #ef4444;
}

.stats-card-highlight[b-obqysgromu] {
    border-left: 3px solid #ef4444;
    background: linear-gradient(to right, #fef2f2, white);
}

.stats-icon[b-obqysgromu] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    flex-shrink: 0;
    background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.stats-value[b-obqysgromu] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    color: #1e293b;
}

.stats-label[b-obqysgromu] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Mini Stats Card */
.mini-stat-card[b-obqysgromu] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 0.625rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mini-stat-label[b-obqysgromu] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
}

.mini-stat-value[b-obqysgromu] {
    font-size: 0.8125rem;
    font-weight: 600;
}

/* Card Styling */
.card[b-obqysgromu] {
    border-radius: 10px;
    transition: box-shadow 0.2s ease;
}

.card:hover[b-obqysgromu] {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

.card-header[b-obqysgromu] {
    border-bottom: none;
}

.card-title[b-obqysgromu] {
    color: #1e293b;
}

/* Dashboard Table (matches Cases) */
.dashboard-table[b-obqysgromu] {
    border-collapse: separate;
    border-spacing: 0;
}

.dashboard-table thead tr[b-obqysgromu] {
    background: #f8fafc;
}

.dashboard-table thead th[b-obqysgromu] {
    font-weight: 600;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
    border-bottom: 2px solid #e2e8f0;
    padding: 0.75rem 0.5rem;
    white-space: nowrap;
}

.dashboard-table tbody tr[b-obqysgromu] {
    transition: all 0.1s ease;
}

.dashboard-table tbody td[b-obqysgromu] {
    padding: 0.625rem 0.5rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.case-row[b-obqysgromu] {
    cursor: pointer;
}

.case-row:hover[b-obqysgromu] {
    background-color: #f1f5f9 !important;
}

/* Text Styles (matches Cases) */
.reference-text[b-obqysgromu] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.875rem;
}

.examinee-name[b-obqysgromu] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.875rem;
}

.tertiary-text[b-obqysgromu] {
    color: #94a3b8;
    font-size: 0.8125rem;
}

.date-text[b-obqysgromu] {
    color: #64748b;
    font-size: 0.8125rem;
}

/* Status Pill - Outline Style (matches Cases) */
.status-pill[b-obqysgromu] {
    display: inline-block;
    padding: 0.25em 0.625em;
    font-size: 0.6875rem;
    font-weight: 500;
    border-radius: 4px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Avatar Styles (matches Cases) */
.avatar-circle[b-obqysgromu] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6875rem;
    font-weight: 600;
    flex-shrink: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.avatar-circle-sm[b-obqysgromu] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #94a3b8;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.5625rem;
    font-weight: 600;
    flex-shrink: 0;
}

/* Appointment List */
.appointment-list[b-obqysgromu] {
    max-height: 400px;
    overflow-y: auto;
}

.appointment-item[b-obqysgromu] {
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background-color 0.1s ease;
}

.appointment-item:hover[b-obqysgromu] {
    background-color: #f8fafc;
}

.appointment-item:last-child[b-obqysgromu] {
    border-bottom: none;
}

.appointment-date-box[b-obqysgromu] {
    width: 44px;
    height: 44px;
    background: #f1f5f9;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.appointment-date-box.today[b-obqysgromu] {
    background: #fef2f2;
    border: 1px solid #fecaca;
}

.appointment-date-box .date-day[b-obqysgromu] {
    font-size: 1rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1;
}

.appointment-date-box .date-month[b-obqysgromu] {
    font-size: 0.625rem;
    color: #64748b;
    text-transform: uppercase;
    font-weight: 500;
}

/* Task List */
.task-list[b-obqysgromu] {
    max-height: 400px;
    overflow-y: auto;
}

.task-item[b-obqysgromu] {
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background-color 0.1s ease;
}

.task-item:hover[b-obqysgromu] {
    background-color: #f8fafc;
}

.task-item:last-child[b-obqysgromu] {
    border-bottom: none;
}

.task-item.task-overdue[b-obqysgromu] {
    background-color: #fef2f2;
    border-left: 3px solid #ef4444;
}

.task-item.task-overdue:hover[b-obqysgromu] {
    background-color: #fee2e2;
}

.task-priority-indicator[b-obqysgromu] {
    font-size: 0.5rem;
    line-height: 1;
}

.task-title[b-obqysgromu] {
    color: #1e293b;
    font-size: 0.875rem;
}

.task-meta[b-obqysgromu] {
    font-size: 0.75rem;
}

/* Today's Schedule Card */
.today-schedule-card .card-header[b-obqysgromu] {
    border-radius: 10px 10px 0 0;
}

.today-appointments[b-obqysgromu] {
    max-height: 300px;
    overflow-y: auto;
}

.today-appointment-item[b-obqysgromu] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background-color 0.1s ease;
}

.today-appointment-item:hover[b-obqysgromu] {
    background-color: #f8fafc;
}

.today-appointment-item:last-child[b-obqysgromu] {
    border-bottom: none;
}

.appointment-time-block[b-obqysgromu] {
    min-width: 52px;
    text-align: center;
}

.time-display[b-obqysgromu] {
    font-size: 1rem;
    font-weight: 700;
    color: #1e293b;
}

.appointment-avatar[b-obqysgromu] {
    flex-shrink: 0;
}

/* Legend Items (for charts) */
.legend-item[b-obqysgromu] {
    border-bottom: 1px solid #f8fafc;
}

.legend-item:last-child[b-obqysgromu] {
    border-bottom: none;
}

.legend-dot[b-obqysgromu] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.legend-label[b-obqysgromu] {
    font-size: 0.8125rem;
    color: #475569;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.legend-value[b-obqysgromu] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #1e293b;
}

/* Chart containers */
#adminStatusChart[b-obqysgromu],
#adminTrendChart[b-obqysgromu],
#clientStatusChart[b-obqysgromu] {
    min-height: 180px;
}

/* Shadow utilities */
.shadow-sm[b-obqysgromu] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

/* Loading Spinner (consistent with other pages) */
.loading-spinner-inline[b-obqysgromu] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.spinner-ring-inline[b-obqysgromu] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--bs-primary);
    animation: pulse-inline-b-obqysgromu 1.2s ease-in-out infinite;
}

.spinner-ring-inline:nth-child(2)[b-obqysgromu] {
    animation-delay: 0.2s;
}

.spinner-ring-inline:nth-child(3)[b-obqysgromu] {
    animation-delay: 0.4s;
}

@keyframes pulse-inline-b-obqysgromu {
    0%, 100% {
        transform: scale(0.8);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .welcome-card[b-obqysgromu] {
        padding: 1rem;
    }
    
    .welcome-title[b-obqysgromu] {
        font-size: 1.125rem;
    }
    
    .stats-card[b-obqysgromu] {
        padding: 0.75rem;
    }
    
    .stats-value[b-obqysgromu] {
        font-size: 1.125rem;
    }
    
    .appointment-date-box[b-obqysgromu] {
        width: 38px;
        height: 38px;
    }
    
    .appointment-date-box .date-day[b-obqysgromu] {
        font-size: 0.875rem;
    }
}
/* /Components/Pages/Navigation/Dashboards/AdminDashboard.razor.rz.scp.css */
/* Admin Dashboard Styles - Shared dashboard styling */

/* Stats Cards - Compact with single accent color */
.stats-card[b-jqv1sgpvqn] {
    background: white;
    border-radius: 8px;
    padding: 0.875rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    transition: all 0.15s ease;
}

.stats-card:hover[b-jqv1sgpvqn] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.stats-card-warning[b-jqv1sgpvqn] {
    border-left: 3px solid #f59e0b;
}

.stats-card-danger[b-jqv1sgpvqn] {
    border-left: 3px solid #ef4444;
}

.stats-card-highlight[b-jqv1sgpvqn] {
    border-left: 3px solid #ef4444;
    background: linear-gradient(to right, #fef2f2, white);
}

.stats-icon[b-jqv1sgpvqn] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    flex-shrink: 0;
    background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.stats-value[b-jqv1sgpvqn] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    color: #1e293b;
}

.stats-label[b-jqv1sgpvqn] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Mini Stats Card */
.mini-stat-card[b-jqv1sgpvqn] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 0.625rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mini-stat-label[b-jqv1sgpvqn] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
}

.mini-stat-value[b-jqv1sgpvqn] {
    font-size: 0.8125rem;
    font-weight: 600;
}

/* Card Styling */
.card[b-jqv1sgpvqn] {
    border-radius: 10px;
    transition: box-shadow 0.2s ease;
}

.card:hover[b-jqv1sgpvqn] {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

.card-header[b-jqv1sgpvqn] {
    border-bottom: none;
}

.card-title[b-jqv1sgpvqn] {
    color: #1e293b;
}

/* Dashboard Table */
.dashboard-table[b-jqv1sgpvqn] {
    border-collapse: separate;
    border-spacing: 0;
}

.dashboard-table thead tr[b-jqv1sgpvqn] {
    background: #f8fafc;
}

.dashboard-table thead th[b-jqv1sgpvqn] {
    font-weight: 600;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
    border-bottom: 2px solid #e2e8f0;
    padding: 0.75rem 0.5rem;
    white-space: nowrap;
}

.dashboard-table tbody tr[b-jqv1sgpvqn] {
    transition: all 0.1s ease;
}

.dashboard-table tbody td[b-jqv1sgpvqn] {
    padding: 0.625rem 0.5rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.case-row[b-jqv1sgpvqn] {
    cursor: pointer;
}

.case-row:hover[b-jqv1sgpvqn] {
    background-color: #f1f5f9 !important;
}

/* Text Styles */
.reference-text[b-jqv1sgpvqn] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.875rem;
}

.examinee-name[b-jqv1sgpvqn] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.875rem;
}

.tertiary-text[b-jqv1sgpvqn] {
    color: #94a3b8;
    font-size: 0.8125rem;
}

.date-text[b-jqv1sgpvqn] {
    color: #64748b;
    font-size: 0.8125rem;
}

/* Status Pill - Outline Style */
.status-pill[b-jqv1sgpvqn] {
    display: inline-block;
    padding: 0.25em 0.625em;
    font-size: 0.6875rem;
    font-weight: 500;
    border-radius: 4px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Avatar Styles */
.avatar-circle[b-jqv1sgpvqn] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6875rem;
    font-weight: 600;
    flex-shrink: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.avatar-circle-sm[b-jqv1sgpvqn] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #94a3b8;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.5625rem;
    font-weight: 600;
    flex-shrink: 0;
}

/* Appointment List */
.appointment-list[b-jqv1sgpvqn] {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.appointment-item[b-jqv1sgpvqn] {
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background-color 0.1s ease;
    padding: 0.625rem 1rem;
}

.appointment-item:hover[b-jqv1sgpvqn] {
    background-color: #f8fafc;
}

.appointment-item:last-child[b-jqv1sgpvqn] {
    border-bottom: none;
}

.appointment-date-box[b-jqv1sgpvqn] {
    width: 44px;
    min-width: 44px;
    height: 44px;
    background: #f1f5f9;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #e2e8f0;
}

.appointment-date-box.today[b-jqv1sgpvqn] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
}

.appointment-date-box.tomorrow[b-jqv1sgpvqn] {
    background: #fffbeb;
    border: 1px solid #fcd34d;
}

.appointment-date-box .date-day[b-jqv1sgpvqn] {
    font-size: 1rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1;
}

.appointment-date-box .date-month[b-jqv1sgpvqn] {
    font-size: 0.625rem;
    color: #64748b;
    text-transform: uppercase;
    font-weight: 500;
}

/* Task List */
.task-list[b-jqv1sgpvqn] {
    max-height: 400px;
    overflow-y: auto;
}

.task-item[b-jqv1sgpvqn] {
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background-color 0.1s ease;
}

.task-item:hover[b-jqv1sgpvqn] {
    background-color: #f8fafc;
}

.task-item:last-child[b-jqv1sgpvqn] {
    border-bottom: none;
}

.task-item.task-overdue[b-jqv1sgpvqn] {
    background-color: #fef2f2;
    border-left: 3px solid #ef4444;
}

.task-item.task-overdue:hover[b-jqv1sgpvqn] {
    background-color: #fee2e2;
}

.task-priority-indicator[b-jqv1sgpvqn] {
    font-size: 0.5rem;
    line-height: 1;
}

.task-title[b-jqv1sgpvqn] {
    color: #1e293b;
    font-size: 0.875rem;
}

.task-meta[b-jqv1sgpvqn] {
    font-size: 0.75rem;
}

/* Legend Items (for charts) */
.legend-item[b-jqv1sgpvqn] {
    border-bottom: 1px solid #f8fafc;
}

.legend-item:last-child[b-jqv1sgpvqn] {
    border-bottom: none;
}

.legend-dot[b-jqv1sgpvqn] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.legend-label[b-jqv1sgpvqn] {
    font-size: 0.8125rem;
    color: #475569;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.legend-value[b-jqv1sgpvqn] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #1e293b;
}

/* Chart containers */
#adminStatusChart[b-jqv1sgpvqn],
#adminTrendChart[b-jqv1sgpvqn] {
    min-height: 180px;
}

/* Shadow utilities */
.shadow-sm[b-jqv1sgpvqn] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

/* Loading Spinner */
.loading-spinner-inline[b-jqv1sgpvqn] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.spinner-ring-inline[b-jqv1sgpvqn] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--bs-primary);
    animation: pulse-inline-b-jqv1sgpvqn 1.2s ease-in-out infinite;
}

.spinner-ring-inline:nth-child(2)[b-jqv1sgpvqn] {
    animation-delay: 0.2s;
}

.spinner-ring-inline:nth-child(3)[b-jqv1sgpvqn] {
    animation-delay: 0.4s;
}

@keyframes pulse-inline-b-jqv1sgpvqn {
    0%, 100% {
        transform: scale(0.8);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
}
/* /Components/Pages/Navigation/Dashboards/ClientDashboard.razor.rz.scp.css */
/* Client Dashboard Styles - Shared dashboard styling */

/* Stats Cards - Compact with single accent color */
.stats-card[b-i8c6vrvzlr] {
    background: white;
    border-radius: 8px;
    padding: 0.875rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    transition: all 0.15s ease;
}

.stats-card:hover[b-i8c6vrvzlr] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.stats-card-warning[b-i8c6vrvzlr] {
    border-left: 3px solid #f59e0b;
}

.stats-card-danger[b-i8c6vrvzlr] {
    border-left: 3px solid #ef4444;
}

.stats-icon[b-i8c6vrvzlr] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    flex-shrink: 0;
    background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.stats-value[b-i8c6vrvzlr] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    color: #1e293b;
}

.stats-label[b-i8c6vrvzlr] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Mini Stats Card */
.mini-stat-card[b-i8c6vrvzlr] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 0.625rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mini-stat-label[b-i8c6vrvzlr] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
}

.mini-stat-value[b-i8c6vrvzlr] {
    font-size: 0.8125rem;
    font-weight: 600;
}

/* Card Styling */
.card[b-i8c6vrvzlr] {
    border-radius: 10px;
    transition: box-shadow 0.2s ease;
}

.card:hover[b-i8c6vrvzlr] {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

.card-header[b-i8c6vrvzlr] {
    border-bottom: none;
}

.card-title[b-i8c6vrvzlr] {
    color: #1e293b;
}

/* Dashboard Table */
.dashboard-table[b-i8c6vrvzlr] {
    border-collapse: separate;
    border-spacing: 0;
}

.dashboard-table thead tr[b-i8c6vrvzlr] {
    background: #f8fafc;
}

.dashboard-table thead th[b-i8c6vrvzlr] {
    font-weight: 600;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
    border-bottom: 2px solid #e2e8f0;
    padding: 0.75rem 0.5rem;
    white-space: nowrap;
}

.dashboard-table tbody tr[b-i8c6vrvzlr] {
    transition: all 0.1s ease;
}

.dashboard-table tbody td[b-i8c6vrvzlr] {
    padding: 0.625rem 0.5rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.case-row[b-i8c6vrvzlr] {
    cursor: pointer;
}

.case-row:hover[b-i8c6vrvzlr] {
    background-color: #f1f5f9 !important;
}

/* Text Styles */
.reference-text[b-i8c6vrvzlr] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.875rem;
}

.examinee-name[b-i8c6vrvzlr] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.875rem;
}

.tertiary-text[b-i8c6vrvzlr] {
    color: #94a3b8;
    font-size: 0.8125rem;
}

.date-text[b-i8c6vrvzlr] {
    color: #64748b;
    font-size: 0.8125rem;
}

/* Status Pill - Outline Style */
.status-pill[b-i8c6vrvzlr] {
    display: inline-block;
    padding: 0.25em 0.625em;
    font-size: 0.6875rem;
    font-weight: 500;
    border-radius: 4px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Avatar Styles */
.avatar-circle[b-i8c6vrvzlr] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6875rem;
    font-weight: 600;
    flex-shrink: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.avatar-circle-sm[b-i8c6vrvzlr] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #94a3b8;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.5625rem;
    font-weight: 600;
    flex-shrink: 0;
}

/* Appointment List */
.appointment-list[b-i8c6vrvzlr] {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.appointment-item[b-i8c6vrvzlr] {
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background-color 0.1s ease;
    padding: 0.625rem 1rem;
}

.appointment-item:hover[b-i8c6vrvzlr] {
    background-color: #f8fafc;
}

.appointment-item:last-child[b-i8c6vrvzlr] {
    border-bottom: none;
}

.appointment-date-box[b-i8c6vrvzlr] {
    width: 44px;
    min-width: 44px;
    height: 44px;
    background: #f1f5f9;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #e2e8f0;
}

.appointment-date-box.today[b-i8c6vrvzlr] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
}

.appointment-date-box.tomorrow[b-i8c6vrvzlr] {
    background: #fffbeb;
    border: 1px solid #fcd34d;
}

.appointment-date-box .date-day[b-i8c6vrvzlr] {
    font-size: 1rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1;
}

.appointment-date-box .date-month[b-i8c6vrvzlr] {
    font-size: 0.625rem;
    color: #64748b;
    text-transform: uppercase;
    font-weight: 500;
}

/* Legend Items (for charts) */
.legend-item[b-i8c6vrvzlr] {
    border-bottom: 1px solid #f8fafc;
}

.legend-item:last-child[b-i8c6vrvzlr] {
    border-bottom: none;
}

.legend-dot[b-i8c6vrvzlr] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.legend-label[b-i8c6vrvzlr] {
    font-size: 0.8125rem;
    color: #475569;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.legend-value[b-i8c6vrvzlr] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #1e293b;
}

/* Chart containers */
#clientStatusChart[b-i8c6vrvzlr] {
    min-height: 180px;
}

/* Shadow utilities */
.shadow-sm[b-i8c6vrvzlr] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

/* Loading Spinner */
.loading-spinner-inline[b-i8c6vrvzlr] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.spinner-ring-inline[b-i8c6vrvzlr] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--bs-primary);
    animation: pulse-inline-b-i8c6vrvzlr 1.2s ease-in-out infinite;
}

.spinner-ring-inline:nth-child(2)[b-i8c6vrvzlr] {
    animation-delay: 0.2s;
}

.spinner-ring-inline:nth-child(3)[b-i8c6vrvzlr] {
    animation-delay: 0.4s;
}

@keyframes pulse-inline-b-i8c6vrvzlr {
    0%, 100% {
        transform: scale(0.8);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
}
/* /Components/Pages/Navigation/Dashboards/SpecialistDashboard.razor.rz.scp.css */
/* Specialist Dashboard Styles - Shared dashboard styling */

/* Stats Cards - Compact with single accent color */
.stats-card[b-wkv4mh57zm] {
    background: white;
    border-radius: 8px;
    padding: 0.875rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    transition: all 0.15s ease;
}

.stats-card:hover[b-wkv4mh57zm] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.stats-card-warning[b-wkv4mh57zm] {
    border-left: 3px solid #f59e0b;
}

.stats-card-danger[b-wkv4mh57zm] {
    border-left: 3px solid #ef4444;
}

.stats-card-highlight[b-wkv4mh57zm] {
    border-left: 3px solid #ef4444;
    background: linear-gradient(to right, #fef2f2, white);
}

.stats-icon[b-wkv4mh57zm] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    flex-shrink: 0;
    background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.stats-value[b-wkv4mh57zm] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    color: #1e293b;
}

.stats-label[b-wkv4mh57zm] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Mini Stats Card */
.mini-stat-card[b-wkv4mh57zm] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 0.625rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mini-stat-label[b-wkv4mh57zm] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
}

.mini-stat-value[b-wkv4mh57zm] {
    font-size: 0.8125rem;
    font-weight: 600;
}

/* Card Styling */
.card[b-wkv4mh57zm] {
    border-radius: 10px;
    transition: box-shadow 0.2s ease;
}

.card:hover[b-wkv4mh57zm] {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

.card-header[b-wkv4mh57zm] {
    border-bottom: none;
}

.card-title[b-wkv4mh57zm] {
    color: #1e293b;
}

/* Today's Schedule Card */
.today-schedule-card .card-header[b-wkv4mh57zm] {
    border-radius: 10px 10px 0 0;
}

.today-appointments[b-wkv4mh57zm] {
    max-height: 300px;
    overflow-y: auto;
}

.today-appointment-item[b-wkv4mh57zm] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background-color 0.1s ease;
}

.today-appointment-item:hover[b-wkv4mh57zm] {
    background-color: #f8fafc;
}

.today-appointment-item:last-child[b-wkv4mh57zm] {
    border-bottom: none;
}

.appointment-time-block[b-wkv4mh57zm] {
    min-width: 52px;
    text-align: center;
}

.time-display[b-wkv4mh57zm] {
    font-size: 1rem;
    font-weight: 700;
    color: #1e293b;
}

.appointment-avatar[b-wkv4mh57zm] {
    flex-shrink: 0;
}

/* Avatar Styles */
.avatar-circle[b-wkv4mh57zm] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6875rem;
    font-weight: 600;
    flex-shrink: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

/* Appointment List */
.appointment-list[b-wkv4mh57zm] {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.appointment-item[b-wkv4mh57zm] {
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background-color 0.1s ease;
    padding: 0.625rem 1rem;
}

.appointment-item:hover[b-wkv4mh57zm] {
    background-color: #f8fafc;
}

.appointment-item:last-child[b-wkv4mh57zm] {
    border-bottom: none;
}

.appointment-date-box[b-wkv4mh57zm] {
    width: 44px;
    min-width: 44px;
    height: 44px;
    background: #f1f5f9;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #e2e8f0;
}

.appointment-date-box.today[b-wkv4mh57zm] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
}

.appointment-date-box.tomorrow[b-wkv4mh57zm] {
    background: #fffbeb;
    border: 1px solid #fcd34d;
}

.appointment-date-box .date-day[b-wkv4mh57zm] {
    font-size: 1rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1;
}

.appointment-date-box .date-month[b-wkv4mh57zm] {
    font-size: 0.625rem;
    color: #64748b;
    text-transform: uppercase;
    font-weight: 500;
}

/* Task List */
.task-list[b-wkv4mh57zm] {
    max-height: 400px;
    overflow-y: auto;
}

.task-item[b-wkv4mh57zm] {
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background-color 0.1s ease;
}

.task-item:hover[b-wkv4mh57zm] {
    background-color: #f8fafc;
}

.task-item:last-child[b-wkv4mh57zm] {
    border-bottom: none;
}

.task-item.task-overdue[b-wkv4mh57zm] {
    background-color: #fef2f2;
    border-left: 3px solid #ef4444;
}

.task-item.task-overdue:hover[b-wkv4mh57zm] {
    background-color: #fee2e2;
}

.task-priority-indicator[b-wkv4mh57zm] {
    font-size: 0.5rem;
    line-height: 1;
}

.task-title[b-wkv4mh57zm] {
    color: #1e293b;
    font-size: 0.875rem;
}

.task-meta[b-wkv4mh57zm] {
    font-size: 0.75rem;
}

/* Shadow utilities */
.shadow-sm[b-wkv4mh57zm] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

/* Loading Spinner */
.loading-spinner-inline[b-wkv4mh57zm] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.spinner-ring-inline[b-wkv4mh57zm] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--bs-primary);
    animation: pulse-inline-b-wkv4mh57zm 1.2s ease-in-out infinite;
}

.spinner-ring-inline:nth-child(2)[b-wkv4mh57zm] {
    animation-delay: 0.2s;
}

.spinner-ring-inline:nth-child(3)[b-wkv4mh57zm] {
    animation-delay: 0.4s;
}

@keyframes pulse-inline-b-wkv4mh57zm {
    0%, 100% {
        transform: scale(0.8);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .stats-card[b-wkv4mh57zm] {
        padding: 0.75rem;
    }
    
    .stats-value[b-wkv4mh57zm] {
        font-size: 1.125rem;
    }
    
    .appointment-date-box[b-wkv4mh57zm] {
        width: 38px;
        height: 38px;
    }
    
    .appointment-date-box .date-day[b-wkv4mh57zm] {
        font-size: 0.875rem;
    }
    
    .today-appointment-item[b-wkv4mh57zm] {
        padding: 0.75rem 1rem;
    }
}
/* /Components/Pages/Navigation/NewCaseForm.razor.rz.scp.css */
/* ============================================
   NEW CASE WIZARD - Clean & Professional
   ============================================ */

/* Main Container */
.new-case-wizard[b-qgnk0ua0ar] {
    background: #f4f6f8;
    min-height: calc(100vh - 70px);
    padding: 1.5rem;
}

/* Card wrapper for unified appearance */
.wizard-card[b-qgnk0ua0ar] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.03);
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
}

/* ============================================
   COMPACT HEADER BAR
   ============================================ */
.wizard-header[b-qgnk0ua0ar] {
    background: linear-gradient(135deg, #0081B8 0%, #005a82 100%);
    border-bottom: none;
    padding: 0.875rem 1.25rem;
}

.wizard-header-inner[b-qgnk0ua0ar] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wizard-header-left[b-qgnk0ua0ar] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.wizard-header-left .btn[b-qgnk0ua0ar] {
    padding: 0.375rem 0.5rem;
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: #fff;
}

.wizard-header-left .btn:hover[b-qgnk0ua0ar] {
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
}

.wizard-header h5[b-qgnk0ua0ar] {
    margin: 0;
    font-weight: 600;
    font-size: 1rem;
    color: #fff;
}

.wizard-header .step-badge[b-qgnk0ua0ar] {
    font-size: 0.75rem;
    padding: 0.25rem 0.75rem;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 20px;
    font-weight: 500;
}

/* ============================================
   PROGRESS STEPPER
   ============================================ */
.wizard-stepper[b-qgnk0ua0ar] {
    background: #fafbfc;
    border-bottom: 1px solid #f1f5f9;
    padding: 0.875rem 1.25rem;
}

.stepper-track[b-qgnk0ua0ar] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0;
}

.stepper-item[b-qgnk0ua0ar] {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: opacity 0.2s;
}

.stepper-item:hover[b-qgnk0ua0ar] {
    opacity: 0.85;
}

.stepper-dot[b-qgnk0ua0ar] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #e2e8f0;
    color: #94a3b8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    transition: all 0.2s ease;
    flex-shrink: 0;
    border: 2px solid transparent;
}

.stepper-item.active .stepper-dot[b-qgnk0ua0ar] {
    background: #0081B8;
    color: #fff;
    border: 2px solid #0081B8;
    box-shadow: 0 0 0 4px rgba(0, 129, 184, 0.2);
    transform: scale(1.1);
}

.stepper-item.complete .stepper-dot[b-qgnk0ua0ar] {
    background: #73A14B;
    color: #fff;
    border: 2px solid #73A14B;
}

.stepper-item.complete .stepper-dot i[b-qgnk0ua0ar] {
    color: #fff !important;
    font-size: 0.8rem;
}

.stepper-item.active .stepper-dot i[b-qgnk0ua0ar] {
    color: #fff !important;
}

.stepper-label[b-qgnk0ua0ar] {
    margin-left: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #64748b;
    white-space: nowrap;
}

.stepper-item.active .stepper-label[b-qgnk0ua0ar] {
    color: #0081B8;
    font-weight: 700;
}

.stepper-item.complete .stepper-label[b-qgnk0ua0ar] {
    color: #73A14B;
}

.stepper-line[b-qgnk0ua0ar] {
    width: 32px;
    height: 2px;
    background: #e2e8f0;
    margin: 0 0.375rem;
    flex-shrink: 0;
}

.stepper-line.complete[b-qgnk0ua0ar] {
    background: #73A14B;
}

/* Responsive stepper */
@media (max-width: 991px) {
    .stepper-label[b-qgnk0ua0ar] {
        display: none;
    }
    .stepper-line[b-qgnk0ua0ar] {
        width: 20px;
    }
    .stepper-dot[b-qgnk0ua0ar] {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 576px) {
    .stepper-line[b-qgnk0ua0ar] {
        width: 12px;
        margin: 0 0.25rem;
    }
}

/* ============================================
   MAIN CONTENT AREA
   ============================================ */
.wizard-body[b-qgnk0ua0ar] {
    background: #fff;
    padding: 0;
}

/* Section Card */
.section-card[b-qgnk0ua0ar] {
    background: #fff;
    border: none;
    border-radius: 0;
    overflow: visible;
}

.section-header[b-qgnk0ua0ar] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: #fafbfc;
}

.section-icon[b-qgnk0ua0ar] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.section-icon i[b-qgnk0ua0ar] {
    font-size: 1.125rem;
}

.section-header h6[b-qgnk0ua0ar] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1e293b;
}

.section-header p[b-qgnk0ua0ar] {
    margin: 0;
    font-size: 0.8125rem;
    color: #64748b;
}

.section-body[b-qgnk0ua0ar] {
    padding: 1.5rem;
}

/* Row spacing within sections */
.section-body .row[b-qgnk0ua0ar] {
    margin-bottom: 1rem;
}

.section-body .row:last-child[b-qgnk0ua0ar] {
    margin-bottom: 0;
}

/* ============================================
   FORM CONTROLS
   ============================================ */
.form-group[b-qgnk0ua0ar] {
    margin-bottom: 1.25rem;
}

.form-group:last-child[b-qgnk0ua0ar] {
    margin-bottom: 0;
}

.form-label[b-qgnk0ua0ar] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #475569;
    margin-bottom: 0.375rem;
}

.form-label.required[b-qgnk0ua0ar]::after {
    content: "*";
    color: #D9534F;
    font-size: 0.75rem;
}

.help-trigger[b-qgnk0ua0ar] {
    background: none;
    border: none;
    padding: 0;
    line-height: 1;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.15s;
}

.help-trigger:hover[b-qgnk0ua0ar] {
    opacity: 1;
}

.help-trigger i[b-qgnk0ua0ar] {
    font-size: 0.875rem;
    color: #64748b;
}

.help-text[b-qgnk0ua0ar] {
    background: #e5f2f7;
    border: 1px solid rgba(0, 129, 184, 0.3);
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
    color: #005a82;
    line-height: 1.4;
}

.form-control[b-qgnk0ua0ar],
.form-select[b-qgnk0ua0ar] {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.form-control:focus[b-qgnk0ua0ar],
.form-select:focus[b-qgnk0ua0ar] {
    border-color: #0081B8;
    box-shadow: 0 0 0 3px rgba(0, 129, 184, 0.1);
}

.input-group .input-group-text[b-qgnk0ua0ar] {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
}

.input-group .form-control[b-qgnk0ua0ar],
.input-group .form-select[b-qgnk0ua0ar] {
    border-color: #e2e8f0;
}

.input-group .form-control:focus[b-qgnk0ua0ar],
.input-group .form-select:focus[b-qgnk0ua0ar] {
    border-color: #e2e8f0;
    box-shadow: none;
}

textarea.form-control[b-qgnk0ua0ar] {
    min-height: 80px;
    resize: vertical;
}

/* ============================================
   OPTION TOGGLES
   ============================================ */
.options-section[b-qgnk0ua0ar] {
    margin-top: 0.5rem;
}

.options-section h6[b-qgnk0ua0ar] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #64748b;
    margin-bottom: 0.625rem;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.options-grid[b-qgnk0ua0ar] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.625rem;
}

@media (max-width: 767px) {
    .options-grid[b-qgnk0ua0ar] {
        grid-template-columns: 1fr;
    }
}

.option-card[b-qgnk0ua0ar] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.625rem 0.75rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.option-card:hover[b-qgnk0ua0ar] {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

.option-card.selected[b-qgnk0ua0ar] {
    background: #f1f5e8;
    border-color: #73A14B;
}

.option-card .option-icon[b-qgnk0ua0ar] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.option-card .option-icon i[b-qgnk0ua0ar] {
    font-size: 0.875rem;
    color: #64748b;
}

.option-card.selected .option-icon[b-qgnk0ua0ar] {
    background: #73A14B;
}

.option-card.selected .option-icon i[b-qgnk0ua0ar] {
    color: #fff;
}

.option-card .option-label[b-qgnk0ua0ar] {
    flex: 1;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #475569;
}

.option-card .option-check[b-qgnk0ua0ar] {
    color: #cbd5e1;
    font-size: 1rem;
}

.option-card.selected .option-check[b-qgnk0ua0ar] {
    color: #73A14B;
}

/* ============================================
   REVIEW SECTION
   ============================================ */
.review-grid[b-qgnk0ua0ar] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

@media (max-width: 767px) {
    .review-grid[b-qgnk0ua0ar] {
        grid-template-columns: 1fr;
    }
}

.review-card[b-qgnk0ua0ar] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    overflow: hidden;
}

.review-card-header[b-qgnk0ua0ar] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.625rem 0.875rem;
    background: #f1f5f9;
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #475569;
}

.review-card-header i[b-qgnk0ua0ar] {
    margin-right: 0.375rem;
    font-size: 0.875rem;
}

.review-card-header .edit-link[b-qgnk0ua0ar] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #0081B8;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.review-card-header .edit-link:hover[b-qgnk0ua0ar] {
    text-decoration: underline;
}

.review-card-body[b-qgnk0ua0ar] {
    padding: 0.625rem 0.875rem;
}

.review-row[b-qgnk0ua0ar] {
    display: flex;
    justify-content: space-between;
    padding: 0.375rem 0;
    font-size: 0.8125rem;
    border-bottom: 1px dashed #e2e8f0;
}

.review-row:last-child[b-qgnk0ua0ar] {
    border-bottom: none;
}

.review-row .label[b-qgnk0ua0ar] {
    color: #64748b;
}

.review-row .value[b-qgnk0ua0ar] {
    color: #1e293b;
    font-weight: 500;
    text-align: right;
    max-width: 60%;
    word-break: break-word;
}

/* Info Notice */
.info-notice[b-qgnk0ua0ar] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.875rem;
    background: #f1f5e8;
    border: 1px solid rgba(115, 161, 75, 0.4);
    border-radius: 6px;
    margin-top: 1rem;
}

.info-notice-icon[b-qgnk0ua0ar] {
    width: 32px;
    height: 32px;
    background: #73A14B;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
}

.info-notice h6[b-qgnk0ua0ar] {
    margin: 0 0 0.25rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #4a6830;
}

.info-notice p[b-qgnk0ua0ar] {
    margin: 0;
    font-size: 0.8rem;
    color: #5a7a3d;
    line-height: 1.4;
}

/* ============================================
   FOOTER NAVIGATION
   ============================================ */
.wizard-footer[b-qgnk0ua0ar] {
    background: #fafbfc;
    border-top: 1px solid #f1f5f9;
    padding: 0.875rem 1.25rem;
}

.wizard-footer-inner[b-qgnk0ua0ar] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wizard-footer .btn[b-qgnk0ua0ar] {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 1.25rem;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.wizard-footer .btn-primary[b-qgnk0ua0ar] {
    background: #0081B8;
    border-color: #0081B8;
    box-shadow: 0 1px 3px rgba(0, 129, 184, 0.3);
}

.wizard-footer .btn-primary:hover[b-qgnk0ua0ar] {
    background: #006a99;
    border-color: #006a99;
}

.wizard-footer .btn-success[b-qgnk0ua0ar] {
    background: #73A14B;
    border-color: #73A14B;
    box-shadow: 0 1px 3px rgba(115, 161, 75, 0.3);
}

.wizard-footer .btn-success:hover[b-qgnk0ua0ar] {
    background: #5f8a3d;
    border-color: #5f8a3d;
}

/* ============================================
   ANIMATIONS
   ============================================ */
.fade-in[b-qgnk0ua0ar] {
    animation: fadeIn-b-qgnk0ua0ar 0.2s ease-out;
}

@keyframes fadeIn-b-qgnk0ua0ar {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ============================================
   VALIDATION STATES
   ============================================ */
.validation-message[b-qgnk0ua0ar] {
    font-size: 0.75rem;
    color: #D9534F;
    margin-top: 0.25rem;
}

.form-control.invalid[b-qgnk0ua0ar] {
    border-color: #D9534F;
}

.form-control.invalid:focus[b-qgnk0ua0ar] {
    box-shadow: 0 0 0 3px rgba(217, 83, 79, 0.1);
}

/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */
@media (max-width: 991px) {
    .new-case-wizard[b-qgnk0ua0ar] {
        padding: 0;
    }
    
    .wizard-card[b-qgnk0ua0ar] {
        border-radius: 0;
        border-left: none;
        border-right: none;
        box-shadow: none;
        max-width: 100%;
    }
}

/* /Components/Pages/Navigation/Tasks.razor.rz.scp.css */
/* Stats Cards - Compact with single accent color */
.stats-card[b-cdkho4cvqt] {
    background: white;
    border-radius: 8px;
    padding: 0.875rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
}

.stats-icon[b-cdkho4cvqt] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    flex-shrink: 0;
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
}

.stats-content[b-cdkho4cvqt] {
    display: flex;
    flex-direction: column;
}

.stats-value[b-cdkho4cvqt] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    color: #1e293b;
}

.stats-label[b-cdkho4cvqt] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Table Styling - Tighter and more professional */
.tasks-table[b-cdkho4cvqt] {
    border-collapse: separate;
    border-spacing: 0;
}

.tasks-table thead tr[b-cdkho4cvqt] {
    background: #f8fafc;
}

.tasks-table thead th[b-cdkho4cvqt] {
    font-weight: 600;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
    border-bottom: 2px solid #e2e8f0;
    padding: 0.75rem 0.5rem;
    white-space: nowrap;
}

/* Sortable Headers */
.sortable-header[b-cdkho4cvqt] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    transition: all 0.1s ease;
}

.sortable-header:hover[b-cdkho4cvqt] {
    background-color: #f1f5f9;
    color: #334155;
}

.sortable-header.active[b-cdkho4cvqt] {
    background-color: rgba(var(--bs-primary-rgb), 0.06);
    color: var(--bs-primary);
}

.sort-icon[b-cdkho4cvqt] {
    opacity: 0.3;
    margin-left: 3px;
    font-size: 0.6875rem;
}

.sort-icon.active[b-cdkho4cvqt] {
    opacity: 1;
    color: var(--bs-primary);
}

/* Virtualized Table Layout - Adjusted column widths */
.virtualized-table-body[b-cdkho4cvqt] {
    overflow-y: auto;
    overflow-x: hidden;
}

.task-row-virtual[b-cdkho4cvqt] {
    display: grid;
    grid-template-columns: 80px 80px 1fr 100px 120px 70px 90px;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f5f9;
    cursor: default;
    transition: background-color 0.1s ease;
    min-height: 52px;
}

.task-row-virtual:nth-child(even)[b-cdkho4cvqt] {
    background-color: #fafbfc;
}

.task-row-virtual:hover[b-cdkho4cvqt] {
    background-color: #f1f5f9 !important;
}

.task-row-virtual.overdue[b-cdkho4cvqt] {
    background-color: rgba(220, 53, 69, 0.05) !important;
    border-left: 3px solid #dc3545;
}

.task-row-virtual.due-today[b-cdkho4cvqt] {
    background-color: rgba(255, 193, 7, 0.08) !important;
    border-left: 3px solid #ffc107;
}

.task-row-virtual .cell[b-cdkho4cvqt] {
    padding: 0.125rem 0.375rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.task-row-virtual .cell-status[b-cdkho4cvqt] {
    padding-left: 0.75rem;
}

.task-row-virtual .cell-actions[b-cdkho4cvqt] {
    justify-self: end;
    padding-right: 0.5rem;
}

/* Align header with virtualized body */
.tasks-table thead th:nth-child(1)[b-cdkho4cvqt] { width: 80px; }
.tasks-table thead th:nth-child(2)[b-cdkho4cvqt] { width: 80px; }
.tasks-table thead th:nth-child(3)[b-cdkho4cvqt] { width: auto; }
.tasks-table thead th:nth-child(4)[b-cdkho4cvqt] { width: 100px; }
.tasks-table thead th:nth-child(5)[b-cdkho4cvqt] { width: 120px; }
.tasks-table thead th:nth-child(6)[b-cdkho4cvqt] { width: 70px; }
.tasks-table thead th:nth-child(7)[b-cdkho4cvqt] { width: 90px; }

/* Task Title */
.task-title[b-cdkho4cvqt] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.8125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.task-title.completed[b-cdkho4cvqt] {
    text-decoration: line-through;
    color: #94a3b8;
}

.task-category[b-cdkho4cvqt] {
    font-size: 0.6875rem;
    color: #94a3b8;
}

/* Case Link */
.case-link[b-cdkho4cvqt] {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
    font-size: 0.6875rem;
    color: var(--bs-primary);
    font-weight: 500;
    text-decoration: none;
}

.case-link:hover[b-cdkho4cvqt] {
    text-decoration: underline;
}

.examinee-name[b-cdkho4cvqt] {
    font-size: 0.6875rem;
    color: #94a3b8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Visual Hierarchy Classes */
.tertiary-text[b-cdkho4cvqt] {
    color: #94a3b8;
    font-size: 0.75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Date Display */
.date-display[b-cdkho4cvqt] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.date-main[b-cdkho4cvqt] {
    font-weight: 500;
    color: #475569;
    font-size: 0.75rem;
}

.date-year[b-cdkho4cvqt] {
    font-size: 0.625rem;
    color: #94a3b8;
}

/* Avatar Styles */
.avatar-circle-sm[b-cdkho4cvqt] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #94a3b8;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.5rem;
    font-weight: 600;
    flex-shrink: 0;
}

/* Status Pill - Compact */
.status-pill[b-cdkho4cvqt] {
    display: inline-block;
    padding: 0.2em 0.5em;
    font-size: 0.625rem;
    font-weight: 500;
    border-radius: 3px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-pending[b-cdkho4cvqt] {
    border: 1px solid #6c757d;
    color: #6c757d;
    background-color: rgba(108, 117, 125, 0.1);
}

.status-inprogress[b-cdkho4cvqt] {
    border: 1px solid var(--bs-primary);
    color: var(--bs-primary);
    background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.status-completed[b-cdkho4cvqt] {
    border: 1px solid #198754;
    color: #198754;
    background-color: rgba(25, 135, 84, 0.1);
}

.status-cancelled[b-cdkho4cvqt] {
    border: 1px solid #212529;
    color: #212529;
    background-color: rgba(33, 37, 41, 0.1);
}

.status-scheduled[b-cdkho4cvqt] {
    border: 1px solid #0dcaf0;
    color: #0dcaf0;
    background-color: rgba(13, 202, 240, 0.1);
}

/* Search Clear Button */
.btn-search-clear[b-cdkho4cvqt] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 4px 6px;
    cursor: pointer;
    color: #94a3b8;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.btn-search-clear:hover[b-cdkho4cvqt] {
    color: #64748b;
    background-color: #f1f5f9;
}

.btn-search-clear i[b-cdkho4cvqt] {
    font-size: 1rem;
}

/* Compact action buttons */
.cell-actions .btn-group-sm .btn[b-cdkho4cvqt] {
    padding: 0.15rem 0.35rem;
    font-size: 0.75rem;
}

.cell-actions .btn-group-sm .btn i[b-cdkho4cvqt] {
    font-size: 0.8rem;
}

/* Priority badge compact */
.cell-priority .badge[b-cdkho4cvqt] {
    font-size: 0.625rem;
    padding: 0.25em 0.5em;
}

.cell-priority .badge i[b-cdkho4cvqt] {
    font-size: 0.625rem;
}
/* /Components/Pages/Reporting/ReportBuilder.razor.rz.scp.css */
/* ReportBuilder styles */

.acc-btn[b-ymjhz3dpds] { display: grid; grid-template-columns: 1fr max-content max-content; align-items: center; gap:10px; }
.drop-band[b-ymjhz3dpds] { background: var(--ct-card-bg); min-height: 44px; }
.drop-band .badge[b-ymjhz3dpds] { cursor: grab; }
.model-palette .badge[b-ymjhz3dpds] { cursor: grab; }
.draggable-pill[b-ymjhz3dpds] { cursor: grab; }
.badge .mdi-drag-variant[b-ymjhz3dpds] { cursor: grab; }
/* /Components/Pages/Sera.razor.rz.scp.css */
/* ============================================
   Sera Full Page - Premium AI Chat Experience
   ============================================ */

.sera-page[b-62l1b8otba] {
    display: flex;
    height: calc(100vh - 70px);
    background: #0a0f1a;
    overflow: hidden;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ============================================
   Vanta Avatar System
   ============================================ */

/* Base Vanta avatar styling */
.sera-vanta-avatar[b-62l1b8otba] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #5c6bc0;
    box-shadow: 0 0 15px rgba(92,107,192,0.3);
    background: radial-gradient(circle at 30% 30%, #1a1f2e 0%, #0f172a 100%);
    flex-shrink: 0;
}

/* Medium size variant - for sidebar brand */
.sera-vanta-avatar-md[b-62l1b8otba] {
    width: 48px;
    height: 48px;
    border-width: 2px;
    box-shadow: 0 0 20px rgba(92,107,192,0.4);
}

/* Large size variant */
.sera-vanta-avatar-lg[b-62l1b8otba] {
    width: 120px;
    height: 120px;
    border-width: 3px;
    box-shadow: 0 0 40px rgba(92,107,192,0.5),
                0 0 80px rgba(124,77,255,0.2);
}

/* ============================================
   Fixed Avatar - Bottom Left of Sidebar
   ============================================ */

.sera-fixed-avatar-container[b-62l1b8otba] {
    padding: 1.5rem;
    border-top: 1px solid rgba(255,255,255,0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    background: linear-gradient(180deg, transparent 0%, rgba(92,107,192,0.05) 100%);
}

.sera-fixed-avatar[b-62l1b8otba] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #5c6bc0;
    box-shadow: 0 0 30px rgba(92,107,192,0.4),
                0 0 60px rgba(92,107,192,0.2);
    background: radial-gradient(circle at 30% 30%, #1a1f2e 0%, #0f172a 100%);
    transition: all 0.4s ease;
}

.sera-avatar-status[b-62l1b8otba] {
    text-align: center;
}

.sera-avatar-status-text[b-62l1b8otba] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: color 0.3s ease;
}

/* Ready state - calm blue glow */
.sera-fixed-avatar-container.sera-state-ready .sera-fixed-avatar[b-62l1b8otba] {
    border-color: #5c6bc0;
    box-shadow: 0 0 30px rgba(92,107,192,0.4),
                0 0 60px rgba(92,107,192,0.2);
}

.sera-fixed-avatar-container.sera-state-ready .sera-avatar-status-text[b-62l1b8otba] {
    color: #64748b;
}

/* Queued state - amber pulsing */
.sera-fixed-avatar-container.sera-state-queued .sera-fixed-avatar[b-62l1b8otba] {
    border-color: #fbbf24;
    box-shadow: 0 0 30px rgba(251,191,36,0.4),
                0 0 60px rgba(251,191,36,0.2);
    animation: sera-avatar-pulse-amber-b-62l1b8otba 2s ease-in-out infinite;
}

.sera-fixed-avatar-container.sera-state-queued .sera-avatar-status-text[b-62l1b8otba] {
    color: #fbbf24;
}

@keyframes sera-avatar-pulse-amber-b-62l1b8otba {
    0%, 100% {
        box-shadow: 0 0 30px rgba(251,191,36,0.4),
                    0 0 60px rgba(251,191,36,0.2);
    }
    50% {
        box-shadow: 0 0 40px rgba(251,191,36,0.6),
                    0 0 80px rgba(251,191,36,0.3);
    }
}

/* Thinking state - purple pulsing with scale */
.sera-fixed-avatar-container.sera-state-thinking .sera-fixed-avatar[b-62l1b8otba] {
    border-color: #7c4dff;
    box-shadow: 0 0 40px rgba(124,77,255,0.5),
                0 0 80px rgba(124,77,255,0.3);
    animation: sera-avatar-thinking-b-62l1b8otba 1.5s ease-in-out infinite;
}

.sera-fixed-avatar-container.sera-state-thinking .sera-avatar-status-text[b-62l1b8otba] {
    color: #a78bfa;
    animation: sera-text-pulse-b-62l1b8otba 1.5s ease-in-out infinite;
}

@keyframes sera-avatar-thinking-b-62l1b8otba {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 40px rgba(124,77,255,0.5),
                    0 0 80px rgba(124,77,255,0.3);
        border-color: #7c4dff;
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 0 60px rgba(124,77,255,0.7),
                    0 0 100px rgba(92,107,192,0.4);
        border-color: #5c6bc0;
    }
}

@keyframes sera-text-pulse-b-62l1b8otba {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 1; }
}

/* Streaming state - flowing gradient animation */
.sera-fixed-avatar-container.sera-state-streaming .sera-fixed-avatar[b-62l1b8otba] {
    border-color: #22c55e;
    box-shadow: 0 0 35px rgba(34,197,94,0.5),
                0 0 70px rgba(34,197,94,0.3);
    animation: sera-avatar-streaming-b-62l1b8otba 2s linear infinite;
}

.sera-fixed-avatar-container.sera-state-streaming .sera-avatar-status-text[b-62l1b8otba] {
    color: #22c55e;
}

@keyframes sera-avatar-streaming-b-62l1b8otba {
    0% {
        box-shadow: 0 0 35px rgba(34,197,94,0.5),
                    0 0 70px rgba(34,197,94,0.3);
    }
    50% {
        box-shadow: 0 0 45px rgba(34,197,94,0.6),
                    0 0 90px rgba(34,197,94,0.4);
    }
    100% {
        box-shadow: 0 0 35px rgba(34,197,94,0.5),
                    0 0 70px rgba(34,197,94,0.3);
    }
}

/* ============================================
   Sidebar
   ============================================ */

.sera-sidebar[b-62l1b8otba] {
    width: 280px;
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    border-right: 1px solid rgba(255,255,255,0.06);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 100%;
    overflow: hidden;
}

.sera-sidebar-header[b-62l1b8otba] {
    padding: 1.5rem;
    border-top: 1px solid rgba(255,255,255,0.06);
}

.sera-brand[b-62l1b8otba] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
}

.sera-brand-avatar[b-62l1b8otba] {
    /* Inherits from sera-vanta-avatar-md */
}

.sera-brand-info[b-62l1b8otba] {
    display: flex;
    flex-direction: column;
    user-select: none;
}

.sera-brand-title[b-62l1b8otba] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #f8fafc;
    margin: 0;
    background: linear-gradient(135deg, #a5b4fc 0%, #818cf8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    user-select: none;
}

.sera-brand-subtitle[b-62l1b8otba] {
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 0.125rem;
    user-select: none;
}

.sera-sidebar-content[b-62l1b8otba] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
}

.sera-new-chat-btn[b-62l1b8otba] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1rem;
    background: linear-gradient(135deg, #5c6bc0 0%, #7c4dff 100%);
    border: none;
    border-radius: 12px;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 1.5rem;
}

.sera-new-chat-btn:hover[b-62l1b8otba] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(92,107,192,0.4);
}

.sera-new-chat-btn i[b-62l1b8otba] {
    font-size: 1.1rem;
}

.sera-minimize-btn[b-62l1b8otba] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    color: #94a3b8;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 1.5rem;
}

.sera-minimize-btn:hover[b-62l1b8otba] {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.15);
    color: #e2e8f0;
}

.sera-minimize-btn i[b-62l1b8otba] {
    font-size: 1rem;
}

/* ============================================
   Chat History Section
   ============================================ */

.sera-history[b-62l1b8otba] {
    margin-top: 1rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.sera-section-title[b-62l1b8otba] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 0.75rem 0;
    flex-shrink: 0;
}

.sera-history-loading[b-62l1b8otba] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.5rem;
    color: #64748b;
    font-size: 0.85rem;
}

.sera-history-loading i[b-62l1b8otba] {
    font-size: 1rem;
}

.sera-history-empty[b-62l1b8otba] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2rem 1rem;
    color: #475569;
    text-align: center;
}

.sera-history-empty i[b-62l1b8otba] {
    font-size: 2rem;
    opacity: 0.5;
}

.sera-history-empty span[b-62l1b8otba] {
    font-size: 0.8rem;
}

.sera-history-list[b-62l1b8otba] {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.1) transparent;
}

.sera-history-list[b-62l1b8otba]::-webkit-scrollbar {
    width: 4px;
}

.sera-history-list[b-62l1b8otba]::-webkit-scrollbar-track {
    background: transparent;
}

.sera-history-list[b-62l1b8otba]::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.1);
    border-radius: 2px;
}

.sera-history-item[b-62l1b8otba] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 0.75rem;
    margin-bottom: 0.25rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
    background: transparent;
}

.sera-history-item:hover[b-62l1b8otba] {
    background: rgba(255,255,255,0.05);
}

.sera-history-item:hover .sera-history-delete[b-62l1b8otba] {
    opacity: 1;
}

.sera-history-item-active[b-62l1b8otba] {
    background: rgba(92,107,192,0.15);
    border-left: 2px solid #5c6bc0;
}

.sera-history-item-active:hover[b-62l1b8otba] {
    background: rgba(92,107,192,0.2);
}

.sera-history-item-content[b-62l1b8otba] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.sera-history-title[b-62l1b8otba] {
    font-size: 0.8rem;
    color: #e2e8f0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sera-history-meta[b-62l1b8otba] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.7rem;
    color: #64748b;
}

.sera-history-count[b-62l1b8otba] {
    padding: 0.125rem 0.375rem;
    background: rgba(255,255,255,0.05);
    border-radius: 4px;
}

.sera-history-delete[b-62l1b8otba] {
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    color: #64748b;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.sera-history-delete:hover[b-62l1b8otba] {
    background: rgba(239,68,68,0.15);
    color: #ef4444;
}

.sera-history-delete i[b-62l1b8otba] {
    font-size: 0.9rem;
}

/* ============================================
   Main Chat Area
   ============================================ */

.sera-main[b-62l1b8otba] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #0f172a 0%, #1a1f2e 100%);
    min-width: 0;
    height: 100%;
    overflow: hidden;
}

.sera-chat-container[b-62l1b8otba] {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    padding: 0 2rem;
    height: 100%;
    overflow: hidden;
}

/* ============================================
   Messages Area
   ============================================ */

.sera-messages[b-62l1b8otba] {
    flex: 1;
    overflow-y: auto;
    padding: 2rem 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-height: 0; /* Important for flex overflow */
}

.sera-messages[b-62l1b8otba]::-webkit-scrollbar {
    width: 6px;
}

.sera-messages[b-62l1b8otba]::-webkit-scrollbar-track {
    background: transparent;
}

.sera-messages[b-62l1b8otba]::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.1);
    border-radius: 3px;
}

.sera-messages[b-62l1b8otba]::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.2);
}

/* Empty State */
.sera-empty-state[b-62l1b8otba] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem;
}

.sera-empty-avatar[b-62l1b8otba] {
    /* Uses sera-vanta-avatar-lg sizing from the avatar system */
    margin-bottom: 1.5rem;
}

.sera-empty-title[b-62l1b8otba] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #f8fafc;
    margin: 0 0 0.5rem 0;
}

.sera-empty-subtitle[b-62l1b8otba] {
    font-size: 1rem;
    color: #94a3b8;
    margin: 0 0 2rem 0;
    max-width: 400px;
}

.sera-suggestions[b-62l1b8otba] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    max-width: 600px;
}

.sera-suggestion-btn[b-62l1b8otba] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    color: #e2e8f0;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.sera-suggestion-btn:hover[b-62l1b8otba] {
    background: rgba(92,107,192,0.15);
    border-color: rgba(92,107,192,0.3);
    transform: translateY(-2px);
}

.sera-suggestion-btn i[b-62l1b8otba] {
    font-size: 1.1rem;
    color: #5c6bc0;
}

/* Messages */
.sera-msg[b-62l1b8otba] {
    display: flex;
    gap: 0.75rem;
    animation: sera-msg-in-b-62l1b8otba 0.3s ease-out;
}

@keyframes sera-msg-in-b-62l1b8otba {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.sera-msg-user[b-62l1b8otba] {
    flex-direction: row-reverse;
}

.sera-msg-avatar[b-62l1b8otba] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.sera-msg-avatar img[b-62l1b8otba] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sera-msg-content[b-62l1b8otba] {
    max-width: 70%;
    min-width: 0;
}

.sera-msg-bubble[b-62l1b8otba] {
    padding: 1rem 1.25rem;
    border-radius: 16px;
    line-height: 1.6;
    word-wrap: break-word;
}

.sera-msg-bot .sera-msg-bubble[b-62l1b8otba] {
    background: rgba(255,255,255,0.06);
    color: #e2e8f0;
    border-bottom-left-radius: 4px;
}

.sera-msg-user .sera-msg-bubble[b-62l1b8otba] {
    background: linear-gradient(135deg, #5c6bc0 0%, #7c4dff 100%);
    color: #fff;
    border-bottom-right-radius: 4px;
}

.sera-msg-time[b-62l1b8otba] {
    display: block;
    font-size: 0.7rem;
    color: #64748b;
    margin-top: 0.375rem;
    padding: 0 0.25rem;
}

.sera-msg-user .sera-msg-time[b-62l1b8otba] {
    text-align: right;
}

/* Queue Indicator */
.sera-queue-indicator[b-62l1b8otba] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1.25rem;
    background: rgba(251,191,36,0.1);
    border: 1px solid rgba(251,191,36,0.2);
    border-radius: 16px;
    border-bottom-left-radius: 4px;
}

.sera-queue-icon[b-62l1b8otba] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(251,191,36,0.15);
    border-radius: 50%;
}

.sera-queue-icon i[b-62l1b8otba] {
    font-size: 1.25rem;
    color: #fbbf24;
    animation: sera-pulse-clock-b-62l1b8otba 2s ease-in-out infinite;
}

@keyframes sera-pulse-clock-b-62l1b8otba {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.sera-queue-text[b-62l1b8otba] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.sera-queue-title[b-62l1b8otba] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #fbbf24;
}

.sera-queue-desc[b-62l1b8otba] {
    font-size: 0.75rem;
    color: #94a3b8;
}

/* Thinking Message - Special styling for the thinking state */
.sera-msg-thinking[b-62l1b8otba] {
    align-items: flex-start;
}

/* Thinking Indicator - with dots animation */
.sera-thinking-indicator[b-62l1b8otba] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.875rem 1.25rem;
    background: linear-gradient(135deg, rgba(124,77,255,0.1) 0%, rgba(92,107,192,0.1) 100%);
    border: 1px solid rgba(124,77,255,0.2);
    border-radius: 16px;
    border-bottom-left-radius: 4px;
}

.sera-thinking-dots[b-62l1b8otba] {
    display: flex;
    gap: 4px;
}

.sera-thinking-dots span[b-62l1b8otba] {
    width: 8px;
    height: 8px;
    background: #a78bfa;
    border-radius: 50%;
    animation: sera-bounce-dot-b-62l1b8otba 1.4s ease-in-out infinite;
}

.sera-thinking-dots span:nth-child(1)[b-62l1b8otba] { animation-delay: 0s; }
.sera-thinking-dots span:nth-child(2)[b-62l1b8otba] { animation-delay: 0.2s; }
.sera-thinking-dots span:nth-child(3)[b-62l1b8otba] { animation-delay: 0.4s; }

@keyframes sera-bounce-dot-b-62l1b8otba {
    0%, 60%, 100% { transform: translateY(0); opacity: 0.5; }
    30% { transform: translateY(-8px); opacity: 1; }
}

.sera-thinking-label[b-62l1b8otba] {
    font-size: 0.85rem;
    color: #a5b4fc;
    font-style: italic;
}

/* Streaming */
.sera-streaming[b-62l1b8otba] {
    white-space: pre-wrap;
}

.sera-cursor[b-62l1b8otba] {
    display: inline-block;
    width: 2px;
    height: 1.1em;
    background: #7986cb;
    margin-left: 2px;
    vertical-align: text-bottom;
    animation: sera-blink-cursor-b-62l1b8otba 0.6s step-end infinite;
}

@keyframes sera-blink-cursor-b-62l1b8otba {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* Error Banner */
.sera-error-banner[b-62l1b8otba] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.875rem 1.25rem;
    background: rgba(239,68,68,0.1);
    border: 1px solid rgba(239,68,68,0.25);
    border-radius: 12px;
    color: #fca5a5;
    font-size: 0.875rem;
}

.sera-error-banner i[b-62l1b8otba] {
    font-size: 1.25rem;
    color: #ef4444;
}

/* ============================================
   Input Area
   ============================================ */

.sera-input-area[b-62l1b8otba] {
    padding: 1rem 0 1.5rem;
    border-top: 1px solid rgba(255,255,255,0.06);
    flex-shrink: 0;
}

.sera-input-wrapper[b-62l1b8otba] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 16px;
    padding: 0.5rem;
    transition: all 0.2s ease;
}

.sera-input-wrapper:focus-within[b-62l1b8otba] {
    border-color: #5c6bc0;
    background: rgba(255,255,255,0.06);
    box-shadow: 0 0 0 3px rgba(92,107,192,0.15);
}

.sera-input-actions[b-62l1b8otba] {
    display: flex;
    gap: 0.25rem;
    padding: 0.25rem;
}

.sera-attach-btn[b-62l1b8otba],
.sera-image-btn[b-62l1b8otba] {
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    color: #64748b;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.sera-attach-btn:hover:not(:disabled)[b-62l1b8otba],
.sera-image-btn:hover:not(:disabled)[b-62l1b8otba] {
    background: rgba(255,255,255,0.08);
    color: #94a3b8;
}

.sera-attach-btn:disabled[b-62l1b8otba],
.sera-image-btn:disabled[b-62l1b8otba] {
    opacity: 0.4;
    cursor: not-allowed;
}

.sera-attach-btn i[b-62l1b8otba],
.sera-image-btn i[b-62l1b8otba] {
    font-size: 1.25rem;
}

.sera-input-field[b-62l1b8otba] {
    flex: 1;
    resize: none;
    border: none;
    background: transparent;
    color: #f8fafc;
    font-size: 0.95rem;
    font-family: inherit;
    line-height: 1.5;
    padding: 0.625rem 0.5rem;
    outline: none;
    max-height: 150px;
    overflow-y: auto;
    min-width: 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.15) transparent;
}

.sera-input-field[b-62l1b8otba]::-webkit-scrollbar {
    width: 6px;
}

.sera-input-field[b-62l1b8otba]::-webkit-scrollbar-track {
    background: transparent;
}

.sera-input-field[b-62l1b8otba]::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.15);
    border-radius: 3px;
}

.sera-input-field[b-62l1b8otba]::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.25);
}

.sera-input-field[b-62l1b8otba]::placeholder {
    color: #64748b;
}

.sera-input-field:disabled[b-62l1b8otba] {
    opacity: 0.5;
    cursor: not-allowed;
}

.sera-send-button[b-62l1b8otba] {
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #5c6bc0 0%, #7c4dff 100%);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.sera-send-button:hover:not(:disabled)[b-62l1b8otba] {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(92,107,192,0.4);
}

.sera-send-button:active:not(:disabled)[b-62l1b8otba] {
    transform: scale(0.95);
}

.sera-send-button:disabled[b-62l1b8otba] {
    opacity: 0.4;
    cursor: not-allowed;
}

.sera-send-button i[b-62l1b8otba] {
    font-size: 1.25rem;
}

.sera-input-hint[b-62l1b8otba] {
    text-align: center;
    font-size: 0.7rem;
    color: #475569;
    margin: 0.75rem 0 0 0;
}

/* ============================================
   Markdown Styling
   ============================================ */

.sera-msg-bubble p[b-62l1b8otba] {
    margin: 0.375rem 0;
}

.sera-msg-bubble p:first-child[b-62l1b8otba] {
    margin-top: 0;
}

.sera-msg-bubble p:last-child[b-62l1b8otba] {
    margin-bottom: 0;
}

.sera-msg-bubble ul[b-62l1b8otba],
.sera-msg-bubble ol[b-62l1b8otba] {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
}

.sera-msg-bubble li[b-62l1b8otba] {
    margin-bottom: 0.25rem;
}

.sera-msg-bubble code[b-62l1b8otba] {
    background: rgba(255,255,255,0.1);
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    font-size: 0.85em;
    font-family: 'Fira Code', 'Consolas', monospace;
}

.sera-msg-bubble pre[b-62l1b8otba] {
    margin: 0.625rem 0;
    background: rgba(0,0,0,0.4);
    border-radius: 8px;
    overflow: hidden;
}

.sera-msg-bubble pre code[b-62l1b8otba] {
    display: block;
    padding: 0.875rem 1rem;
    background: transparent;
    overflow-x: auto;
    line-height: 1.5;
}

.sera-msg-bubble strong[b-62l1b8otba] {
    font-weight: 600;
    color: #f8fafc;
}

.sera-msg-bubble a[b-62l1b8otba] {
    color: #a5b4fc;
    text-decoration: none;
}

.sera-msg-bubble a:hover[b-62l1b8otba] {
    text-decoration: underline;
}

/* ============================================
   Responsive
   ============================================ */

@media (max-width: 991.98px) {
    .sera-sidebar[b-62l1b8otba] {
        display: none;
    }

    .sera-chat-container[b-62l1b8otba] {
        padding: 0 1rem;
    }
}

@media (max-width: 575.98px) {
    .sera-empty-title[b-62l1b8otba] {
        font-size: 1.5rem;
    }

    .sera-suggestions[b-62l1b8otba] {
        flex-direction: column;
    }

    .sera-suggestion-btn[b-62l1b8otba] {
        width: 100%;
        justify-content: center;
    }

    .sera-msg-content[b-62l1b8otba] {
        max-width: 85%;
    }
}

/* ============================================
   Reduced Motion
   ============================================ */

@media (prefers-reduced-motion: reduce) {
    .sera-msg[b-62l1b8otba],
    .sera-new-chat-btn[b-62l1b8otba],
    .sera-suggestion-btn[b-62l1b8otba],
    .sera-send-button[b-62l1b8otba] {
        animation: none;
        transition: none;
    }

    .sera-thinking-dots span[b-62l1b8otba],
    .sera-cursor[b-62l1b8otba],
    .sera-status-dot[b-62l1b8otba] {
        animation: none;
    }
}
/* /Components/Pages/Settings.razor.rz.scp.css */
/* Settings page styles moved from the Razor file */
.theme-option[b-4k9fgjrz7v] {
    cursor: pointer;
    border: 2px solid #e5e5e5;
    border-radius: 8px;
    padding: 12px;
    transition: all 0.2s ease;
}

.theme-option:hover[b-4k9fgjrz7v] {
    border-color: var(--bs-primary);
}

.theme-option.active[b-4k9fgjrz7v] {
    border-color: var(--bs-primary);
    background-color: rgba(var(--bs-primary-rgb), 0.05);
}

.theme-preview[b-4k9fgjrz7v] {
    height: 80px;
    border-radius: 6px;
    display: flex;
    overflow: hidden;
    border: 1px solid #ddd;
}

.theme-preview-light[b-4k9fgjrz7v] { background: #fff; }
.theme-preview-light .theme-sidebar[b-4k9fgjrz7v] { width: 25%; background: #f8f9fa; border-right: 1px solid #dee2e6; }
.theme-preview-light .theme-content[b-4k9fgjrz7v] { flex: 1; padding: 10px; }
.theme-preview-light .theme-line[b-4k9fgjrz7v] { height: 8px; background: #e9ecef; border-radius: 4px; margin-bottom: 6px; }
.theme-preview-light .theme-line.short[b-4k9fgjrz7v] { width: 60%; }

.theme-preview-dark[b-4k9fgjrz7v] { background: #1e1e2d; }
.theme-preview-dark .theme-sidebar[b-4k9fgjrz7v] { width: 25%; background: #151521; border-right: 1px solid #2d2d3f; }
.theme-preview-dark .theme-content[b-4k9fgjrz7v] { flex: 1; padding: 10px; }
.theme-preview-dark .theme-line[b-4k9fgjrz7v] { height: 8px; background: #2d2d3f; border-radius: 4px; margin-bottom: 6px; }
.theme-preview-dark .theme-line.short[b-4k9fgjrz7v] { width: 60%; }

.theme-preview-system[b-4k9fgjrz7v] { background: linear-gradient(90deg, #fff 50%, #1e1e2d 50%); }
.theme-preview-system .theme-sidebar[b-4k9fgjrz7v] { width: 25%; background: linear-gradient(90deg, #f8f9fa 50%, #151521 50%); border-right: 1px solid #dee2e6; }
.theme-preview-system .theme-content[b-4k9fgjrz7v] { flex: 1; padding: 10px; }
.theme-preview-system .theme-line[b-4k9fgjrz7v] { height: 8px; background: linear-gradient(90deg, #e9ecef 50%, #2d2d3f 50%); border-radius: 4px; margin-bottom: 6px; }
.theme-preview-system .theme-line.short[b-4k9fgjrz7v] { width: 60%; }

.theme-label[b-4k9fgjrz7v] { text-align: center; margin-top: 8px; font-weight: 500; font-size: 14px; }
/* /Components/Pages/Tools/Forms/FormBuilder.razor.rz.scp.css */
/* Question Types Grid */
.question-types-grid[b-xzefeyn70b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

.question-type-btn[b-xzefeyn70b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 0.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: white;
    cursor: pointer;
    transition: all 0.15s ease;
    gap: 0.375rem;
}

.question-type-btn:hover[b-xzefeyn70b] {
    border-color: var(--bs-primary);
    background-color: rgba(var(--bs-primary-rgb), 0.05);
    transform: translateY(-1px);
}

.question-type-btn i[b-xzefeyn70b] {
    font-size: 1.25rem;
}

.question-type-btn span[b-xzefeyn70b] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: #475569;
    text-align: center;
}

/* Question Canvas */
.question-canvas[b-xzefeyn70b] {
    min-height: 400px;
    background: #f8fafc;
    border-radius: 8px;
}

.empty-canvas[b-xzefeyn70b] {
    background: white;
    border: 2px dashed #e2e8f0;
    border-radius: 8px;
    margin: 1rem;
}

/* Questions List */
.questions-list[b-xzefeyn70b] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Question Card */
.question-card[b-xzefeyn70b] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.15s ease;
    cursor: pointer;
}

.question-card:hover[b-xzefeyn70b] {
    border-color: #cbd5e1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.question-card.selected[b-xzefeyn70b] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.1);
}

.question-card-header[b-xzefeyn70b] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.875rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.question-number[b-xzefeyn70b] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-primary);
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 50%;
}

.question-type-badge[b-xzefeyn70b] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.6875rem;
    font-weight: 500;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.question-type-badge i[b-xzefeyn70b] {
    font-size: 0.875rem;
}

.question-actions[b-xzefeyn70b] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.btn-icon[b-xzefeyn70b] {
    width: 28px;
    height: 28px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: #64748b;
    border-radius: 4px;
    transition: all 0.1s ease;
}

.btn-icon:hover:not(:disabled)[b-xzefeyn70b] {
    background: #e2e8f0;
    color: #1e293b;
}

.btn-icon:disabled[b-xzefeyn70b] {
    opacity: 0.3;
    cursor: not-allowed;
}

.btn-icon.text-danger:hover:not(:disabled)[b-xzefeyn70b] {
    background: rgba(220, 38, 38, 0.1);
    color: #dc2626;
}

.question-card-body[b-xzefeyn70b] {
    padding: 0.875rem;
}

.question-text-input[b-xzefeyn70b] {
    font-size: 1rem;
    font-weight: 500;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding: 0.5rem 0;
    background: transparent;
}

.question-text-input:focus[b-xzefeyn70b] {
    box-shadow: none;
    border-bottom-color: var(--bs-primary);
    background: transparent;
}

.help-text-input[b-xzefeyn70b] {
    font-size: 0.8125rem;
    color: #64748b;
    border: none;
    border-radius: 0;
    padding: 0.25rem 0;
    background: transparent;
}

.help-text-input:focus[b-xzefeyn70b] {
    box-shadow: none;
    border-bottom: 1px dashed #cbd5e1;
    background: transparent;
}

.help-text-input[b-xzefeyn70b]::placeholder {
    color: #94a3b8;
    font-style: italic;
}

/* Options Editor */
.options-editor[b-xzefeyn70b] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #f1f5f9;
}

/* Branching Section */
.branching-section[b-xzefeyn70b] {
    border: 1px solid #e2e8f0;
}

/* Form Control Color Picker */
.form-control-color[b-xzefeyn70b] {
    height: 32px;
    padding: 2px;
}

/* Accordion Styling */
.accordion-button:not(.collapsed)[b-xzefeyn70b] {
    background-color: transparent;
    color: inherit;
    box-shadow: none;
}

.accordion-button:focus[b-xzefeyn70b] {
    box-shadow: none;
}

.accordion-button[b-xzefeyn70b]::after {
    width: 1rem;
    height: 1rem;
    background-size: 1rem;
}

/* Modal Adjustments */
.modal-xl[b-xzefeyn70b] {
    max-width: 1000px;
}

/* Loading */
.spinner-border[b-xzefeyn70b] {
    width: 2rem;
    height: 2rem;
}
/* /Components/Pages/Tools/Forms/FormPreview.razor.rz.scp.css */
/* Form Preview Container */
.form-preview-container[b-jzwbcrzy8y] {
    min-height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Form Header */
.form-preview-header[b-jzwbcrzy8y] {
    padding: 2rem;
    text-align: center;
    color: white;
}

.form-logo[b-jzwbcrzy8y] {
    max-height: 60px;
    max-width: 200px;
    margin-bottom: 1rem;
    border-radius: 4px;
}

.form-title[b-jzwbcrzy8y] {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.form-description[b-jzwbcrzy8y] {
    font-size: 1rem;
    opacity: 0.9;
    margin: 0;
}

/* Progress Bar */
.form-progress[b-jzwbcrzy8y] {
    padding: 1rem 2rem;
    background: white;
    border-bottom: 1px solid #e2e8f0;
}

.progress-bar-container[b-jzwbcrzy8y] {
    height: 6px;
    background: #e2e8f0;
    border-radius: 3px;
    overflow: hidden;
}

.progress-bar-fill[b-jzwbcrzy8y] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
}

.progress-text[b-jzwbcrzy8y] {
    font-size: 0.75rem;
    color: #64748b;
    text-align: right;
    margin-top: 0.5rem;
}

/* Questions */
.form-questions[b-jzwbcrzy8y] {
    padding: 2rem;
    max-width: 800px;
    margin: 0 auto;
}

.question-preview[b-jzwbcrzy8y] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}

.question-preview.current[b-jzwbcrzy8y] {
    border-color: var(--bs-primary);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.question-header[b-jzwbcrzy8y] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.question-number-badge[b-jzwbcrzy8y] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 50%;
    flex-shrink: 0;
}

.question-text-container[b-jzwbcrzy8y] {
    flex: 1;
}

.question-text[b-jzwbcrzy8y] {
    font-size: 1.0625rem;
    font-weight: 500;
    color: #1e293b;
    line-height: 1.4;
}

.required-indicator[b-jzwbcrzy8y] {
    font-weight: 700;
    margin-left: 0.25rem;
}

.question-help-text[b-jzwbcrzy8y] {
    font-size: 0.8125rem;
    color: #64748b;
    margin-top: 0.5rem;
    display: flex;
    align-items: flex-start;
    gap: 0.375rem;
}

.question-help-text i[b-jzwbcrzy8y] {
    margin-top: 2px;
    flex-shrink: 0;
}

.question-input[b-jzwbcrzy8y] {
    margin-left: 2.75rem;
}

/* Child Question Styling */
.question-preview.child-question[b-jzwbcrzy8y] {
    margin-left: 1.5rem;
    border-left: 3px solid var(--bs-secondary, #6c757d);
    background: linear-gradient(135deg, rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.03) 0%, transparent 100%);
}

.question-preview.child-question .question-number-badge[b-jzwbcrzy8y] {
    width: 24px;
    height: 24px;
    font-size: 0.6875rem;
}

/* Choice Options - Interactive */
.choice-options[b-jzwbcrzy8y] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.choice-option[b-jzwbcrzy8y] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: left;
    width: 100%;
}

.choice-option:hover[b-jzwbcrzy8y] {
    border-color: #cbd5e1;
    background: white;
}

.choice-option.selected[b-jzwbcrzy8y] {
    border-color: var(--accent-color, var(--bs-primary));
    background: rgba(var(--bs-primary-rgb), 0.05);
}

.choice-radio[b-jzwbcrzy8y] {
    width: 20px;
    height: 20px;
    border: 2px solid #cbd5e1;
    border-radius: 50%;
    flex-shrink: 0;
    transition: all 0.15s ease;
    position: relative;
}

.choice-radio.checked[b-jzwbcrzy8y] {
    border-color: var(--accent-color, var(--bs-primary));
}

.choice-radio.checked[b-jzwbcrzy8y]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background: var(--accent-color, var(--bs-primary));
    border-radius: 50%;
}

.choice-checkbox[b-jzwbcrzy8y] {
    width: 20px;
    height: 20px;
    border: 2px solid #cbd5e1;
    border-radius: 4px;
    flex-shrink: 0;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
}

.choice-checkbox.checked[b-jzwbcrzy8y] {
    border-color: var(--accent-color, var(--bs-primary));
    background: var(--accent-color, var(--bs-primary));
    color: white;
}

.choice-label[b-jzwbcrzy8y] {
    font-size: 0.9375rem;
    color: #334155;
}

/* Yes/No Options - Interactive */
.yesno-options[b-jzwbcrzy8y] {
    display: flex;
    gap: 1rem;
}

.yesno-btn[b-jzwbcrzy8y] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    background: white;
    font-size: 1rem;
    font-weight: 500;
    color: #475569;
    cursor: pointer;
    transition: all 0.15s ease;
}

.yesno-btn:hover[b-jzwbcrzy8y] {
    border-color: var(--accent-color, var(--bs-primary));
    background: rgba(var(--bs-primary-rgb), 0.05);
}

.yesno-btn.selected[b-jzwbcrzy8y] {
    border-color: var(--accent-color, var(--bs-primary));
    background: var(--accent-color, var(--bs-primary));
    color: white;
}

.yesno-btn i[b-jzwbcrzy8y] {
    font-size: 1.25rem;
}

/* Rating - Interactive */
.rating-preview[b-jzwbcrzy8y] {
    display: flex;
    gap: 0.5rem;
}

.rating-btn[b-jzwbcrzy8y] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #e2e8f0;
    border-radius: 50%;
    background: white;
    cursor: pointer;
    transition: all 0.15s ease;
}

.rating-btn:hover[b-jzwbcrzy8y] {
    border-color: var(--accent-color, #f59e0b);
    transform: scale(1.1);
}

.rating-btn i[b-jzwbcrzy8y] {
    font-size: 1.25rem;
    color: #cbd5e1;
    transition: color 0.15s ease;
}

.rating-btn:hover i[b-jzwbcrzy8y],
.rating-btn.selected i[b-jzwbcrzy8y] {
    color: var(--accent-color, #f59e0b);
}

.rating-btn.selected[b-jzwbcrzy8y] {
    border-color: var(--accent-color, #f59e0b);
    background: rgba(251, 191, 36, 0.1);
}

/* Likert Scale - Interactive */
.likert-scale[b-jzwbcrzy8y] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.likert-labels[b-jzwbcrzy8y] {
    display: flex;
    justify-content: space-between;
    font-size: 0.8125rem;
    color: #64748b;
}

.likert-options[b-jzwbcrzy8y] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
}

.likert-option[b-jzwbcrzy8y] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 0.25rem;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    background: white;
    cursor: pointer;
    transition: all 0.15s ease;
}

.likert-option:hover[b-jzwbcrzy8y] {
    border-color: #cbd5e1;
    background: #f8fafc;
}

.likert-option.selected[b-jzwbcrzy8y] {
    border-color: var(--accent-color, var(--bs-primary));
    background: var(--accent-color, var(--bs-primary));
    color: white;
}

.likert-value[b-jzwbcrzy8y] {
    font-size: 1rem;
    font-weight: 600;
}

/* Ranking */
.ranking-preview[b-jzwbcrzy8y] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ranking-item[b-jzwbcrzy8y] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.ranking-handle[b-jzwbcrzy8y] {
    color: #94a3b8;
    cursor: grab;
}

.ranking-position[b-jzwbcrzy8y] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e2e8f0;
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 4px;
}

.ranking-text[b-jzwbcrzy8y] {
    flex: 1;
    font-size: 0.9375rem;
    color: #334155;
}

/* Section Divider */
.section-divider[b-jzwbcrzy8y] {
    border-top: 2px solid;
    margin: 1rem 0;
}

/* Signature */
.signature-preview .signature-pad[b-jzwbcrzy8y] {
    height: 120px;
    border: 2px dashed #e2e8f0;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #94a3b8;
    cursor: pointer;
    transition: all 0.2s ease;
}

.signature-preview .signature-pad:hover[b-jzwbcrzy8y] {
    border-color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), 0.03);
    color: var(--bs-primary);
}

.signature-preview .signature-pad.signed[b-jzwbcrzy8y] {
    border-style: solid;
    border-color: var(--bs-success);
    background: rgba(25, 135, 84, 0.05);
}

.signature-preview .signature-pad.signed:hover[b-jzwbcrzy8y] {
    border-color: var(--bs-danger);
    background: rgba(220, 53, 69, 0.05);
}

.signature-display[b-jzwbcrzy8y] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.signature-text[b-jzwbcrzy8y] {
    font-family: 'Brush Script MT', cursive;
    font-size: 1.75rem;
    color: #1e293b;
}

.signature-clear-hint[b-jzwbcrzy8y] {
    font-size: 0.75rem;
    color: #94a3b8;
}

.signature-pad.signed:hover .signature-clear-hint[b-jzwbcrzy8y] {
    color: var(--bs-danger);
}

.signature-pad i[b-jzwbcrzy8y] {
    font-size: 2rem;
}

.signature-input[b-jzwbcrzy8y] {
    text-align: center;
}

.signature-preview-box[b-jzwbcrzy8y] {
    background: #f8fafc;
}

/* File Upload */
.file-upload-preview[b-jzwbcrzy8y] {
    padding: 2rem;
    border: 2px dashed #e2e8f0;
    border-radius: 8px;
    text-align: center;
    color: #94a3b8;
    cursor: pointer;
}

.file-upload-preview i[b-jzwbcrzy8y] {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 0.5rem;
}

/* Form Navigation */
.form-navigation[b-jzwbcrzy8y] {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 2rem;
    border-top: 1px solid #e2e8f0;
    background: white;
    position: sticky;
    bottom: 0;
}

.no-questions[b-jzwbcrzy8y] {
    color: #64748b;
}

/* Validation Error */
.validation-error[b-jzwbcrzy8y] {
    padding: 0.5rem 0.75rem;
    background: rgba(220, 38, 38, 0.1);
    border: 1px solid rgba(220, 38, 38, 0.3);
    border-radius: 6px;
    color: #dc2626;
    font-size: 0.875rem;
    margin-left: 2.75rem;
}
/* /Components/Pages/Tools/Forms/FormTemplates.razor.rz.scp.css */
/* Stats Cards - Compact with single accent color */
.stats-card[b-1iijwtkgwb] {
    background: white;
    border-radius: 8px;
    padding: 0.875rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
}

.stats-icon[b-1iijwtkgwb] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    flex-shrink: 0;
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
}

.stats-value[b-1iijwtkgwb] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    color: #1e293b;
}

.stats-label[b-1iijwtkgwb] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Table Styling */
.forms-table[b-1iijwtkgwb] {
    border-collapse: separate;
    border-spacing: 0;
}

.forms-table thead tr[b-1iijwtkgwb] {
    background: #f8fafc;
}

.forms-table thead th[b-1iijwtkgwb] {
    font-weight: 600;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
    border-bottom: 2px solid #e2e8f0;
    padding: 0.75rem 0.5rem;
    white-space: nowrap;
}

.forms-table tbody tr[b-1iijwtkgwb] {
    transition: all 0.1s ease;
}

.forms-table tbody tr:nth-child(even)[b-1iijwtkgwb] {
    background-color: #fafbfc;
}

.form-row[b-1iijwtkgwb] {
    cursor: pointer;
}

.form-row:hover[b-1iijwtkgwb] {
    background-color: #f1f5f9 !important;
}

.forms-table tbody td[b-1iijwtkgwb] {
    padding: 0.625rem 0.5rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.form-name[b-1iijwtkgwb] {
    color: #1e293b;
    font-size: 0.875rem;
}

/* Status Pills */
.status-pill[b-1iijwtkgwb] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-published[b-1iijwtkgwb] {
    background-color: rgba(34, 197, 94, 0.1);
    color: #16a34a;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.status-draft[b-1iijwtkgwb] {
    background-color: rgba(234, 179, 8, 0.1);
    color: #ca8a04;
    border: 1px solid rgba(234, 179, 8, 0.3);
}

.status-inactive[b-1iijwtkgwb] {
    background-color: rgba(100, 116, 139, 0.1);
    color: #64748b;
    border: 1px solid rgba(100, 116, 139, 0.3);
}

/* Sortable Headers */
.sortable-header[b-1iijwtkgwb] {
    cursor: pointer;
    user-select: none;
}

.sortable-header:hover[b-1iijwtkgwb] {
    background-color: #f1f5f9;
}

.sortable-header.sorted[b-1iijwtkgwb] {
    color: var(--bs-primary);
}

/* Loading Spinner */
.loading-spinner-inline[b-1iijwtkgwb] {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.spinner-ring-inline[b-1iijwtkgwb] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--bs-primary);
    animation: pulse-inline-b-1iijwtkgwb 1.4s ease-in-out infinite;
}

.spinner-ring-inline:nth-child(2)[b-1iijwtkgwb] {
    animation-delay: 0.2s;
}

.spinner-ring-inline:nth-child(3)[b-1iijwtkgwb] {
    animation-delay: 0.4s;
}

@keyframes pulse-inline-b-1iijwtkgwb {
    0%, 80%, 100% {
        transform: scale(0.6);
        opacity: 0.5;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}
/* /Components/Pages/Tools/Forms/PublicForm.razor.rz.scp.css */
/* Public Form Container */
.public-form-container[b-5fi1dhk6fb] {
    min-height: 100vh;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Loading State */
.public-form-loading[b-5fi1dhk6fb] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    color: #64748b;
}

/* Error State */
.public-form-error[b-5fi1dhk6fb] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    text-align: center;
    padding: 2rem;
}

.public-form-error i[b-5fi1dhk6fb] {
    font-size: 5rem;
    color: #cbd5e1;
}

.public-form-error h2[b-5fi1dhk6fb] {
    color: #334155;
    margin-top: 1.5rem;
}

.public-form-error p[b-5fi1dhk6fb] {
    color: #64748b;
}

/* Completed State */
.public-form-complete[b-5fi1dhk6fb] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.complete-content[b-5fi1dhk6fb] {
    text-align: center;
    padding: 3rem;
    max-width: 500px;
}

.complete-logo[b-5fi1dhk6fb] {
    max-height: 60px;
    margin-bottom: 2rem;
}

.complete-icon[b-5fi1dhk6fb] {
    font-size: 5rem;
    margin-bottom: 1.5rem;
}

.complete-content h2[b-5fi1dhk6fb] {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.complete-content p[b-5fi1dhk6fb] {
    font-size: 1.125rem;
    opacity: 0.9;
}

/* Form Header */
.public-form-header[b-5fi1dhk6fb] {
    padding: 3rem 2rem;
    text-align: center;
    color: white;
}

.public-form-header .form-logo[b-5fi1dhk6fb] {
    max-height: 70px;
    max-width: 250px;
    margin-bottom: 1.5rem;
    border-radius: 8px;
}

.public-form-header .form-title[b-5fi1dhk6fb] {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.public-form-header .form-description[b-5fi1dhk6fb] {
    font-size: 1.125rem;
    opacity: 0.9;
    max-width: 600px;
    margin: 0 auto;
}

/* Progress Bar */
.public-form-progress[b-5fi1dhk6fb] {
    padding: 1rem 2rem;
    background: white;
    border-bottom: 1px solid #e2e8f0;
    max-width: 800px;
    margin: 0 auto;
}

.progress-bar-container[b-5fi1dhk6fb] {
    height: 8px;
    background: #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
}

.progress-bar-fill[b-5fi1dhk6fb] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.4s ease;
}

.progress-text[b-5fi1dhk6fb] {
    font-size: 0.8125rem;
    color: #64748b;
    text-align: right;
    margin-top: 0.5rem;
}

/* Question */
.public-form-question[b-5fi1dhk6fb] {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
}

.question-content[b-5fi1dhk6fb] {
    background: white;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1);
}

.question-header[b-5fi1dhk6fb] {
    display: flex;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

.question-number[b-5fi1dhk6fb] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 50%;
    flex-shrink: 0;
}

.question-text-container[b-5fi1dhk6fb] {
    flex: 1;
}

.question-text[b-5fi1dhk6fb] {
    font-size: 1.375rem;
    font-weight: 500;
    color: #1e293b;
    line-height: 1.4;
    margin: 0;
}

.required-star[b-5fi1dhk6fb] {
    font-weight: 700;
    margin-left: 0.25rem;
}

.question-help[b-5fi1dhk6fb] {
    font-size: 0.9375rem;
    color: #64748b;
    margin-top: 0.75rem;
    margin-bottom: 0;
    display: flex;
    align-items: flex-start;
}

.question-input-area[b-5fi1dhk6fb] {
    margin-left: 3.5rem;
}

/* Choice Options (Public) */
.choice-options-public[b-5fi1dhk6fb] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.choice-option-btn[b-5fi1dhk6fb] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
    width: 100%;
}

.choice-option-btn:hover[b-5fi1dhk6fb] {
    border-color: #cbd5e1;
    background: white;
}

.choice-option-btn.selected[b-5fi1dhk6fb] {
    border-color: var(--accent-color);
    background: rgba(var(--bs-primary-rgb), 0.05);
}

.choice-radio[b-5fi1dhk6fb] {
    width: 22px;
    height: 22px;
    border: 2px solid #cbd5e1;
    border-radius: 50%;
    flex-shrink: 0;
    transition: all 0.2s ease;
    position: relative;
}

.choice-radio.checked[b-5fi1dhk6fb] {
    border-color: var(--accent-color);
}

.choice-radio.checked[b-5fi1dhk6fb]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background: var(--accent-color);
    border-radius: 50%;
}

.choice-checkbox[b-5fi1dhk6fb] {
    width: 22px;
    height: 22px;
    border: 2px solid #cbd5e1;
    border-radius: 6px;
    flex-shrink: 0;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.choice-checkbox.checked[b-5fi1dhk6fb] {
    border-color: var(--accent-color);
    background: var(--accent-color);
    color: white;
}

.choice-text[b-5fi1dhk6fb] {
    font-size: 1rem;
    color: #334155;
}

/* Yes/No Options */
.yesno-options-public[b-5fi1dhk6fb] {
    display: flex;
    gap: 1rem;
}

.yesno-btn-public[b-5fi1dhk6fb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 1.5rem;
    border: 2px solid #e2e8f0;
    border-radius: 16px;
    background: white;
    cursor: pointer;
    transition: all 0.2s ease;
}

.yesno-btn-public:hover[b-5fi1dhk6fb] {
    border-color: #cbd5e1;
    transform: translateY(-2px);
}

.yesno-btn-public.selected[b-5fi1dhk6fb] {
    border-color: var(--accent-color);
    background: rgba(var(--bs-primary-rgb), 0.05);
}

.yesno-btn-public i[b-5fi1dhk6fb] {
    font-size: 2.5rem;
    color: #94a3b8;
}

.yesno-btn-public.selected i[b-5fi1dhk6fb] {
    color: var(--accent-color);
}

.yesno-btn-public span[b-5fi1dhk6fb] {
    font-size: 1.125rem;
    font-weight: 500;
    color: #334155;
}

/* Rating */
.rating-public[b-5fi1dhk6fb] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.rating-btn-public[b-5fi1dhk6fb] {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #e2e8f0;
    border-radius: 50%;
    background: white;
    cursor: pointer;
    transition: all 0.2s ease;
}

.rating-btn-public:hover[b-5fi1dhk6fb] {
    transform: scale(1.1);
    border-color: var(--accent-color);
}

.rating-btn-public i[b-5fi1dhk6fb] {
    font-size: 1.5rem;
    color: #cbd5e1;
    transition: color 0.2s ease;
}

.rating-btn-public:hover i[b-5fi1dhk6fb],
.rating-btn-public.selected i[b-5fi1dhk6fb] {
    color: var(--accent-color);
}

.rating-btn-public.selected[b-5fi1dhk6fb] {
    border-color: var(--accent-color);
    background: rgba(var(--bs-primary-rgb), 0.05);
}

/* Likert Scale */
.likert-public[b-5fi1dhk6fb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.likert-labels[b-5fi1dhk6fb] {
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem;
    color: #64748b;
}

.likert-scale-public[b-5fi1dhk6fb] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
}

.likert-btn[b-5fi1dhk6fb] {
    flex: 1;
    padding: 1rem 0.5rem;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    background: white;
    font-size: 1.125rem;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.likert-btn:hover[b-5fi1dhk6fb] {
    border-color: #cbd5e1;
    background: #f8fafc;
}

.likert-btn.selected[b-5fi1dhk6fb] {
    border-color: var(--accent-color);
    background: var(--accent-color);
    color: white;
}

/* Section Info */
.section-info[b-5fi1dhk6fb] {
    padding: 1rem 1.5rem;
    background: #f8fafc;
    border-left: 4px solid;
    border-radius: 0 8px 8px 0;
    color: #64748b;
}

/* Validation Error */
.validation-error[b-5fi1dhk6fb] {
    margin-top: 1rem;
    margin-left: 3.5rem;
    padding: 0.75rem 1rem;
    background: rgba(220, 38, 38, 0.1);
    border: 1px solid rgba(220, 38, 38, 0.3);
    border-radius: 8px;
    color: #dc2626;
    font-size: 0.9375rem;
}

/* Navigation */
.public-form-navigation[b-5fi1dhk6fb] {
    max-width: 800px;
    margin: 0 auto;
    padding: 1.5rem 2rem 3rem;
    display: flex;
    justify-content: space-between;
}

.public-form-navigation .btn[b-5fi1dhk6fb] {
    min-width: 140px;
}

/* Responsive */
@media (max-width: 640px) {
    .public-form-header[b-5fi1dhk6fb] {
        padding: 2rem 1rem;
    }
    
    .public-form-header .form-title[b-5fi1dhk6fb] {
        font-size: 1.5rem;
    }
    
    .public-form-question[b-5fi1dhk6fb] {
        padding: 1rem;
    }
    
    .question-content[b-5fi1dhk6fb] {
        padding: 1.5rem;
    }
    
    .question-text[b-5fi1dhk6fb] {
        font-size: 1.125rem;
    }
    
    .question-input-area[b-5fi1dhk6fb] {
        margin-left: 0;
        margin-top: 1rem;
    }
    
    .yesno-options-public[b-5fi1dhk6fb] {
        flex-direction: column;
    }
    
    .likert-scale-public[b-5fi1dhk6fb] {
        flex-wrap: wrap;
    }
    
    .likert-btn[b-5fi1dhk6fb] {
        flex-basis: calc(20% - 0.5rem);
    }
}

/* Signature - Public Form */
.signature-public[b-5fi1dhk6fb] {
    max-width: 500px;
}

.signature-input-public[b-5fi1dhk6fb] {
    height: 140px;
    border: 2px dashed #cbd5e1;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #f8fafc;
}

.signature-input-public:hover[b-5fi1dhk6fb] {
    border-color: var(--bs-primary, #4a90e2);
    background: white;
    color: var(--bs-primary, #4a90e2);
}

.signature-input-public i[b-5fi1dhk6fb] {
    font-size: 2.5rem;
}

.signature-display-public[b-5fi1dhk6fb] {
    height: 140px;
    border: 2px solid #22c55e;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(34, 197, 94, 0.05);
    cursor: pointer;
    transition: all 0.2s ease;
}

.signature-display-public:hover[b-5fi1dhk6fb] {
    border-color: #ef4444;
    background: rgba(239, 68, 68, 0.05);
}

.signature-content[b-5fi1dhk6fb] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.signature-text-display[b-5fi1dhk6fb] {
    font-family: 'Brush Script MT', 'Segoe Script', cursive;
    font-size: 2rem;
    color: #1e293b;
}

.signature-clear-text[b-5fi1dhk6fb] {
    font-size: 0.75rem;
    color: #94a3b8;
    padding-bottom: 0.5rem;
}

.signature-display-public:hover .signature-clear-text[b-5fi1dhk6fb] {
    color: #ef4444;
}

/* Signature Modal Styles */
.signature-type-input[b-5fi1dhk6fb] {
    font-family: 'Brush Script MT', 'Segoe Script', cursive;
    font-size: 1.5rem;
    text-align: center;
}

.signature-preview-text[b-5fi1dhk6fb] {
    font-family: 'Brush Script MT', 'Segoe Script', cursive;
    font-size: 2.5rem;
    color: #1e293b;
}

/* File Upload - Public Form */
.file-upload-public[b-5fi1dhk6fb] {
    padding: 3rem;
    border: 2px dashed #e2e8f0;
    border-radius: 12px;
    text-align: center;
    color: #94a3b8;
}

.file-upload-public i[b-5fi1dhk6fb] {
    font-size: 3rem;
    display: block;
    margin-bottom: 0.75rem;
}

/* Ranking - Public Form */
.ranking-public[b-5fi1dhk6fb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ranking-item-public[b-5fi1dhk6fb] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.ranking-item-public .ranking-position[b-5fi1dhk6fb] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e2e8f0;
    color: #64748b;
    font-weight: 600;
    font-size: 0.875rem;
    border-radius: 6px;
}

.ranking-item-public .ranking-text[b-5fi1dhk6fb] {
    flex: 1;
    font-size: 1rem;
    color: #334155;
}
/* /Components/Pages/Tools/HangfireDashboard.razor.rz.scp.css */
/* Hangfire Dashboard Styles - Hyper Theme Compatible */

/* =====================================================
   Base Container
   ===================================================== */
.hf-dashboard[b-8xffebpsom] {
    background: transparent;
    color: #1e293b;
}

/* =====================================================
   Tabs
   ===================================================== */
.hf-tabs[b-8xffebpsom] {
    border-bottom: 2px solid #e2e8f0;
    background: transparent;
}

.hf-tabs .nav-link[b-8xffebpsom] {
    color: #64748b;
    border: none;
    background: transparent;
    padding: 0.75rem 1.25rem;
    font-weight: 500;
    font-size: 0.875rem;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all 0.15s ease;
}

.hf-tabs .nav-link:hover[b-8xffebpsom] {
    color: #3b82f6;
    border-bottom-color: #93c5fd;
}

.hf-tabs .nav-link.active[b-8xffebpsom] {
    color: #3b82f6;
    border-bottom-color: #3b82f6;
    background: transparent;
}

.hf-tabs .nav-link .badge[b-8xffebpsom] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.25em 0.5em;
    vertical-align: middle;
}

.hf-tabs .btn-close[b-8xffebpsom] {
    filter: none;
    opacity: 0.5;
    font-size: 0.5rem;
}

.hf-tabs .btn-close:hover[b-8xffebpsom] {
    opacity: 1;
}

/* =====================================================
   Body Card
   ===================================================== */
.hf-body[b-8xffebpsom] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.hf-body .card-body[b-8xffebpsom] {
    background: transparent;
}

/* =====================================================
   Sidebar
   ===================================================== */
.hf-sidebar[b-8xffebpsom] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}

.hf-sidebar .list-group-item[b-8xffebpsom] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #f1f5f9;
    color: #475569;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.15s ease;
}

.hf-sidebar .list-group-item:last-child[b-8xffebpsom] {
    border-bottom: none;
}

.hf-sidebar .list-group-item:hover[b-8xffebpsom] {
    background: #f1f5f9;
    color: #1e293b;
}

.hf-sidebar .list-group-item.active[b-8xffebpsom] {
    background: #3b82f6;
    color: #fff;
}

.hf-sidebar .list-group-item .badge[b-8xffebpsom] {
    background: rgba(0, 0, 0, 0.08);
    color: inherit;
    font-weight: 600;
    font-size: 0.75rem;
    padding: 0.25em 0.5em;
    border-radius: 4px;
    min-width: 2rem;
    text-align: center;
}

.hf-sidebar .list-group-item.active .badge[b-8xffebpsom] {
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
}

/* =====================================================
   Section
   ===================================================== */
.hf-section[b-8xffebpsom] {
    padding: 1.25rem;
}

.hf-section h5[b-8xffebpsom],
.hf-section h6[b-8xffebpsom] {
    color: #1e293b !important;
    font-weight: 600;
}

.section-toolbar[b-8xffebpsom] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.75rem;
}

/* =====================================================
   Grid (Table Alternative) - Fixed Column Widths
   ===================================================== */
.hf-grid[b-8xffebpsom] {
    display: table;
    width: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    border-collapse: collapse;
}

.hf-grid-head[b-8xffebpsom] {
    display: table-row;
    background: #f8fafc;
}

.hf-grid-row[b-8xffebpsom] {
    display: table-row;
    transition: background 0.1s ease;
}

.hf-grid-row:hover[b-8xffebpsom] {
    background: #f8fafc;
}

.hf-grid-row.active[b-8xffebpsom] {
    background: #eff6ff;
}

.hf-grid-row.expanded[b-8xffebpsom] {
    background: #fef2f2;
}

.hf-grid-head .cell[b-8xffebpsom],
.hf-grid-row .cell[b-8xffebpsom] {
    display: table-cell;
    vertical-align: middle;
    padding: 0.625rem 0.75rem;
    border-bottom: 1px solid #e2e8f0;
}

.hf-grid-head .cell[b-8xffebpsom] {
    color: #64748b;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-bottom: 2px solid #e2e8f0;
    white-space: nowrap;
}

.hf-grid-row .cell[b-8xffebpsom] {
    color: #1e293b;
    font-size: 0.875rem;
}

.hf-grid-row:last-child .cell[b-8xffebpsom] {
    border-bottom: none;
}

/* Specific column widths */
.hf-grid .cell.narrow[b-8xffebpsom] {
    width: 40px;
    text-align: center;
}

.hf-grid .cell.col-id[b-8xffebpsom] {
    width: 100px;
}

.hf-grid .cell.col-job[b-8xffebpsom] {
    width: auto;
    max-width: 350px;
}

.hf-grid .cell.col-date[b-8xffebpsom] {
    width: 160px;
    white-space: nowrap;
}

.hf-grid .cell.col-duration[b-8xffebpsom] {
    width: 100px;
}

.hf-grid .cell.col-server[b-8xffebpsom] {
    width: 200px;
}

.hf-grid .cell.col-status[b-8xffebpsom] {
    width: 120px;
}

.hf-grid .cell.col-queue[b-8xffebpsom] {
    width: 150px;
}

.hf-grid .cell.col-count[b-8xffebpsom] {
    width: 80px;
    text-align: right;
}

.hf-grid .cell.col-reason[b-8xffebpsom] {
    max-width: 250px;
}

.hf-grid .cell.col-cron[b-8xffebpsom] {
    width: 140px;
}

.hf-grid .cell.col-timezone[b-8xffebpsom] {
    width: 120px;
}

.hf-grid .cell.col-next-jobs[b-8xffebpsom] {
    width: auto;
}

/* =====================================================
   Server Cards
   ===================================================== */
.hf-server[b-8xffebpsom] {
    background: #fff;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px;
    transition: box-shadow 0.2s ease;
}

.hf-server:hover[b-8xffebpsom] {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.hf-server h6[b-8xffebpsom] {
    color: #1e293b !important;
    font-weight: 600;
}

.hf-stat[b-8xffebpsom] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    color: #1e293b;
    font-weight: 700;
    font-size: 1.25rem;
    text-align: center;
    min-width: 80px;
}

.hf-stat small[b-8xffebpsom] {
    display: block;
    color: #64748b;
    font-weight: 500;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.25rem;
}

/* =====================================================
   Alerts
   ===================================================== */
.hf-dashboard .alert-dark[b-8xffebpsom] {
    background: #f8fafc;
    color: #64748b;
    border: 1px solid #e2e8f0;
}

.hf-dashboard .alert-info[b-8xffebpsom] {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1e40af;
}

.alert-sm[b-8xffebpsom] {
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
    border-radius: 6px;
}

/* =====================================================
   Buttons
   ===================================================== */
.hf-dashboard .btn-primary[b-8xffebpsom] {
    background: #3b82f6;
    border-color: #3b82f6;
}

.hf-dashboard .btn-primary:hover[b-8xffebpsom] {
    background: #2563eb;
    border-color: #2563eb;
}

.hf-dashboard .btn-success[b-8xffebpsom] {
    background: #22c55e;
    border-color: #22c55e;
}

.hf-dashboard .btn-success:hover[b-8xffebpsom] {
    background: #16a34a;
    border-color: #16a34a;
}

.hf-dashboard .btn-danger[b-8xffebpsom] {
    background: #ef4444;
    border-color: #ef4444;
}

.hf-dashboard .btn-danger:hover[b-8xffebpsom] {
    background: #dc2626;
    border-color: #dc2626;
}

.hf-dashboard .btn-outline-secondary[b-8xffebpsom] {
    color: #64748b;
    border-color: #e2e8f0;
}

.hf-dashboard .btn-outline-secondary:hover[b-8xffebpsom] {
    background: #f1f5f9;
    color: #1e293b;
    border-color: #cbd5e1;
}

.hf-dashboard .btn-outline-light[b-8xffebpsom] {
    color: #64748b;
    border-color: #e2e8f0;
    background: transparent;
}

.hf-dashboard .btn-outline-light:hover[b-8xffebpsom] {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #1e293b;
}

.hf-dashboard .btn-link[b-8xffebpsom] {
    color: #3b82f6;
    text-decoration: none;
    padding: 0;
}

.hf-dashboard .btn-link:hover[b-8xffebpsom] {
    color: #2563eb;
    text-decoration: underline;
}

/* =====================================================
   Badges
   ===================================================== */
.hf-dashboard .badge[b-8xffebpsom] {
    font-weight: 500;
    font-size: 0.6875rem;
    padding: 0.35em 0.65em;
    border-radius: 4px;
}

.hf-dashboard .badge.bg-primary[b-8xffebpsom] { background: #3b82f6 !important; }
.hf-dashboard .badge.bg-success[b-8xffebpsom] { background: #22c55e !important; }
.hf-dashboard .badge.bg-danger[b-8xffebpsom] { background: #ef4444 !important; }
.hf-dashboard .badge.bg-warning[b-8xffebpsom] { background: #f59e0b !important; }
.hf-dashboard .badge.bg-info[b-8xffebpsom] { background: #06b6d4 !important; }
.hf-dashboard .badge.bg-secondary[b-8xffebpsom] { background: #64748b !important; }
.hf-dashboard .badge.bg-dark[b-8xffebpsom] { background: #1e293b !important; }

/* =====================================================
   Form Controls
   ===================================================== */
.hf-dashboard .form-control[b-8xffebpsom],
.hf-dashboard .form-select[b-8xffebpsom] {
    border-color: #e2e8f0;
    font-size: 0.875rem;
}

.hf-dashboard .form-control:focus[b-8xffebpsom],
.hf-dashboard .form-select:focus[b-8xffebpsom] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.hf-dashboard .form-check-input[b-8xffebpsom] {
    border-color: #cbd5e1;
    width: 1rem;
    height: 1rem;
}

.hf-dashboard .form-check-input:checked[b-8xffebpsom] {
    background-color: #3b82f6;
    border-color: #3b82f6;
}

/* =====================================================
   Job Details
   ===================================================== */
.job-details h4[b-8xffebpsom],
.job-details h5[b-8xffebpsom] {
    color: #1e293b !important;
    font-weight: 600;
}

/* Code Snippet - Clean dark theme */
.job-code-snippet pre[b-8xffebpsom] {
    background: #1e293b !important;
    border: none;
    border-radius: 8px;
    margin: 0;
    padding: 1rem 1.25rem;
    overflow-x: auto;
}

.job-code-snippet code[b-8xffebpsom] {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    font-size: 0.8125rem;
    line-height: 1.7;
    color: #e2e8f0;
    background: transparent !important;
    padding: 0;
    white-space: pre;
}

/* Parameters Grid */
.params-grid[b-8xffebpsom] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}

.params-row[b-8xffebpsom] {
    display: flex;
    border-bottom: 1px solid #e2e8f0;
}

.params-row:last-child[b-8xffebpsom] {
    border-bottom: none;
}

.params-label[b-8xffebpsom] {
    flex: 0 0 180px;
    padding: 0.625rem 1rem;
    color: #64748b;
    font-weight: 500;
    font-size: 0.875rem;
    background: #fff;
    border-right: 1px solid #e2e8f0;
}

.params-value[b-8xffebpsom] {
    flex: 1;
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
}

.params-value code[b-8xffebpsom] {
    color: #059669;
    background: transparent;
    padding: 0;
    font-size: 0.8125rem;
}

/* =====================================================
   State Timeline
   ===================================================== */
.state-timeline[b-8xffebpsom] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.state-entry[b-8xffebpsom] {
    position: relative;
    padding: 1rem 1rem 1rem 2rem;
    border-left: 2px solid #e2e8f0;
    margin-left: 0.75rem;
}

.state-entry[b-8xffebpsom]::before {
    content: '';
    position: absolute;
    left: -7px;
    top: 1.25rem;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 2px solid #cbd5e1;
    border-radius: 50%;
}

.state-entry.state-current[b-8xffebpsom] {
    border-left-color: #3b82f6;
    background: #eff6ff;
    border-radius: 0 8px 8px 0;
    margin-bottom: 0.5rem;
}

.state-entry.state-current[b-8xffebpsom]::before {
    border-color: #3b82f6;
    background: #3b82f6;
}

.state-header[b-8xffebpsom] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.state-badge[b-8xffebpsom] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 4px;
}

.state-time[b-8xffebpsom] {
    font-size: 0.8125rem;
    color: #64748b;
}

.state-content[b-8xffebpsom] {
    padding: 0.5rem 0;
}

.state-metric[b-8xffebpsom] {
    display: flex;
    gap: 0.75rem;
    align-items: baseline;
    margin-bottom: 0.375rem;
    font-size: 0.875rem;
}

.state-metric .metric-label[b-8xffebpsom] {
    color: #64748b;
    min-width: 100px;
    font-weight: 500;
}

.state-metric .metric-value[b-8xffebpsom] {
    color: #1e293b;
}

.state-reason[b-8xffebpsom] {
    font-style: italic;
    font-size: 0.875rem;
    color: #64748b;
}

.state-data[b-8xffebpsom] {
    background: #f8fafc;
    padding: 0.75rem;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}

/* =====================================================
   Stack Trace
   ===================================================== */
.hf-stack-trace[b-8xffebpsom] {
    background: #fef2f2;
    color: #991b1b;
    padding: 1rem;
    border-radius: 6px;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
    font-size: 0.75rem;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #fecaca;
    margin-top: 0.5rem;
}

/* =====================================================
   Console Output
   ===================================================== */
.console-output-container[b-8xffebpsom] {
    background: #1e293b;
    border-radius: 6px;
    padding: 1rem;
    max-height: 400px;
    overflow-y: auto;
}

.console-output[b-8xffebpsom] {
    color: #e2e8f0;
    line-height: 1.6;
}

.console-line[b-8xffebpsom] {
    display: flex;
    gap: 12px;
    padding: 3px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.console-line:last-child[b-8xffebpsom] {
    border-bottom: none;
}

.console-time[b-8xffebpsom] {
    min-width: 80px;
    font-weight: 600;
    flex-shrink: 0;
    color: #38bdf8;
}

.console-message[b-8xffebpsom] {
    flex-grow: 1;
    word-break: break-word;
}

.console-output-container[b-8xffebpsom]::-webkit-scrollbar {
    width: 8px;
}

.console-output-container[b-8xffebpsom]::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
}

.console-output-container[b-8xffebpsom]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
}

.console-line .progress[b-8xffebpsom] {
    background-color: rgba(255, 255, 255, 0.1);
}

.console-line .progress-bar[b-8xffebpsom] {
    font-size: 0.6875rem;
    line-height: 16px;
}

/* =====================================================
   Pagination
   ===================================================== */
.hf-dashboard .pagination .page-link[b-8xffebpsom] {
    color: #64748b;
    border-color: #e2e8f0;
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
}

.hf-dashboard .pagination .page-item.active .page-link[b-8xffebpsom] {
    background: #3b82f6;
    border-color: #3b82f6;
    color: #fff;
}

.hf-dashboard .pagination .page-item.disabled .page-link[b-8xffebpsom] {
    color: #cbd5e1;
}

.hf-dashboard .pagination .page-link:hover[b-8xffebpsom] {
    background: #f1f5f9;
    color: #1e293b;
}

/* =====================================================
   Utilities - Override for light theme
   ===================================================== */
.hf-dashboard .text-light[b-8xffebpsom] {
    color: #1e293b !important;
}

.hf-dashboard .text-muted[b-8xffebpsom] {
    color: #64748b !important;
}

.hf-dashboard .text-info[b-8xffebpsom] {
    color: #3b82f6 !important;
}

.hf-dashboard .text-danger[b-8xffebpsom] {
    color: #ef4444 !important;
}

.hf-dashboard .text-success[b-8xffebpsom] {
    color: #22c55e !important;
}

.hf-dashboard .text-warning[b-8xffebpsom] {
    color: #f59e0b !important;
}

.hf-dashboard .bg-light[b-8xffebpsom] {
    background: #f8fafc !important;
}

.hf-dashboard code[b-8xffebpsom] {
    color: #059669;
    background: #ecfdf5;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    font-size: 0.8125rem;
}

.hf-dashboard code.text-success[b-8xffebpsom] {
    color: #059669 !important;
    background: #ecfdf5;
}

.hf-dashboard code.text-danger[b-8xffebpsom] {
    color: #dc2626 !important;
    background: #fef2f2;
}

/* Cron code styling */
.hf-dashboard code.bg-dark[b-8xffebpsom] {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}

/* Copy button */
.copy-btn[b-8xffebpsom] {
    opacity: 0;
    transition: opacity 0.15s ease;
}

.hf-grid-row:hover .copy-btn[b-8xffebpsom],
.d-flex:hover .copy-btn[b-8xffebpsom] {
    opacity: 0.6;
}

.copy-btn:hover[b-8xffebpsom] {
    opacity: 1 !important;
}

/* =====================================================
   Animations
   ===================================================== */
.mdi-spin[b-8xffebpsom] {
    animation: mdi-spin-b-8xffebpsom 1s infinite linear;
}

@keyframes mdi-spin-b-8xffebpsom {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* =====================================================
   Details/Summary
   ===================================================== */
.hf-dashboard details summary[b-8xffebpsom] {
    cursor: pointer;
    user-select: none;
    color: #3b82f6;
    font-weight: 500;
}

.hf-dashboard details summary:hover[b-8xffebpsom] {
    text-decoration: underline;
}

.hf-dashboard details[open] summary[b-8xffebpsom] {
    margin-bottom: 0.5rem;
}

/* =====================================================
   Close Button in Tab
   ===================================================== */
.btn-close-sm[b-8xffebpsom] {
    font-size: 0.5rem;
    padding: 0.25rem;
    filter: none;
    vertical-align: middle;
}

/* =====================================================
   Responsive
   ===================================================== */
@media (max-width: 991.98px) {
    .hf-sidebar[b-8xffebpsom] {
        margin-bottom: 1rem;
    }
    
    .hf-grid[b-8xffebpsom] {
        display: block;
        overflow-x: auto;
    }
    
    .hf-grid-head[b-8xffebpsom],
    .hf-grid-row[b-8xffebpsom] {
        display: table-row;
    }
}

@media (max-width: 767.98px) {
    .hf-tabs .nav-link[b-8xffebpsom] {
        padding: 0.5rem 0.75rem;
        font-size: 0.8125rem;
    }

    .hf-tabs .nav-link .badge[b-8xffebpsom] {
        display: none;
    }

    .hf-section[b-8xffebpsom] {
        padding: 1rem;
    }

    .section-toolbar[b-8xffebpsom] {
        flex-direction: column;
        align-items: flex-start;
    }

    .state-entry[b-8xffebpsom] {
        padding-left: 1.5rem;
    }
}
/* /Components/Pages/Tools/SeraConfig.razor.rz.scp.css */
.font-monospace[b-qwb40dvv4x] {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.85rem;
}

.btn-xs[b-qwb40dvv4x] {
    padding: 0.125rem 0.25rem;
    font-size: 0.75rem;
}

.table-sm td[b-qwb40dvv4x] {
    vertical-align: middle;
}

.compact-tabs .nav-link[b-qwb40dvv4x] {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
}

.modal-xl[b-qwb40dvv4x] {
    max-width: 1140px;
}

textarea.form-control[b-qwb40dvv4x] {
    resize: vertical;
    min-height: 100px;
}

.card-header[b-qwb40dvv4x] {
    background-color: #f8f9fa;
}

.border-bottom[b-qwb40dvv4x] {
    border-color: #dee2e6 !important;
}
/* /Components/Pages/Tools/SpeechmaticsTranscription.razor.rz.scp.css */
/* Styles extracted from SpeechmaticsTranscription.razor */
@keyframes pulse-b-3m2azolfu6 {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.9; }
}

.recording-pulse[b-3m2azolfu6] {
    animation: pulse-b-3m2azolfu6 1.5s ease-in-out infinite;
}

.audio-wave[b-3m2azolfu6] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 60px;
}

.audio-wave span[b-3m2azolfu6] {
    display: inline-block;
    width: 4px;
    background: linear-gradient(180deg, #dc3545, #ff6b7a);
    border-radius: 2px;
    animation: wave-b-3m2azolfu6 1s ease-in-out infinite;
}

.audio-wave span:nth-child(1)[b-3m2azolfu6] { animation-delay: 0s; height: 20px; }
.audio-wave span:nth-child(2)[b-3m2azolfu6] { animation-delay: 0.1s; height: 35px; }
.audio-wave span:nth-child(3)[b-3m2azolfu6] { animation-delay: 0.2s; height: 50px; }
.audio-wave span:nth-child(4)[b-3m2azolfu6] { animation-delay: 0.3s; height: 35px; }
.audio-wave span:nth-child(5)[b-3m2azolfu6] { animation-delay: 0.4s; height: 20px; }

@keyframes wave-b-3m2azolfu6 {
    0%, 100% { transform: scaleY(0.5); }
    50% { transform: scaleY(1); }
}

.transcription-display[b-3m2azolfu6] {
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    min-height: 400px;
    height: calc(100vh - 260px);
}

.transcription-text[b-3m2azolfu6] {
    font-size: 1rem;
    line-height: 1.6;
    color: #212529;
}

.speaker-label[b-3m2azolfu6] {
    font-weight: 600;
    color: #0d6efd;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
}

.word-high[b-3m2azolfu6] {
    color: #212529;
    font-weight: normal;
}

.word-medium[b-3m2azolfu6] {
    color: #fd7e14;
    font-weight: normal;
}

.word-low[b-3m2azolfu6] {
    color: #dc3545;
    font-weight: normal;
}

.word-partial[b-3m2azolfu6] {
    color: #6c757d;
    font-style: italic;
    opacity: 0.7;
}

.confidence-high[b-3m2azolfu6] {
    color: #198754;
    font-weight: 500;
}

.confidence-medium[b-3m2azolfu6] {
    color: #fd7e14;
    font-weight: 450;
}

.confidence-low[b-3m2azolfu6] {
    color: #dc3545;
    font-weight: 400;
}

.typing-cursor[b-3m2azolfu6] {
    display: inline-block;
    width: 2px;
    height: 1.2em;
    background: #0d6efd;
    margin-left: 2px;
    animation: blink-b-3m2azolfu6 1s step-end infinite;
    vertical-align: text-bottom;
}

@keyframes blink-b-3m2azolfu6 {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

.word-animation[b-3m2azolfu6] {
    animation: fadeIn-b-3m2azolfu6 0.3s ease-out;
}

@keyframes fadeIn-b-3m2azolfu6 {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}
/* /Components/Shared/AddressAutocomplete.razor.rz.scp.css */
/* Address Autocomplete Component Styles */

.address-autocomplete[b-czcnfq1bn0] {
    position: relative;
    width: 100%;
}

.address-input-wrapper[b-czcnfq1bn0] {
    position: relative;
}

.address-autocomplete .input-group[b-czcnfq1bn0] {
    background: #fff;
}

.address-autocomplete .input-group-text[b-czcnfq1bn0] {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #64748b;
}

.address-autocomplete .form-control[b-czcnfq1bn0] {
    border-color: #e2e8f0;
}

.address-autocomplete .form-control:focus[b-czcnfq1bn0] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.1);
}

.address-autocomplete.open .form-control[b-czcnfq1bn0] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.address-autocomplete.open .input-group-text:first-child[b-czcnfq1bn0] {
    border-bottom-left-radius: 0;
}

.address-autocomplete.open .input-group-text:last-child[b-czcnfq1bn0],
.address-autocomplete.open .btn:last-child[b-czcnfq1bn0] {
    border-bottom-right-radius: 0;
}

/* Dropdown */
.address-dropdown[b-czcnfq1bn0] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1050;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-top: none;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-height: 280px;
    overflow-y: auto;
}

.address-item[b-czcnfq1bn0] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.625rem 0.875rem;
    cursor: pointer;
    transition: background-color 0.1s ease;
    border-bottom: 1px solid #f1f5f9;
}

.address-item:last-child[b-czcnfq1bn0] {
    border-bottom: none;
}

.address-item:hover[b-czcnfq1bn0],
.address-item.selected[b-czcnfq1bn0] {
    background: #e0f2fe;
}

.address-item.no-results[b-czcnfq1bn0] {
    color: #64748b;
    font-size: 0.875rem;
    justify-content: center;
    cursor: default;
}

.address-item.no-results:hover[b-czcnfq1bn0] {
    background: transparent;
}

.address-icon[b-czcnfq1bn0] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #64748b;
}

.address-item.selected .address-icon[b-czcnfq1bn0],
.address-item:hover .address-icon[b-czcnfq1bn0] {
    background: var(--bs-primary);
}

.address-item.selected .address-icon i[b-czcnfq1bn0],
.address-item:hover .address-icon i[b-czcnfq1bn0] {
    color: #fff !important;
}

.address-details[b-czcnfq1bn0] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.address-main[b-czcnfq1bn0] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.address-secondary[b-czcnfq1bn0] {
    font-size: 0.75rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}

/* Scrollbar styling for dropdown */
.address-dropdown[b-czcnfq1bn0]::-webkit-scrollbar {
    width: 6px;
}

.address-dropdown[b-czcnfq1bn0]::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 3px;
}

.address-dropdown[b-czcnfq1bn0]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

.address-dropdown[b-czcnfq1bn0]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}
/* /Components/Shared/CalendarComponent.razor.rz.scp.css */
/* CalendarComponent styles */
#calendar[b-tmofmfogtn] { min-height: 400px; }
.external-event[b-tmofmfogtn] { cursor: pointer; }
/* /Components/Shared/CompactPageHeader.razor.rz.scp.css */
/* CompactPageHeader styles */
.compact-tabs-container[b-q8vkn1cill] { padding: 0 1rem; }
.compact-tabs[b-q8vkn1cill] { border-bottom: 1px solid #dee2e6; margin: 0; padding: 0; }
.compact-tabs .nav-link[b-q8vkn1cill] { border: none; padding: 0.5rem 0.75rem; font-weight: 500; font-size: 0.875rem; transition: all 0.2s ease; background: transparent; border-bottom: 2px solid transparent; }
.compact-tabs .nav-link:hover[b-q8vkn1cill] { color: var(--bs-primary); background-color: rgba(var(--bs-primary-rgb), 0.05); border-bottom-color: rgba(var(--bs-primary-rgb), 0.3); }
.compact-tabs .nav-link.active[b-q8vkn1cill] { color: var(--bs-primary); border-bottom-color: var(--bs-primary); }
.compact-tabs .nav-link i[b-q8vkn1cill] { font-size: 1rem; }
@media (max-width: 1023.98px) { .compact-tabs .nav-link[b-q8vkn1cill] { padding: 0.5rem 0.5rem; } .compact-tabs .nav-link i[b-q8vkn1cill] { font-size: 1.1rem; } }
/* /Components/Shared/CompanyDropzoneUpload.razor.rz.scp.css */
/* DropzoneUpload styles */
#CompanyDropzone[b-bn7a1fkw8i] {
    min-height: 80px !important;
}

    #CompanyDropzone.dz-drag-hover[b-bn7a1fkw8i] {
        border: 2px dashed green;
        background-color: #f6fff6;
    }

.dz-preview.dz-file-preview[b-bn7a1fkw8i] {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: .5rem .75rem;
    position: relative;
}

.dz-preview .progress[b-bn7a1fkw8i] {
    background: #f1f1f1;
}

#totalUploadProgress.progress[b-bn7a1fkw8i] {
    height: 6px;
    background: #f1f1f1;
    margin-top: .5rem;
}
/* /Components/Shared/CompanyFileList.razor.rz.scp.css */
/* CompanyFileList component styles - mirrors FileList.razor.css */

/* Container */
.file-list-container[b-dlji5jtslp] {
    padding: 0;
}

/* Toolbar with search */
.file-list-toolbar[b-dlji5jtslp] {
    padding: 0;
}

/* Search clear button */
.btn-search-clear[b-dlji5jtslp] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 4px 6px;
    cursor: pointer;
    color: #94a3b8;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.btn-search-clear:hover[b-dlji5jtslp] {
    color: #64748b;
    background-color: #f1f5f9;
}

/* Grid Container */
.files-grid-container[b-dlji5jtslp] {
    width: 100%;
}

/* Header Row */
.files-header-row[b-dlji5jtslp] {
    display: grid;
    grid-template-columns: 1fr 120px 80px 180px 100px;
    background: #f8fafc;
    border-bottom: 2px solid #e2e8f0;
}

.header-cell[b-dlji5jtslp] {
    font-weight: 600;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
    padding: 0.75rem 0.5rem;
    white-space: nowrap;
}

.header-cell.cell-name[b-dlji5jtslp] {
    padding-left: 0.75rem;
}

.header-cell.cell-actions[b-dlji5jtslp] {
    text-align: right;
    padding-right: 0.75rem;
}

/* Sortable Headers */
.sortable-header[b-dlji5jtslp] {
    cursor: pointer;
    user-select: none;
    transition: all 0.1s ease;
}

.sortable-header:hover[b-dlji5jtslp] {
    background-color: #f1f5f9;
    color: #334155;
}

.sortable-header.active[b-dlji5jtslp] {
    background-color: rgba(var(--bs-primary-rgb), 0.06);
    color: var(--bs-primary);
}

.sort-icon[b-dlji5jtslp] {
    opacity: 0.3;
    margin-left: 3px;
    font-size: 0.6875rem;
}

.sort-icon.active[b-dlji5jtslp] {
    opacity: 1;
    color: var(--bs-primary);
}

/* Virtualized Table Layout */
.virtualized-table-body[b-dlji5jtslp] {
    overflow-y: auto;
    overflow-x: hidden;
}

/* Grid layout for virtual rows */
.file-row-virtual[b-dlji5jtslp] {
    display: grid;
    grid-template-columns: 1fr 120px 80px 180px 100px;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background-color 0.1s ease;
    min-height: 48px;
}

.file-row-virtual:nth-child(even)[b-dlji5jtslp] {
    background-color: #fafbfc;
}

.file-row-virtual:hover[b-dlji5jtslp] {
    background-color: #f1f5f9 !important;
}

/* Processing state */
.file-row-virtual.processing[b-dlji5jtslp] {
    cursor: default;
    background-color: #f8fafc;
    opacity: 0.8;
}

.file-row-virtual.processing:hover[b-dlji5jtslp] {
    background-color: #f8fafc !important;
}

.file-row-virtual .cell[b-dlji5jtslp] {
    padding: 0.25rem 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Cell-specific styles */
.cell-name[b-dlji5jtslp] {
    padding-left: 0.75rem !important;
    min-width: 0;
}

.cell-name .d-flex[b-dlji5jtslp] {
    min-width: 0;
}

.file-icon[b-dlji5jtslp] {
    font-size: 1.25rem;
    width: 1.5rem;
    text-align: center;
}

.file-name[b-dlji5jtslp] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.875rem;
    min-width: 0;
    flex: 1;
}

.cell-modified[b-dlji5jtslp] {
    white-space: nowrap;
}

.date-main[b-dlji5jtslp] {
    font-weight: 500;
    color: #475569;
    font-size: 0.75rem;
}

.cell-size[b-dlji5jtslp] {
    white-space: nowrap;
}

.file-size[b-dlji5jtslp] {
    font-size: 0.75rem;
    color: #64748b;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
}

.cell-owner[b-dlji5jtslp] {
    min-width: 0;
}

.owner-name[b-dlji5jtslp] {
    font-size: 0.8125rem;
    color: #475569;
    max-width: 140px;
}

/* Action buttons */
.cell-actions[b-dlji5jtslp] {
    text-align: right;
    padding-right: 0.75rem !important;
}

.action-buttons[b-dlji5jtslp] {
    display: flex;
    gap: 4px;
    justify-content: flex-end;
}

.action-btn[b-dlji5jtslp] {
    background: none;
    border: none;
    padding: 4px 6px;
    cursor: pointer;
    color: #64748b;
    border-radius: 4px;
    transition: all 0.15s ease;
}

.action-btn:hover[b-dlji5jtslp] {
    background-color: #f1f5f9;
    color: #334155;
}

.action-btn.text-danger:hover[b-dlji5jtslp] {
    background-color: #fef2f2;
    color: #dc2626;
}

.action-btn i[b-dlji5jtslp] {
    font-size: 1rem;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .files-header-row[b-dlji5jtslp],
    .file-row-virtual[b-dlji5jtslp] {
        grid-template-columns: 1fr 100px 70px 120px 80px;
    }
}

@media (max-width: 992px) {
    .files-header-row[b-dlji5jtslp],
    .file-row-virtual[b-dlji5jtslp] {
        grid-template-columns: 1fr 100px 70px 80px;
    }
    
    .cell-owner[b-dlji5jtslp],
    .header-cell.cell-owner[b-dlji5jtslp] {
        display: none;
    }
}

@media (max-width: 768px) {
    .files-header-row[b-dlji5jtslp],
    .file-row-virtual[b-dlji5jtslp] {
        grid-template-columns: 1fr 70px 60px;
    }
    
    .cell-modified[b-dlji5jtslp],
    .header-cell.cell-modified[b-dlji5jtslp] {
        display: none;
    }
}
/* /Components/Shared/DevSystemSwitcher.razor.rz.scp.css */
.dev-system-switcher[b-jzhqpwc04y] {
    padding: 0.5rem;
    border-top: 1px dashed var(--ct-warning);
    background: rgba(255, 193, 7, 0.05);
}

.dev-system-switcher .btn-outline-warning[b-jzhqpwc04y] {
    font-size: 0.75rem;
    padding: 0.375rem 0.625rem;
    border-style: dashed;
}

.dev-system-switcher .dropdown-menu[b-jzhqpwc04y] {
    font-size: 0.8125rem;
    min-width: 100%;
    box-shadow: var(--ct-box-shadow-lg);
}

.dev-system-switcher .dropdown-header[b-jzhqpwc04y] {
    padding: 0.375rem 0.625rem;
}

.dev-system-switcher .dropdown-item[b-jzhqpwc04y] {
    padding: 0.5rem 0.625rem;
    border-radius: 4px;
    margin: 0 0.25rem;
    width: calc(100% - 0.5rem);
}

.dev-system-switcher .dropdown-item.active[b-jzhqpwc04y] {
    background-color: rgba(var(--ct-primary-rgb), 0.1);
    color: var(--ct-primary);
}

.dev-system-switcher .dropdown-item:hover:not(.active)[b-jzhqpwc04y] {
    background-color: var(--ct-tertiary-bg);
}
/* /Components/Shared/DocumentViewerModal.razor.rz.scp.css */
/* Document Viewer Modal Styles */

/* Overlay/backdrop */
.document-viewer-overlay[b-wqmsrwkhae] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1050;
}

/* Modal container */
.document-viewer-modal[b-wqmsrwkhae] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 1400px;
    height: 85vh;
    z-index: 1055;
    display: flex;
    flex-direction: column;
}

/* Fullscreen mode */
.document-viewer-modal.fullscreen[b-wqmsrwkhae] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 0;
}

/* Inner container with flexbox layout */
.document-viewer-container[b-wqmsrwkhae] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.document-viewer-modal.fullscreen .document-viewer-container[b-wqmsrwkhae] {
    border-radius: 0;
}

/* Header */
.document-viewer-header[b-wqmsrwkhae] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    flex-shrink: 0;
}

.document-viewer-title[b-wqmsrwkhae] {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 1;
    margin-right: 1rem;
}

.document-viewer-filename[b-wqmsrwkhae] {
    font-weight: 600;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.document-viewer-controls[b-wqmsrwkhae] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* Body - takes remaining space */
.document-viewer-body[b-wqmsrwkhae] {
    flex: 1;
    overflow: hidden;
    position: relative;
    min-height: 0;
}

.document-viewer-iframe[b-wqmsrwkhae] {
    width: 100%;
    height: 100%;
    border: none;
}

/* Footer - always visible */
.document-viewer-footer[b-wqmsrwkhae] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: #f8f9fa;
    border-top: 1px solid #dee2e6;
    flex-shrink: 0;
}

/* Text editor styles */
.document-viewer-body textarea[b-wqmsrwkhae] {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.875rem;
    line-height: 1.5;
    tab-size: 4;
}

.document-viewer-body textarea:focus[b-wqmsrwkhae] {
    outline: none;
    box-shadow: none;
}

/* Video container */
.document-viewer-body video[b-wqmsrwkhae] {
    max-height: 100%;
    max-width: 100%;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .document-viewer-modal:not(.fullscreen)[b-wqmsrwkhae] {
        width: 95%;
        height: 90vh;
    }
    
    .document-viewer-filename[b-wqmsrwkhae] {
        max-width: 200px;
    }
}
/* /Components/Shared/DropzoneUpload.razor.rz.scp.css */
/* DropzoneUpload styles */
#ExaminexDropzone[b-xhr4h4t7t2] { min-height: 80px !important; }
#ExaminexDropzone.dz-drag-hover[b-xhr4h4t7t2] { border: 2px dashed green; background-color: #f6fff6; }
.dz-preview.dz-file-preview[b-xhr4h4t7t2] { background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; padding: .5rem .75rem; position: relative; }
.dz-preview .progress[b-xhr4h4t7t2] { background: #f1f1f1; }
#totalUploadProgress.progress[b-xhr4h4t7t2] { height: 6px; background: #f1f1f1; margin-top: .5rem; }
/* /Components/Shared/FileList.razor.rz.scp.css */
/* FileList component styles */

/* Container */
.file-list-container[b-wt6x27qlcm] {
    padding: 0;
}

/* Toolbar with search */
.file-list-toolbar[b-wt6x27qlcm] {
    padding: 0;
}

/* Search clear button */
.btn-search-clear[b-wt6x27qlcm] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 4px 6px;
    cursor: pointer;
    color: #94a3b8;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.btn-search-clear:hover[b-wt6x27qlcm] {
    color: #64748b;
    background-color: #f1f5f9;
}

/* Grid Container */
.files-grid-container[b-wt6x27qlcm] {
    width: 100%;
}

/* Header Row */
.files-header-row[b-wt6x27qlcm] {
    display: grid;
    grid-template-columns: 1fr 120px 80px 180px 100px;
    background: #f8fafc;
    border-bottom: 2px solid #e2e8f0;
}

/* Header row with admin columns */
.files-grid-container.with-admin-columns .files-header-row[b-wt6x27qlcm] {
    grid-template-columns: 1fr 120px 100px 80px 90px 180px 100px;
}

.header-cell[b-wt6x27qlcm] {
    font-weight: 600;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
    padding: 0.75rem 0.5rem;
    white-space: nowrap;
}

.header-cell.cell-name[b-wt6x27qlcm] {
    padding-left: 0.75rem;
}

.header-cell.cell-actions[b-wt6x27qlcm] {
    text-align: right;
    padding-right: 0.75rem;
}

/* Sortable Headers */
.sortable-header[b-wt6x27qlcm] {
    cursor: pointer;
    user-select: none;
    transition: all 0.1s ease;
}

.sortable-header:hover[b-wt6x27qlcm] {
    background-color: #f1f5f9;
    color: #334155;
}

.sortable-header.active[b-wt6x27qlcm] {
    background-color: rgba(var(--bs-primary-rgb), 0.06);
    color: var(--bs-primary);
}

.sort-icon[b-wt6x27qlcm] {
    opacity: 0.3;
    margin-left: 3px;
    font-size: 0.6875rem;
}

.sort-icon.active[b-wt6x27qlcm] {
    opacity: 1;
    color: var(--bs-primary);
}

/* Virtualized Table Layout */
.virtualized-table-body[b-wt6x27qlcm] {
    overflow-y: auto;
    overflow-x: hidden;
}

/* Grid layout for virtual rows - NON-ADMIN (no visibility/download columns) */
.file-row-virtual[b-wt6x27qlcm] {
    display: grid;
    grid-template-columns: 1fr 120px 80px 180px 100px;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background-color 0.1s ease;
    min-height: 48px;
}

/* Grid layout WITH admin columns */
.files-grid-container.with-admin-columns .file-row-virtual[b-wt6x27qlcm] {
    grid-template-columns: 1fr 120px 100px 80px 90px 180px 100px;
}

.file-row-virtual:nth-child(even)[b-wt6x27qlcm] {
    background-color: #fafbfc;
}

.file-row-virtual:hover[b-wt6x27qlcm] {
    background-color: #f1f5f9 !important;
}

.file-row-virtual.processing[b-wt6x27qlcm] {
    background-color: #fffbeb;
}

.file-row-virtual .cell[b-wt6x27qlcm] {
    padding: 0.25rem 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Cell-specific styles */
.cell-name[b-wt6x27qlcm] {
    padding-left: 0.75rem !important;
    min-width: 0;
}

.cell-name .d-flex[b-wt6x27qlcm] {
    min-width: 0;
}

.file-icon[b-wt6x27qlcm] {
    font-size: 1.25rem;
    width: 1.5rem;
    text-align: center;
}

.file-name[b-wt6x27qlcm] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.875rem;
    min-width: 0;
    flex: 1;
}

.cell-modified[b-wt6x27qlcm] {
    white-space: nowrap;
}

.date-main[b-wt6x27qlcm] {
    font-weight: 500;
    color: #475569;
    font-size: 0.75rem;
}

.cell-size[b-wt6x27qlcm] {
    white-space: nowrap;
}

.file-size[b-wt6x27qlcm] {
    font-size: 0.75rem;
    color: #64748b;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
}

.cell-owner[b-wt6x27qlcm] {
    min-width: 0;
}

.owner-name[b-wt6x27qlcm] {
    font-size: 0.8125rem;
    color: #475569;
    max-width: 140px;
}

/* Visibility buttons */
.cell-visibility[b-wt6x27qlcm] {
    white-space: nowrap;
}

.visibility-btn[b-wt6x27qlcm] {
    background: none;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    padding: 2px 4px;
    cursor: pointer;
    transition: all 0.15s ease;
    font-size: 1rem;
}

.visibility-btn:hover[b-wt6x27qlcm] {
    background-color: #f1f5f9;
    border-color: #cbd5e1;
}

.visibility-btn.active[b-wt6x27qlcm] {
    background-color: #f0fdf4;
    border-color: #86efac;
}

.visibility-btn i[b-wt6x27qlcm] {
    font-size: 0.875rem;
}

/* Download toggle button */
.cell-download[b-wt6x27qlcm] {
    white-space: nowrap;
}

.download-toggle-btn[b-wt6x27qlcm] {
    background: none;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    padding: 4px 8px;
    cursor: pointer;
    transition: all 0.15s ease;
    color: #94a3b8;
}

.download-toggle-btn:hover[b-wt6x27qlcm] {
    background-color: #f1f5f9;
    border-color: #cbd5e1;
}

.download-toggle-btn.enabled[b-wt6x27qlcm] {
    background-color: #f0fdf4;
    border-color: #86efac;
    color: #16a34a;
}

.download-toggle-btn i[b-wt6x27qlcm] {
    font-size: 1rem;
}

/* Action buttons */
.cell-actions[b-wt6x27qlcm] {
    text-align: right;
    padding-right: 0.75rem !important;
}

.action-buttons[b-wt6x27qlcm] {
    display: flex;
    gap: 4px;
    justify-content: flex-end;
}

.action-btn[b-wt6x27qlcm] {
    background: none;
    border: none;
    padding: 4px 6px;
    cursor: pointer;
    color: #64748b;
    border-radius: 4px;
    transition: all 0.15s ease;
}

.action-btn:hover[b-wt6x27qlcm] {
    background-color: #f1f5f9;
    color: #334155;
}

.action-btn.text-danger:hover[b-wt6x27qlcm] {
    background-color: #fef2f2;
    color: #dc2626;
}

.action-btn.text-info:hover[b-wt6x27qlcm] {
    background-color: #f0f9ff;
    color: #0284c7;
}

.action-btn i[b-wt6x27qlcm] {
    font-size: 1rem;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .files-header-row[b-wt6x27qlcm],
    .file-row-virtual[b-wt6x27qlcm] {
        grid-template-columns: 1fr 100px 70px 120px 80px;
    }
    
    .files-grid-container.with-admin-columns .files-header-row[b-wt6x27qlcm],
    .files-grid-container.with-admin-columns .file-row-virtual[b-wt6x27qlcm] {
        grid-template-columns: 1fr 100px 90px 70px 70px 120px 80px;
    }
}

@media (max-width: 992px) {
    .files-header-row[b-wt6x27qlcm],
    .file-row-virtual[b-wt6x27qlcm] {
        grid-template-columns: 1fr 100px 70px 80px;
    }
    
    .files-grid-container.with-admin-columns .files-header-row[b-wt6x27qlcm],
    .files-grid-container.with-admin-columns .file-row-virtual[b-wt6x27qlcm] {
        grid-template-columns: 1fr 100px 70px 80px;
    }
    
    .cell-visibility[b-wt6x27qlcm],
    .cell-download[b-wt6x27qlcm],
    .cell-owner[b-wt6x27qlcm],
    .header-cell.cell-visibility[b-wt6x27qlcm],
    .header-cell.cell-download[b-wt6x27qlcm],
    .header-cell.cell-owner[b-wt6x27qlcm] {
        display: none;
    }
}

@media (max-width: 768px) {
    .files-header-row[b-wt6x27qlcm],
    .file-row-virtual[b-wt6x27qlcm],
    .files-grid-container.with-admin-columns .files-header-row[b-wt6x27qlcm],
    .files-grid-container.with-admin-columns .file-row-virtual[b-wt6x27qlcm] {
        grid-template-columns: 1fr 70px 60px;
    }
    
    .cell-modified[b-wt6x27qlcm],
    .header-cell.cell-modified[b-wt6x27qlcm] {
        display: none;
    }
}
/* /Components/Shared/LockTimerDisplay.razor.rz.scp.css */
/* LockTimerDisplay styles extracted from component */
.lock-timer-container[b-dugpse6qhz]{padding:0.5rem 0.75rem;margin:0 0.5rem 0.5rem 0.5rem;background:rgba(var(--ct-secondary-rgb,108,117,125),0.06);border-radius:8px;transition:all 0.3s ease}
.lock-timer-container.timer-reset[b-dugpse6qhz]{animation:timerPulse-b-dugpse6qhz 0.5s ease-out}
@keyframes timerPulse-b-dugpse6qhz{0%{background:rgba(var(--ct-success-rgb,40,167,69),0.2);transform:scale(1.01)}100%{background:rgba(var(--ct-secondary-rgb,108,117,125),0.06);transform:scale(1)}}
.lock-timer-inner[b-dugpse6qhz]{display:flex;align-items:center;gap:0.5rem}
.timer-icon[b-dugpse6qhz]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ct-tertiary-bg);flex-shrink:0}
.timer-icon i[b-dugpse6qhz]{font-size:0.625rem;color:var(--ct-secondary-color);transition:color 0.2s}
.lock-timer-container.timer-warning .timer-icon[b-dugpse6qhz]{background:rgba(var(--ct-warning-rgb,255,193,7),0.15)}
.lock-timer-container.timer-warning .timer-icon i[b-dugpse6qhz]{color:var(--ct-warning)}
.lock-timer-container.timer-danger .timer-icon[b-dugpse6qhz]{background:rgba(var(--ct-danger-rgb,220,53,69),0.15)}
.lock-timer-container.timer-danger .timer-icon i[b-dugpse6qhz]{color:var(--ct-danger);animation:iconPulse-b-dugpse6qhz 1s ease-in-out infinite}
@keyframes iconPulse-b-dugpse6qhz{0%,100%{opacity:1}50%{opacity:0.5}}
.timer-display[b-dugpse6qhz]{flex:1;display:flex;flex-direction:column;line-height:1.2}
.timer-label[b-dugpse6qhz]{font-size:0.625rem;color:var(--ct-secondary-color);text-transform:uppercase;letter-spacing:0.03em}
.timer-value[b-dugpse6qhz]{font-size:0.8125rem;font-weight:600;font-family:'SF Mono',SFMono-Regular,ui-monospace,Menlo,Monaco,monospace;color:var(--ct-body-color);letter-spacing:0.02em}
.lock-timer-container.timer-warning .timer-value[b-dugpse6qhz]{color:var(--ct-warning)}
.lock-timer-container.timer-danger .timer-value[b-dugpse6qhz]{color:var(--ct-danger)}
.timer-progress[b-dugpse6qhz]{width:4px;height:28px;background:var(--ct-tertiary-bg);border-radius:2px;overflow:hidden;flex-shrink:0;position:relative}
.timer-progress-bar[b-dugpse6qhz]{width:100%;background:var(--ct-success);border-radius:2px;transition:height 1s linear, background-color 0.3s;position:absolute;bottom:0;height:100%;left:0;right:0}
.lock-timer-container.timer-warning .timer-progress-bar[b-dugpse6qhz]{background:var(--ct-warning)}
.lock-timer-container.timer-danger .timer-progress-bar[b-dugpse6qhz]{background:var(--ct-danger)}
[data-sidenav-size="condensed"] .lock-timer-container[b-dugpse6qhz],[data-sidenav-size="sm-hover"]:not(:hover) .lock-timer-container[b-dugpse6qhz]{padding:0.375rem;margin:0 0.25rem 0.25rem}
[data-sidenav-size="condensed"] .timer-display[b-dugpse6qhz],[data-sidenav-size="condensed"] .timer-progress[b-dugpse6qhz],[data-sidenav-size="sm-hover"]:not(:hover) .timer-display[b-dugpse6qhz],[data-sidenav-size="sm-hover"]:not(:hover) .timer-progress[b-dugpse6qhz]{display:none}
[data-sidenav-size="condensed"] .lock-timer-inner[b-dugpse6qhz],[data-sidenav-size="sm-hover"]:not(:hover) .lock-timer-inner[b-dugpse6qhz]{justify-content:center}
[data-sidenav-size="sm-hover"] .leftside-menu:hover .timer-display[b-dugpse6qhz],[data-sidenav-size="sm-hover"] .leftside-menu:hover .timer-progress[b-dugpse6qhz]{display:flex}
/* /Components/Shared/LogoSelectionModal.razor.rz.scp.css */
.logo-result-card[b-qmotjodw96] {
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.logo-result-card:hover[b-qmotjodw96] {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.logo-result-card.border-primary[b-qmotjodw96] {
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
}
/* /Components/Shared/NotificationBell.razor.rz.scp.css */
/* Notification Bell Container */
.notification-bell-container[b-ab2qrdiqdu] {
    position: relative;
    display: inline-block;
}

/* Bell Icon */
.notification-bell[b-ab2qrdiqdu] {
    position: relative;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification-bell:hover[b-ab2qrdiqdu] {
    background-color: rgba(255, 255, 255, 0.1);
}

.notification-bell i[b-ab2qrdiqdu] {
    font-size: 18px;
    color: var(--bs-body-color, #6c757d);
    transition: transform 0.2s ease;
}

.notification-bell:hover i[b-ab2qrdiqdu] {
    transform: scale(1.1);
}

/* Shimmer Animation */
.notification-bell.shimmer[b-ab2qrdiqdu] {
    animation: bell-shimmer-b-ab2qrdiqdu 0.5s ease-in-out 3;
}

.notification-bell.shimmer i[b-ab2qrdiqdu] {
    animation: bell-ring-b-ab2qrdiqdu 0.5s ease-in-out 3;
    color: var(--bs-warning, #ffc107);
}

@keyframes bell-shimmer-b-ab2qrdiqdu {
    0%, 100% {
        background-color: transparent;
    }
    50% {
        background-color: rgba(255, 193, 7, 0.2);
    }
}

@keyframes bell-ring-b-ab2qrdiqdu {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(15deg);
    }
    50% {
        transform: rotate(-15deg);
    }
    75% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

/* Notification Badge */
.notification-badge[b-ab2qrdiqdu] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    font-size: 10px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    color: #fff;
    background-color: var(--bs-danger, #dc3545);
    border-radius: 10px;
    animation: badge-pulse-b-ab2qrdiqdu 2s infinite;
}

@keyframes badge-pulse-b-ab2qrdiqdu {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

/* Dropdown */
.notification-dropdown[b-ab2qrdiqdu] {
    position: absolute;
    top: 100%;
    right: 0;
    width: 360px;
    max-height: 480px;
    background-color: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    z-index: 1050;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Dropdown Header */
.notification-header[b-ab2qrdiqdu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    background-color: var(--bs-tertiary-bg, #f8f9fa);
}

.notification-title[b-ab2qrdiqdu] {
    font-weight: 600;
    font-size: 14px;
    color: var(--bs-body-color, #212529);
}

.btn-mark-all[b-ab2qrdiqdu] {
    background: none;
    border: none;
    color: var(--bs-primary, #0d6efd);
    font-size: 12px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.btn-mark-all:hover:not(:disabled)[b-ab2qrdiqdu] {
    background-color: var(--bs-primary-bg-subtle, #cfe2ff);
}

.btn-mark-all:disabled[b-ab2qrdiqdu] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Notification List */
.notification-list[b-ab2qrdiqdu] {
    flex: 1;
    overflow-y: auto;
    max-height: 360px;
}

/* Notification Item */
.notification-item[b-ab2qrdiqdu] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    cursor: pointer;
    border-bottom: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.05));
    transition: background-color 0.15s ease;
    position: relative;
}

.notification-item:hover[b-ab2qrdiqdu] {
    background-color: var(--bs-tertiary-bg, #f8f9fa);
}

.notification-item.unread[b-ab2qrdiqdu] {
    background-color: var(--bs-info-bg-subtle, #cff4fc);
}

.notification-item.unread:hover[b-ab2qrdiqdu] {
    background-color: var(--bs-info-bg-subtle, #b6effb);
}

.notification-icon[b-ab2qrdiqdu] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bs-secondary-bg, #e9ecef);
    border-radius: 50%;
}

.notification-icon i[b-ab2qrdiqdu] {
    font-size: 14px;
}

.notification-content[b-ab2qrdiqdu] {
    flex: 1;
    min-width: 0;
}

.notification-item-title[b-ab2qrdiqdu] {
    font-weight: 500;
    font-size: 13px;
    color: var(--bs-body-color, #212529);
    margin-bottom: 2px;
    line-height: 1.3;
}

.notification-message[b-ab2qrdiqdu] {
    font-size: 12px;
    color: var(--bs-secondary-color, #6c757d);
    margin-bottom: 4px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-time[b-ab2qrdiqdu] {
    font-size: 11px;
    color: var(--bs-tertiary-color, #adb5bd);
}

.notification-unread-dot[b-ab2qrdiqdu] {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background-color: var(--bs-primary, #0d6efd);
    border-radius: 50%;
}

/* Empty and Loading States */
.notification-empty[b-ab2qrdiqdu],
.notification-loading[b-ab2qrdiqdu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: var(--bs-secondary-color, #6c757d);
}

.notification-empty i[b-ab2qrdiqdu],
.notification-loading i[b-ab2qrdiqdu] {
    font-size: 32px;
    margin-bottom: 12px;
    opacity: 0.5;
}

.notification-empty span[b-ab2qrdiqdu],
.notification-loading span[b-ab2qrdiqdu] {
    font-size: 13px;
}

/* Footer */
.notification-footer[b-ab2qrdiqdu] {
    padding: 12px 16px;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
    text-align: center;
    background-color: var(--bs-tertiary-bg, #f8f9fa);
}

.view-all-link[b-ab2qrdiqdu] {
    color: var(--bs-primary, #0d6efd);
    font-size: 13px;
    text-decoration: none;
    font-weight: 500;
}

.view-all-link:hover[b-ab2qrdiqdu] {
    text-decoration: underline;
}

/* Overlay for closing dropdown */
.notification-overlay[b-ab2qrdiqdu] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .notification-dropdown[b-ab2qrdiqdu] {
        position: fixed;
        top: 60px;
        right: 10px;
        left: 10px;
        width: auto;
        max-height: calc(100vh - 80px);
    }
}
/* /Components/Shared/QuestionRow.razor.rz.scp.css */
/* QuestionRow styles */
.question-row .help-toggle[b-7angkwh4t9] { position: absolute; right: 12px; top: 12px; line-height: 1; }
.question-row .help-toggle:hover .mdi[b-7angkwh4t9] { filter: brightness(0.9); }
/* /Components/Shared/SectionCard.razor.rz.scp.css */
/* SectionCard component styles */
.section-card[b-qbfg3qc1wm] {
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    margin-bottom: 1rem;
    border: 1px solid #e9ecef;
}

.section-card-header[b-qbfg3qc1wm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1.25rem 0.3rem;
    border-bottom: 1px solid #f0f2f5;
}

.section-card-title[b-qbfg3qc1wm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
}

.section-card-icon[b-qbfg3qc1wm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    color: #fff;
    font-size: 1rem;
}

.section-card-title-text[b-qbfg3qc1wm] {
    margin: 0;
}

.section-card-actions[b-qbfg3qc1wm] {
    display: flex;
    align-items: center;
}

.section-card-menu-btn[b-qbfg3qc1wm] {
    padding: 0.25rem 0.5rem;
    color: #94a3b8;
    border: none;
    background: transparent;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 0.15s ease-in-out;
}

.section-card-menu-btn:hover[b-qbfg3qc1wm] {
    color: #64748b;
}

.section-card-body[b-qbfg3qc1wm] {
    padding: 1.25rem;
}

.section-card-body fieldset[b-qbfg3qc1wm] {
    border: none;
    margin: 0;
    padding: 0;
}

/* Form styling within cards */
.section-card-body .form-label[b-qbfg3qc1wm] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #64748b;
    margin-bottom: 0.375rem;
}

.section-card-body .form-label.required[b-qbfg3qc1wm]::after {
    content: " *";
    color: #ef4444;
}

.section-card-body .form-control[b-qbfg3qc1wm],
.section-card-body .form-select[b-qbfg3qc1wm] {
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    color: #334155;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.section-card-body .form-control:focus[b-qbfg3qc1wm],
.section-card-body .form-select:focus[b-qbfg3qc1wm] {
    background-color: #fff;
    border-color: #4a90a4;
    box-shadow: 0 0 0 0.2rem rgba(74, 144, 164, 0.15);
}

.section-card-body .form-control:disabled[b-qbfg3qc1wm],
.section-card-body .form-select:disabled[b-qbfg3qc1wm],
.section-card-body .form-control[readonly][b-qbfg3qc1wm],
.section-card-body .form-select[readonly][b-qbfg3qc1wm] {
    background-color: #f8fafc;
    color: #64748b;
    cursor: not-allowed;
}

.section-card-body .input-group-text[b-qbfg3qc1wm] {
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-right: none;
    color: #64748b;
    font-size: 0.875rem;
}

.section-card-body .input-group .form-control[b-qbfg3qc1wm] {
    border-left: none;
}

/* Specialist avatar styling */
.section-card-body .specialist-inline[b-qbfg3qc1wm] {
    display: flex;
    align-items: center;
}

.section-card-body .specialist-avatar-sm[b-qbfg3qc1wm] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.section-card-body .specialist-avatar-initial[b-qbfg3qc1wm] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
}
/* /Components/Shared/SeraChat.razor.rz.scp.css */
/* ============================================
   Sera Chat - Modern AI Assistant Styling
   ============================================ */

/* Floating container - button first in DOM, appears at bottom due to column-reverse */
.sera-floating-chat[b-71w9foxdh1] {
    position: fixed;
    bottom: 0.25rem;
    right: 1.5rem;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.75rem;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Toggle button */
.sera-chat-toggle[b-71w9foxdh1] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    background: linear-gradient(135deg, #5c6bc0 0%, #7c4dff 100%);
    padding: 3px;
    box-shadow: 0 8px 32px rgba(92,107,192,0.4);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: visible;
    flex-shrink: 0;
}

.sera-chat-toggle:hover[b-71w9foxdh1] {
    transform: scale(1.08);
    box-shadow: 0 12px 40px rgba(92,107,192,0.5);
}

.sera-chat-toggle:active[b-71w9foxdh1] {
    transform: scale(0.95);
}

.sera-toggle-active[b-71w9foxdh1] {
    box-shadow: 0 4px 20px rgba(92,107,192,0.3);
}

.sera-avatar[b-71w9foxdh1] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
}

.sera-avatar img[b-71w9foxdh1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Pulse animation */
.sera-pulse[b-71w9foxdh1] {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #5c6bc0;
    animation: sera-pulse-ring-b-71w9foxdh1 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    pointer-events: none;
}

@keyframes sera-pulse-ring-b-71w9foxdh1 {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }
    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

/* Chat window */
.sera-chat-window[b-71w9foxdh1] {
    background: #1e293b;
    width: 380px;
    max-width: calc(100vw - 2rem);
    height: 520px;
    max-height: calc(100vh - 120px);
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.1);
    animation: sera-slide-up-b-71w9foxdh1 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin-bottom: 0.75rem;
}

@keyframes sera-slide-up-b-71w9foxdh1 {
    0% {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Header */
.sera-chat-header[b-71w9foxdh1] {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #f8fafc;
    padding: 0.875rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    flex-shrink: 0;
}

.sera-header-content[b-71w9foxdh1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.sera-header-avatar[b-71w9foxdh1] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #5c6bc0;
    flex-shrink: 0;
}

.sera-header-avatar img[b-71w9foxdh1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sera-header-info[b-71w9foxdh1] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.sera-title[b-71w9foxdh1] {
    font-weight: 600;
    font-size: 0.95rem;
    color: #f8fafc;
    line-height: 1.2;
}

.sera-subtitle[b-71w9foxdh1] {
    font-size: 0.7rem;
    color: #94a3b8;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.sera-subtitle[b-71w9foxdh1]::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #22c55e;
    border-radius: 50%;
    animation: sera-online-pulse-b-71w9foxdh1 2s ease-in-out infinite;
}

@keyframes sera-online-pulse-b-71w9foxdh1 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.sera-header-actions[b-71w9foxdh1] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.sera-header-btn[b-71w9foxdh1] {
    background: rgba(255,255,255,0.05);
    border: none;
    color: #94a3b8;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.sera-header-btn:hover[b-71w9foxdh1] {
    background: rgba(255,255,255,0.1);
    color: #f8fafc;
}

.sera-header-btn i[b-71w9foxdh1] {
    font-size: 1.1rem;
}

.sera-chat-close[b-71w9foxdh1] {
    background: rgba(255,255,255,0.05);
    border: none;
    color: #94a3b8;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.sera-chat-close:hover[b-71w9foxdh1] {
    background: rgba(255,255,255,0.1);
    color: #f8fafc;
}

.sera-chat-close i[b-71w9foxdh1] {
    font-size: 1.25rem;
}

/* Chat body */
.sera-chat-body[b-71w9foxdh1] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 0.9rem;
    background: #1e293b;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Custom scrollbar */
.sera-chat-body[b-71w9foxdh1]::-webkit-scrollbar {
    width: 6px;
}

.sera-chat-body[b-71w9foxdh1]::-webkit-scrollbar-track {
    background: transparent;
}

.sera-chat-body[b-71w9foxdh1]::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.15);
    border-radius: 3px;
}

.sera-chat-body[b-71w9foxdh1]::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.25);
}

/* Welcome state */
.sera-welcome[b-71w9foxdh1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem 1rem;
    gap: 1rem;
    flex: 1;
}

.sera-welcome-avatar[b-71w9foxdh1] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #5c6bc0;
    box-shadow: 0 8px 32px rgba(92,107,192,0.3);
}

.sera-welcome-avatar img[b-71w9foxdh1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sera-welcome-text[b-71w9foxdh1] {
    color: #94a3b8;
    font-size: 0.95rem;
    line-height: 1.5;
    max-width: 280px;
    margin: 0;
}

/* Messages */
.sera-message[b-71w9foxdh1] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    animation: sera-message-in-b-71w9foxdh1 0.25s ease-out;
}

@keyframes sera-message-in-b-71w9foxdh1 {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.sera-message-user[b-71w9foxdh1] {
    flex-direction: row-reverse;
}

.sera-message-avatar[b-71w9foxdh1] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
}

.sera-message-avatar img[b-71w9foxdh1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sera-message-content[b-71w9foxdh1] {
    max-width: 75%;
    min-width: 0;
}

.sera-message-bubble[b-71w9foxdh1] {
    padding: 0.75rem 1rem;
    border-radius: 12px;
    line-height: 1.5;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.sera-message-bot .sera-message-bubble[b-71w9foxdh1] {
    background: rgba(255,255,255,0.08);
    color: #f8fafc;
    border-bottom-left-radius: 4px;
}

.sera-message-user .sera-message-bubble[b-71w9foxdh1] {
    background: linear-gradient(135deg, #5c6bc0 0%, #7c4dff 100%);
    color: #fff;
    border-bottom-right-radius: 4px;
}

/* Thinking animation */
.sera-thinking-bubble[b-71w9foxdh1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: rgba(255,255,255,0.08);
    border-radius: 12px;
    border-bottom-left-radius: 4px;
}

.sera-thinking-dots[b-71w9foxdh1] {
    display: flex;
    gap: 4px;
}

.sera-thinking-dots span[b-71w9foxdh1] {
    width: 8px;
    height: 8px;
    background: #7986cb;
    border-radius: 50%;
    animation: sera-bounce-b-71w9foxdh1 1.4s ease-in-out infinite;
}

.sera-thinking-dots span:nth-child(1)[b-71w9foxdh1] {
    animation-delay: 0s;
}

.sera-thinking-dots span:nth-child(2)[b-71w9foxdh1] {
    animation-delay: 0.2s;
}

.sera-thinking-dots span:nth-child(3)[b-71w9foxdh1] {
    animation-delay: 0.4s;
}

@keyframes sera-bounce-b-71w9foxdh1 {
    0%, 60%, 100% {
        transform: translateY(0);
        opacity: 0.6;
    }
    30% {
        transform: translateY(-8px);
        opacity: 1;
    }
}

.sera-thinking-text[b-71w9foxdh1] {
    color: #94a3b8;
    font-size: 0.85rem;
    font-style: italic;
}

/* Queue waiting state */
.sera-queued-bubble[b-71w9foxdh1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: rgba(251,191,36,0.1);
    border: 1px solid rgba(251,191,36,0.25);
    border-radius: 12px;
    border-bottom-left-radius: 4px;
}

.sera-queue-icon[b-71w9foxdh1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(251,191,36,0.2);
    border-radius: 50%;
    flex-shrink: 0;
}

.sera-queue-icon i[b-71w9foxdh1] {
    font-size: 1.1rem;
    color: #fbbf24;
    animation: sera-clock-pulse-b-71w9foxdh1 2s ease-in-out infinite;
}

@keyframes sera-clock-pulse-b-71w9foxdh1 {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.6;
        transform: scale(0.95);
    }
}

.sera-queue-info[b-71w9foxdh1] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.sera-queue-title[b-71w9foxdh1] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #fbbf24;
}

.sera-queue-position[b-71w9foxdh1] {
    font-size: 0.75rem;
    color: #94a3b8;
    line-height: 1.3;
}

/* Streaming response */
.sera-streaming[b-71w9foxdh1] {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.sera-typing-cursor[b-71w9foxdh1] {
    display: inline-block;
    width: 2px;
    height: 1em;
    background: #7986cb;
    margin-left: 1px;
    vertical-align: text-bottom;
    animation: sera-cursor-blink-b-71w9foxdh1 0.6s step-end infinite;
}

@keyframes sera-cursor-blink-b-71w9foxdh1 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* Error message */
.sera-error-message[b-71w9foxdh1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: rgba(239,68,68,0.15);
    color: #fca5a5;
    border-radius: 12px;
    font-size: 0.85rem;
    border: 1px solid rgba(239,68,68,0.3);
}

.sera-error-message i[b-71w9foxdh1] {
    font-size: 1.1rem;
    color: #ef4444;
}

/* Footer */
.sera-chat-footer[b-71w9foxdh1] {
    padding: 0.75rem;
    background: #0f172a;
    border-top: 1px solid rgba(255,255,255,0.1);
    flex-shrink: 0;
}

.sera-input-container[b-71w9foxdh1] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    background: rgba(255,255,255,0.05);
    border-radius: 12px;
    padding: 0.5rem;
    border: 1px solid rgba(255,255,255,0.1);
    transition: border-color 0.2s ease;
    width: 100%;
}

.sera-input-container:focus-within[b-71w9foxdh1] {
    border-color: #5c6bc0;
}

.sera-input[b-71w9foxdh1] {
    flex: 1;
    resize: none;
    font-size: 0.9rem;
    border: none;
    background: transparent;
    color: #f8fafc;
    padding: 0.5rem;
    outline: none;
    max-height: 100px;
    overflow-y: auto;
    font-family: inherit;
    line-height: 1.4;
    min-width: 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.15) transparent;
}

.sera-input[b-71w9foxdh1]::-webkit-scrollbar {
    width: 6px;
}

.sera-input[b-71w9foxdh1]::-webkit-scrollbar-track {
    background: transparent;
}

.sera-input[b-71w9foxdh1]::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.15);
    border-radius: 3px;
}

.sera-input[b-71w9foxdh1]::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.25);
}

.sera-input[b-71w9foxdh1]::placeholder {
    color: #94a3b8;
}

.sera-input:disabled[b-71w9foxdh1] {
    opacity: 0.5;
    cursor: not-allowed;
}

.sera-send-btn[b-71w9foxdh1] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #5c6bc0 0%, #7c4dff 100%);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.sera-send-btn:hover:not(:disabled)[b-71w9foxdh1] {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(92,107,192,0.4);
}

.sera-send-btn:active:not(:disabled)[b-71w9foxdh1] {
    transform: scale(0.95);
}

.sera-send-btn:disabled[b-71w9foxdh1] {
    opacity: 0.4;
    cursor: not-allowed;
}

.sera-send-btn i[b-71w9foxdh1] {
    font-size: 1rem;
}

/* Markdown styling */
.sera-chat-body p[b-71w9foxdh1] {
    margin: 0.25rem 0;
}

.sera-chat-body ul[b-71w9foxdh1],
.sera-chat-body ol[b-71w9foxdh1] {
    margin: 0.5rem 0;
    padding-left: 1.25rem;
}

.sera-chat-body li[b-71w9foxdh1] {
    margin-bottom: 0.25rem;
}

.sera-chat-body code[b-71w9foxdh1] {
    background: rgba(255,255,255,0.1);
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    font-size: 0.85em;
    font-family: 'Fira Code', 'Consolas', monospace;
}

.sera-chat-body pre[b-71w9foxdh1] {
    margin: 0.5rem 0;
    background: rgba(0,0,0,0.3);
    border-radius: 8px;
    overflow: hidden;
}

.sera-chat-body pre code[b-71w9foxdh1] {
    display: block;
    padding: 0.75rem 1rem;
    background: transparent;
    overflow-x: auto;
    line-height: 1.5;
}

.sera-chat-body strong[b-71w9foxdh1] {
    color: #f8fafc;
    font-weight: 600;
}

.sera-chat-body a[b-71w9foxdh1] {
    color: #7986cb;
    text-decoration: none;
}

.sera-chat-body a:hover[b-71w9foxdh1] {
    text-decoration: underline;
}

/* Mobile adjustments */
@media (max-width: 575.98px) {
    .sera-floating-chat[b-71w9foxdh1] {
        bottom: 1rem;
        right: 1rem;
    }

    .sera-chat-window[b-71w9foxdh1] {
        width: calc(100vw - 2rem);
        height: calc(100vh - 100px);
        max-height: none;
        border-radius: 16px 16px 0 0;
        margin-bottom: 0.5rem;
    }

    .sera-chat-toggle[b-71w9foxdh1] {
        width: 56px;
        height: 56px;
    }
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .sera-chat-window[b-71w9foxdh1],
    .sera-message[b-71w9foxdh1],
    .sera-chat-toggle[b-71w9foxdh1],
    .sera-send-btn[b-71w9foxdh1] {
        animation: none;
        transition: none;
    }

    .sera-thinking-dots span[b-71w9foxdh1] {
        animation: none;
        opacity: 0.8;
    }

    .sera-pulse[b-71w9foxdh1] {
        animation: none;
        display: none;
    }
}

/* High contrast preference */
@media (prefers-contrast: more) {
    .sera-chat-window[b-71w9foxdh1] {
        border: 2px solid #f8fafc;
    }

    .sera-message-bubble[b-71w9foxdh1] {
        border: 1px solid currentColor;
    }
}
/* /Components/Shared/SpecialistAvailabilitySearch.razor.rz.scp.css */
/* SpecialistAvailabilitySearch styles extracted */
.specialist-search-container[b-8zox0dwv67] { width: 100%; }
.search-criteria-section[b-8zox0dwv67] { border-radius: 6px; overflow: hidden; margin-bottom: 0.75rem; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.search-header[b-8zox0dwv67] { padding: 0.5rem 0.75rem; font-size: 0.875rem; font-weight: 500; }
.search-body[b-8zox0dwv67] { padding: 0.75rem; }
.duration-buttons[b-8zox0dwv67] { display:flex; gap:2px; }
.dur-btn[b-8zox0dwv67] { flex:1; padding:0.375rem 0.25rem; border:1px solid #dee2e6; background:#fff; font-size:0.75rem; font-weight:500; color:#495057; cursor:pointer; transition: all 0.15s ease; }
.dur-btn:first-child[b-8zox0dwv67] { border-radius:4px 0 0 4px; }
.dur-btn:last-child[b-8zox0dwv67] { border-radius:0 4px 4px 0; }
.dur-btn:hover[b-8zox0dwv67] { background:#e9ecef; }
.dur-btn.active[b-8zox0dwv67] { background:#0d6efd; border-color:#0d6efd; color:#fff; }
.results-section[b-8zox0dwv67] { border-radius:6px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.08); }
.results-header[b-8zox0dwv67] { padding:0.5rem 0.75rem; display:flex; justify-content:space-between; align-items:center; font-weight:500; font-size:0.875rem; }
.specialists-panel[b-8zox0dwv67] { border-right:1px solid rgba(0,0,0,0.08); }
.specialists-list[b-8zox0dwv67] { max-height:400px; overflow-y:auto; }
.specialist-card[b-8zox0dwv67] { padding:0.75rem; border-bottom:1px solid rgba(0,0,0,0.06); cursor:pointer; transition:all 0.2s ease; position:relative; border-left:3px solid transparent; }
.specialist-card:hover[b-8zox0dwv67] { background: rgba(13,110,253,0.03); border-left-color: rgba(13,110,253,0.3); }
.specialist-card.selected[b-8zox0dwv67] { background: linear-gradient(to right, rgba(13,110,253,0.08), rgba(13,110,253,0.02)); border-left:4px solid; border-left-color:#0d6efd; box-shadow:0 2px 8px rgba(13,110,253,0.15); padding-left:calc(0.75rem - 1px); }
.specialist-card-content[b-8zox0dwv67] { display:flex; align-items:center; gap:0.625rem; }
.specialist-icon[b-8zox0dwv67] { width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.875rem; font-weight:600; flex-shrink:0; transition:all 0.2s ease; background: rgba(13,110,253,0.1); color:#0d6efd; }
.specialist-icon.selected[b-8zox0dwv67] { background:#0d6efd; color:white; box-shadow:0 2px 6px rgba(13,110,253,0.3); }
.specialist-initials[b-8zox0dwv67] { font-size:0.875rem; font-weight:600; letter-spacing:0.5px; }
.specialist-photo[b-8zox0dwv67] { width:40px; height:40px; border-radius:50%; object-fit:cover; flex-shrink:0; border:2px solid transparent; transition:all 0.2s ease; }
.specialist-photo.selected[b-8zox0dwv67] { border-color:#0d6efd; box-shadow:0 2px 6px rgba(13,110,253,0.3); }
.specialist-info[b-8zox0dwv67] { flex:1; min-width:0; }
.specialist-name-row[b-8zox0dwv67] { display:flex; align-items:center; gap:0.25rem; margin-bottom:0.125rem; }
.specialist-name[b-8zox0dwv67] { font-weight:600; font-size:0.875rem; color:#2c3e50; }
.bio-btn[b-8zox0dwv67] { background:none; border:none; padding:0.125rem; color:#6c757d; cursor:pointer; opacity:0.6; transition:all 0.15s ease; line-height:1; }
.bio-btn:hover[b-8zox0dwv67] { color:#0d6efd; opacity:1; }
.specialist-slots[b-8zox0dwv67] { font-size:0.75rem; color:#6c757d; }
.specialist-check[b-8zox0dwv67] { font-size:1.375rem; color:#198754; }
.timeslots-panel[b-8zox0dwv67] { display:flex; flex-direction:column; height:400px; }
.timeslots-header[b-8zox0dwv67] { display:flex; align-items:center; gap:0.5rem; padding:0.5rem 0.75rem; background:#f8f9fa; border-bottom:1px solid rgba(0,0,0,0.08); font-size:0.8125rem; font-weight:500; }
.timeslots-content[b-8zox0dwv67] { flex:1; overflow-y:auto; padding:0.5rem 0.75rem; }
.timeslots-empty-content[b-8zox0dwv67] { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:1.5rem; color:#6c757d; }
.day-section[b-8zox0dwv67] { margin-bottom:1.25rem; }
.day-header[b-8zox0dwv67] { display:flex; justify-content:space-between; align-items:center; padding:0.25rem 0; margin-bottom:0.5rem; border-bottom:1px solid rgba(0,0,0,0.08); font-size:0.75rem; font-weight:600; color:#495057; }
.day-slot-count[b-8zox0dwv67] { font-size:0.6875rem; font-weight:500; color:#6c757d; background:#f0f0f0; padding:0.125rem 0.5rem; border-radius:10px; }
.timeslots-grid[b-8zox0dwv67] { display:grid; grid-template-columns:repeat(3,1fr); gap:0.5rem; }
.timeslot-button[b-8zox0dwv67] { position:relative; padding:0.625rem 0.5rem; border:1px solid rgba(0,0,0,0.12); border-radius:4px; cursor:pointer; transition:all 0.2s ease; text-align:center; display:flex; flex-direction:column; align-items:center; gap:0.125rem; background:white; }
.timeslot-button:hover[b-8zox0dwv67] { transform:translateY(-1px); box-shadow:0 3px 8px rgba(13,110,253,0.15); border-color:#0d6efd; background:rgba(13,110,253,0.02); }
.timeslot-button.selected[b-8zox0dwv67] { background:linear-gradient(135deg,#198754 0%,#20c997 100%); border-color:#198754; box-shadow:0 3px 10px rgba(25,135,84,0.25); color:white; }
.timeslot-time[b-8zox0dwv67] { font-size:0.9375rem; font-weight:600; }
.timeslot-duration[b-8zox0dwv67] { font-size:0.6875rem; opacity:0.75; }
.timeslot-check[b-8zox0dwv67] { position:absolute; top:0.25rem; right:0.25rem; font-size:1rem; color:white; }
.form-label[b-8zox0dwv67] { font-size:0.8125rem; font-weight:500; margin-bottom:0.375rem; }
.form-control[b-8zox0dwv67] { border-radius:4px; font-size:0.875rem; padding:0.5rem 0.75rem; }
.badge[b-8zox0dwv67] { padding:0.25em 0.5em; font-weight:500; border-radius:3px; font-size:0.75rem; }
.specialists-list[b-8zox0dwv67]::-webkit-scrollbar, .timeslots-content[b-8zox0dwv67]::-webkit-scrollbar { width:5px; }
.specialists-list[b-8zox0dwv67]::-webkit-scrollbar-track, .timeslots-content[b-8zox0dwv67]::-webkit-scrollbar-track { background:rgba(0,0,0,0.03); }
.specialists-list[b-8zox0dwv67]::-webkit-scrollbar-thumb, .timeslots-content[b-8zox0dwv67]::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.15); border-radius:3px; }
.specialists-list[b-8zox0dwv67]::-webkit-scrollbar-thumb:hover, .timeslots-content[b-8zox0dwv67]::-webkit-scrollbar-thumb:hover { background:rgba(0,0,0,0.25); }
@media (max-width:768px) { .results-body .row[b-8zox0dwv67] { flex-direction:column; } .specialists-panel[b-8zox0dwv67] { border-right:none; border-bottom:1px solid rgba(0,0,0,0.08); } .specialists-list[b-8zox0dwv67] { max-height:200px; } .timeslots-panel[b-8zox0dwv67] { height:auto; min-height:300px; } .timeslots-grid[b-8zox0dwv67] { grid-template-columns:repeat(2,1fr); } }
.bio-modal[b-8zox0dwv67] { border-radius:8px; box-shadow:0 8px 32px rgba(0,0,0,0.15); max-width:800px; width:90vw; }
.bio-modal .modal-header[b-8zox0dwv67] { padding:0.75rem 1rem; background:#f8f9fa; border-bottom:1px solid #e9ecef; }
.bio-modal .modal-title[b-8zox0dwv67] { font-size:1rem; font-weight:600; }
.bio-modal .modal-body[b-8zox0dwv67] { padding:0; height:70vh; overflow:hidden; }
.bio-modal .modal-footer[b-8zox0dwv67] { padding:0.5rem 1rem; background:#f8f9fa; border-top:1px solid #e9ecef; }
.bio-pdf-container[b-8zox0dwv67] { width:100%; height:100%; }
.bio-pdf-embed[b-8zox0dwv67] { width:100%; height:100%; border:none; }