/* /Components/Benchmark.razor.rz.scp.css */
/* Dark Theme for Benchmark Page */
.main-container[b-hudn0jrmwa] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background-color: #181a1b;
    color: #f1f1f1;
}

/* Controls Bar */
.controls-bar[b-hudn0jrmwa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background-color: var(--bg-primary);
    border-bottom: 1px solid var(--border-container);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.patient-details[b-hudn0jrmwa] {
    flex: 1;
}

.patient-name[b-hudn0jrmwa] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #f1f1f1;
    margin-bottom: 0.25rem;
}

.patient-info[b-hudn0jrmwa] {
    font-size: 0.9rem;
    color: #b0b3b8;
}

.controls-right[b-hudn0jrmwa] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.benchmark-controls[b-hudn0jrmwa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Benchmark Container */
.benchmark-container[b-hudn0jrmwa] {
    display: flex;
    flex: 1;
    gap: 1.5rem;
    padding: 1.5rem;
    overflow: hidden;
    background: #181a1b;
}

/* Configuration Panel */
.config-panel[b-hudn0jrmwa] {
    flex: 0 0 400px;
    background-color: #232526;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    padding: 1.5rem;
    overflow-y: auto;
    color: #f1f1f1;
}

.config-section[b-hudn0jrmwa] {
    margin-bottom: 2rem;
}

.config-section h3[b-hudn0jrmwa] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #f1f1f1;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #232526;
}

.config-grid[b-hudn0jrmwa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.config-item[b-hudn0jrmwa] {
    display: flex;
    flex-direction: column;
}

.config-item label[b-hudn0jrmwa] {
    font-size: 0.9rem;
    font-weight: 500;
    color: #b0b3b8;
    margin-bottom: 0.5rem;
}

.form-control[b-hudn0jrmwa], .form-control:focus[b-hudn0jrmwa], select.form-control[b-hudn0jrmwa], textarea.form-control[b-hudn0jrmwa] {
    background: #232526;
    color: #f1f1f1;
    border: 1px solid #393b3d;
    border-radius: 4px;
    font-size: 0.9rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus[b-hudn0jrmwa] {
    border-color: #007bff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.15);
}

/* Dark styling for InputFile component */
[b-hudn0jrmwa] .form-control[type="file"] {
    background: #232526;
    color: #f1f1f1;
    border: 1px solid #393b3d;
    border-radius: 4px;
    font-size: 0.9rem;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    margin: 0.5rem 0;
    width: 100%;
}

[b-hudn0jrmwa] .form-control[type="file"]:focus {
    border-color: #007bff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.15);
}

[b-hudn0jrmwa] .form-control[type="file"]::file-selector-button {
    background: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    margin-right: 0.5rem;
    cursor: pointer;
    font-size: 0.9rem;
    transition: background-color 0.15s ease-in-out;
}

[b-hudn0jrmwa] .form-control[type="file"]::file-selector-button:hover {
    background: #0056b3;
}

[b-hudn0jrmwa] .form-control[type="file"]::file-selector-button:active {
    background: #004085;
}

.gold-standard-textarea[b-hudn0jrmwa] {
    min-height: 120px;
    resize: vertical;
}

/* Results Panel */
.results-panel[b-hudn0jrmwa] {
    flex: 1;
    background-color: #232526;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: #f1f1f1;
}

.results-header[b-hudn0jrmwa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #232526;
}

.results-header h3[b-hudn0jrmwa] {
    font-size: 1.2rem;
    font-weight: 600;
    color: #f1f1f1;
    margin: 0;
}

.benchmark-status[b-hudn0jrmwa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #b0b3b8;
    font-size: 0.9rem;
}

.status-indicator[b-hudn0jrmwa] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #b0b3b8;
}

.status-indicator.active[b-hudn0jrmwa] {
    background-color: #28a745;
    animation: pulse-b-hudn0jrmwa 2s infinite;
}

@keyframes pulse-b-hudn0jrmwa {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

.results-content[b-hudn0jrmwa] {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
}

/* Comparison Sections */
.comparison-section[b-hudn0jrmwa] {
    margin-bottom: 2rem;
}

.comparison-section h4[b-hudn0jrmwa] {
    font-size: 1rem;
    font-weight: 600;
    color: #f1f1f1;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #393b3d;
}

.comparison-grid[b-hudn0jrmwa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.comparison-item[b-hudn0jrmwa] {
    border: 1px solid #393b3d;
    border-radius: 6px;
    overflow: hidden;
    background: #181a1b;
}

.comparison-header[b-hudn0jrmwa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: #232526;
    border-bottom: 1px solid #393b3d;
}

.comparison-header h5[b-hudn0jrmwa] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #f1f1f1;
    margin: 0;
}

.timing[b-hudn0jrmwa] {
    font-size: 0.8rem;
    color: #b0b3b8;
    font-weight: 500;
}

.similarity-score[b-hudn0jrmwa] {
    font-size: 0.8rem;
    color: #28a745;
    font-weight: 600;
}

.comparison-content[b-hudn0jrmwa] {
    padding: 1rem;
}

.comparison-textarea[b-hudn0jrmwa] {
    width: 100%;
    min-height: 150px;
    border: none;
    resize: vertical;
    font-size: 0.85rem;
    line-height: 1.4;
    color: #f1f1f1;
    background-color: transparent;
}

.comparison-textarea:focus[b-hudn0jrmwa] {
    outline: none;
}

.comparison-html-content[b-hudn0jrmwa] {
    width: 100%;
    min-height: 150px;
    font-size: 0.85rem;
    line-height: 1.4;
    color: #f1f1f1;
    background-color: transparent;
    overflow-y: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.comparison-html-content .section-header[b-hudn0jrmwa] {
    display: block;
    font-weight: 600;
    color: #f1f1f1;
    margin: 1rem 0 0.5rem 0;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.comparison-html-content .section-header:first-child[b-hudn0jrmwa] {
    margin-top: 0;
}

.comparison-html-content p[b-hudn0jrmwa] {
    margin: 0.5rem 0;
    color: #f1f1f1;
    line-height: 1.5;
}

.comparison-html-content p:first-child[b-hudn0jrmwa] {
    margin-top: 0;
}

.comparison-html-content p:last-child[b-hudn0jrmwa] {
    margin-bottom: 0;
}

.comparison-html-content strong[b-hudn0jrmwa] {
    color: #f1f1f1;
    font-weight: 600;
}

/* Gold Standard Comparison */
.gold-standard-comparison[b-hudn0jrmwa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

/* Metrics Summary */
.metrics-summary[b-hudn0jrmwa] {
    background-color: #181a1b;
    border-radius: 6px;
    padding: 1.5rem;
    margin-top: 1rem;
}

.metrics-summary h4[b-hudn0jrmwa] {
    font-size: 1rem;
    font-weight: 600;
    color: #f1f1f1;
    margin-bottom: 1rem;
}

.metrics-grid[b-hudn0jrmwa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
}

.metric-item[b-hudn0jrmwa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.metric-item label[b-hudn0jrmwa] {
    font-size: 0.8rem;
    color: #b0b3b8;
    margin-bottom: 0.5rem;
}

.metric-value[b-hudn0jrmwa] {
    font-size: 1.2rem;
    font-weight: 600;
    color: #f1f1f1;
}

/* Empty State */
.empty-state[b-hudn0jrmwa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    color: #b0b3b8;
}

.empty-state-icon[b-hudn0jrmwa] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state h3[b-hudn0jrmwa] {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #f1f1f1;
}

.empty-state p[b-hudn0jrmwa] {
    font-size: 0.9rem;
    max-width: 400px;
    line-height: 1.5;
}

/* Buttons */
.btn[b-hudn0jrmwa] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 4px;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}

.btn:disabled[b-hudn0jrmwa] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-primary[b-hudn0jrmwa] {
    background-color: #007bff;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-hudn0jrmwa] {
    background-color: #0056b3;
}

.btn-transparent[b-hudn0jrmwa] {
    background-color: transparent;
    color: #b0b3b8;
    border: 1px solid #393b3d;
}

.btn-transparent:hover:not(:disabled)[b-hudn0jrmwa] {
    background-color: #232526;
    color: #f1f1f1;
}

/* Alert - Use global styles from utilities.css */
/* Component-specific overrides only if needed */

.d-flex[b-hudn0jrmwa] {
    display: flex;
}

.justify-content-between[b-hudn0jrmwa] {
    justify-content: space-between;
}

.align-items-start[b-hudn0jrmwa] {
    align-items: flex-start;
}

.btn-close[b-hudn0jrmwa] {
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    color: #f8d7da;
    padding: 0;
    margin-left: 1rem;
}

.btn-close:hover[b-hudn0jrmwa] {
    opacity: 0.7;
}

/* Responsive Design */
@media (max-width: 768px) {
    .benchmark-container[b-hudn0jrmwa] {
        flex-direction: column;
    }
    
    .config-panel[b-hudn0jrmwa] {
        flex: none;
        max-height: 300px;
    }
    
    .comparison-grid[b-hudn0jrmwa] {
        grid-template-columns: 1fr;
    }
    
    .gold-standard-comparison[b-hudn0jrmwa] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .controls-bar[b-hudn0jrmwa] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
    
    .controls-right[b-hudn0jrmwa] {
        justify-content: space-between;
    }
    
    .config-grid[b-hudn0jrmwa] {
        grid-template-columns: 1fr;
    }
    
    .metrics-grid[b-hudn0jrmwa] {
        grid-template-columns: 1fr;
    }
} 
/* /Components/Dictation.razor.rz.scp.css */
/* ==========================================================================
   Dictation Component Specific Styles
   ========================================================================== */

/* Component-specific paragraph override */
.main-container p[b-v0td74j4qr] {
    margin: 8px 0 !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    line-height: 1.6 !important;
}

/* Guideline insertion highlight effect */
.guideline-insert[b-v0td74j4qr] {
    background-color: rgba(40, 167, 69, 0.2); /* Bootstrap success green with opacity */
    animation: guidelineFadeBg-b-v0td74j4qr 2s ease forwards;
}

@keyframes guidelineFadeBg-b-v0td74j4qr {
    0% { background-color: rgba(40, 167, 69, 0.35); }
    100% { background-color: transparent; }
}


/* Patient Details Loading State */
.patient-details-loading[b-v0td74j4qr] {
    opacity: 0.6;
}

.patient-details-loading .patient-name[b-v0td74j4qr] {
    color: var(--text-secondary);
    font-style: italic;
}

.patient-details-loading .patient-info[b-v0td74j4qr] {
    color: var(--text-muted);
    font-style: italic;
}

/* Component-specific button overrides only */

.btn-analyze[b-v0td74j4qr] {
    background: var(--bg-primary);
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
    font-weight: 500;
    transition: all 0.15s ease;
    padding: 0.375rem 0.5rem;
    font-size: 0.8rem;
    width: auto;
    min-height: 36px !important;
    min-width: 36px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    box-sizing: border-box;
}
.btn-analyze:hover:not(:disabled)[b-v0td74j4qr] {
    background: var(--surface-hover);
    color: var(--text-primary);
    border-color: var(--accent-blue);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-analyze:disabled[b-v0td74j4qr] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}
.btn-analyze .oi[b-v0td74j4qr] {
    font-size: 0.9rem;
    margin: 0;
}
.btn-analyze .analyze-text[b-v0td74j4qr] {
    display: none; /* Hide text - icon only */
}
.btn-analyze.analyzing[b-v0td74j4qr] {
    background: var(--accent-blue);
    color: white;
    border-color: var(--accent-blue);
    animation: pulse-analyzing-b-v0td74j4qr 2s infinite;
}
.btn-analyze.analyzing:hover[b-v0td74j4qr] {
    background: var(--accent-blue-hover);
    border-color: var(--accent-blue-hover);
}

@keyframes pulse-analyzing-b-v0td74j4qr {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(90, 124, 138, 0.4);
    }
    50% {
        box-shadow: 0 0 0 4px rgba(90, 124, 138, 0);
    }
}

/* Removed: btn-transparent, dictation-btn, form styles - all duplicated in utilities */




/* Base styles for all text inside the report content area - Match Telerik Editor exactly */
.report-content[b-v0td74j4qr] {
    flex: 1;
    overflow-y: auto;
    padding: 1.25rem !important;
    min-height: 0;
    background-color: var(--bg-primary);
    font-family: var(--font-family-primary) !important;
    font-size: 0.875rem;
    line-height: 1.6;
    font-weight: 400;
    color: var(--text-primary) !important;
    white-space: pre-wrap;
    word-wrap: break-word;
    cursor: text;
    border: none;
}
.report-line[b-v0td74j4qr] {
    position: relative;
    border-radius: 2px;
    transition: background-color 0.15s ease;
    min-height: 1.4em; /* Ensure empty lines are visible */
}


/* Handle empty lines to maintain spacing */
.report-line:empty[b-v0td74j4qr]::before,
.report-line .line-text:empty[b-v0td74j4qr]::before {
    content: "\00a0"; /* Non-breaking space */
    opacity: 0;
}

/* Read-only report content styling - matches editor but indicates read-only state */
.report-readonly-content[b-v0td74j4qr] {
    flex: 1;
    overflow-y: auto;
    padding: 1.25rem !important;
    min-height: 0;
    background-color: var(--bg-primary);
    font-family: var(--font-family-primary) !important;
    font-size: 0.875rem;
    line-height: 1.6;
    font-weight: 400;
    color: var(--text-primary) !important;
    white-space: pre-wrap;
    word-wrap: break-word;
    border: none;
    /* Read-only specific styling */
    cursor: default;
    user-select: text;
    opacity: 0.9;
}

/* Ensure all text elements in read-only content match editor styling */
.report-readonly-content p[b-v0td74j4qr],
.report-readonly-content div[b-v0td74j4qr],
.report-readonly-content span[b-v0td74j4qr],
.report-readonly-content strong[b-v0td74j4qr],
.report-readonly-content em[b-v0td74j4qr],
.report-readonly-content b[b-v0td74j4qr],
.report-readonly-content i[b-v0td74j4qr],
.report-readonly-content u[b-v0td74j4qr],
.report-readonly-content s[b-v0td74j4qr],
.report-readonly-content mark[b-v0td74j4qr],
.report-readonly-content small[b-v0td74j4qr],
.report-readonly-content sub[b-v0td74j4qr],
.report-readonly-content sup[b-v0td74j4qr],
.report-readonly-content h1[b-v0td74j4qr],
.report-readonly-content h2[b-v0td74j4qr],
.report-readonly-content h3[b-v0td74j4qr],
.report-readonly-content h4[b-v0td74j4qr],
.report-readonly-content h5[b-v0td74j4qr],
.report-readonly-content h6[b-v0td74j4qr],
.report-readonly-content a[b-v0td74j4qr],
.report-readonly-content blockquote[b-v0td74j4qr],
.report-readonly-content code[b-v0td74j4qr],
.report-readonly-content pre[b-v0td74j4qr],
.report-readonly-content table[b-v0td74j4qr],
.report-readonly-content table th[b-v0td74j4qr],
.report-readonly-content table td[b-v0td74j4qr],
.report-readonly-content ul[b-v0td74j4qr],
.report-readonly-content ol[b-v0td74j4qr],
.report-readonly-content li[b-v0td74j4qr] {
    font-family: var(--font-family-primary) !important;
    color: var(--text-primary) !important;
}

/* Paragraph spacing for read-only content */
.report-readonly-content p[b-v0td74j4qr] {
    margin: 8px 0 !important;
    line-height: 1.6;
}

/* Ensure all text elements in report content match Telerik editor styling */
.report-content p[b-v0td74j4qr],
.report-content div[b-v0td74j4qr],
.report-content span[b-v0td74j4qr],
.report-content strong[b-v0td74j4qr],
.report-content em[b-v0td74j4qr],
.report-content b[b-v0td74j4qr],
.report-content i[b-v0td74j4qr],
.report-content u[b-v0td74j4qr],
.report-content s[b-v0td74j4qr],
.report-content mark[b-v0td74j4qr],
.report-content small[b-v0td74j4qr],
.report-content sub[b-v0td74j4qr],
.report-content sup[b-v0td74j4qr],
.report-content h1[b-v0td74j4qr],
.report-content h2[b-v0td74j4qr],
.report-content h3[b-v0td74j4qr],
.report-content h4[b-v0td74j4qr],
.report-content h5[b-v0td74j4qr],
.report-content h6[b-v0td74j4qr],
.report-content a[b-v0td74j4qr],
.report-content blockquote[b-v0td74j4qr],
.report-content code[b-v0td74j4qr],
.report-content pre[b-v0td74j4qr],
.report-content table[b-v0td74j4qr],
.report-content table th[b-v0td74j4qr],
.report-content table td[b-v0td74j4qr],
.report-content ul[b-v0td74j4qr],
.report-content ol[b-v0td74j4qr],
.report-content li[b-v0td74j4qr] {
    font-family: var(--font-family-primary) !important;
    color: var(--text-primary) !important;
}

/* Ensure paragraphs have consistent spacing with Telerik editor */
.report-content p[b-v0td74j4qr] {
    margin: 8px 0 !important;
    line-height: 1.6;
}

/* Override specific class-based paragraph styles that might be applied */
.report-content p.p1[b-v0td74j4qr],
.report-content p.p2[b-v0td74j4qr],
.report-content p.p3[b-v0td74j4qr],
.report-content p.p4[b-v0td74j4qr],
.report-content p.p5[b-v0td74j4qr] {
    margin: 8px 0 !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    line-height: 1.6 !important;
}



/* Global paragraph styling override */
html body .main-container p[b-v0td74j4qr] {
    margin-bottom: 8px !important;
}

/* Report content specific styling */
html body .main-container .report-content p[b-v0td74j4qr],
html body .main-container .report-content p.p1[b-v0td74j4qr],
html body .main-container .report-content p.p2[b-v0td74j4qr],
html body .main-container .report-content p.p3[b-v0td74j4qr],
html body .main-container .report-content p.p4[b-v0td74j4qr],
html body .main-container .report-content p.p5[b-v0td74j4qr] {
    margin: 8px 0 !important;
    margin-bottom: 8px !important;
}

/* Ensure section headers match exactly */
.report-content .section-header[b-v0td74j4qr] {
    font-weight: bold;
    font-size: 1.1em;
    color: var(--text-primary) !important;
    margin: 16px 0 8px 0;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--border-color);
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Ensure tables in report content match Telerik editor styling */
.report-content table[b-v0td74j4qr] {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1rem 0;
    font-size: 0.875rem;
    line-height: 1.4;
    color: var(--table-text, var(--text-primary, #333));
    border: 1px solid var(--table-border, var(--border-color, #e0e0e0));
    border-radius: 6px;
    overflow: hidden;
    background: var(--bg-primary, #ffffff);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.report-content table th[b-v0td74j4qr] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    color: var(--table-text, var(--text-primary, #333)) !important;
    background: var(--table-header-bg, var(--bg-secondary, #f8f9fa));
    border-bottom: 1px solid var(--table-border, var(--border-color, #e0e0e0));
    border-right: 1px solid var(--table-border, var(--border-color, #e0e0e0));
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: var(--font-family-primary) !important;
}

.report-content table td[b-v0td74j4qr] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--table-border, var(--border-color, #e0e0e0));
    border-right: 1px solid var(--table-border, var(--border-color, #e0e0e0));
    color: var(--table-text, var(--text-primary, #333)) !important;
    font-size: 0.875rem;
    line-height: 1.4;
    vertical-align: top;
    background: var(--bg-primary, #ffffff);
    font-family: var(--font-family-primary) !important;
}

.report-content table th:last-child[b-v0td74j4qr],
.report-content table td:last-child[b-v0td74j4qr] {
    border-right: none;
}

.report-content table tr:last-child td[b-v0td74j4qr] {
    border-bottom: none;
}

.report-content table tbody tr:nth-child(even)[b-v0td74j4qr] {
    background: var(--bg-tertiary, #3a3a3c);
}

.report-content table tbody tr:hover[b-v0td74j4qr] {
    background: var(--surface-hover, #3a3a3c);
    transition: background-color 0.2s ease;
}

@media (max-width: 768px) {
    .btn-analyze[b-v0td74j4qr] {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
        min-width: 75px;
    }
    
    .sign-report-btn[b-v0td74j4qr] {
        bottom: 1rem;
        right: 1rem;
        padding: 0.5rem 0.75rem;
        font-size: 0.75rem;
    }
}

@media (max-width: 480px) {
    .sign-report-btn .oi[b-v0td74j4qr] {
        font-size: 0.75rem;
        margin-right: 0.375rem;
    }
}

.report-action-buttons[b-v0td74j4qr] {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    z-index: 100;
}

.report-action-buttons button[b-v0td74j4qr] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.save-preliminary-btn[b-v0td74j4qr] {
    background-color: #6c757d;
    color: white;
    border: none;
}

.save-preliminary-btn:hover[b-v0td74j4qr] {
    background-color: #5a6268;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.sign-report-btn[b-v0td74j4qr] {
    background-color: #28a745;
    color: white;
    border: none;
}

.sign-report-btn:hover[b-v0td74j4qr] {
    background-color: #218838;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.copy-report-btn[b-v0td74j4qr] {
    background-color: #6c757d;
    color: white;
    border: none;
}

.copy-report-btn:hover[b-v0td74j4qr] {
    background-color: #5a6268;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.start-overread-btn[b-v0td74j4qr] {
    background-color: #17a2b8;
    color: white;
    border: none;
}

.start-overread-btn:hover[b-v0td74j4qr] {
    background-color: #138496;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.finalise-report-btn[b-v0td74j4qr] {
    background-color: #28a745;
    color: white;
    border: none;
}

.finalise-report-btn:hover[b-v0td74j4qr] {
    background-color: #218838;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.sign-addendum-btn[b-v0td74j4qr] {
    background-color: #ffc107;
    color: #212529;
    border: none;
}

.sign-addendum-btn:hover[b-v0td74j4qr] {
    background-color: #e0a800;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.addendum-section[b-v0td74j4qr] {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    z-index: 100;
}

.addendum-section button[b-v0td74j4qr] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

.create-addendum-btn[b-v0td74j4qr] {
    border: 2px solid #007bff;
    color: #007bff;
    background-color: transparent;
}

.create-addendum-btn:hover[b-v0td74j4qr] {
    background-color: #007bff;
    color: white;
    box-shadow: 0 2px 4px rgba(0,123,255,0.2);
}

.view-addendums-btn[b-v0td74j4qr] {
    border: 2px solid #6c757d;
    color: #6c757d;
    background-color: transparent;
}

.view-addendums-btn:hover[b-v0td74j4qr] {
    background-color: #6c757d;
    color: white;
    box-shadow: 0 2px 4px rgba(108,117,125,0.2);
}
/* /Components/DictationControls.razor.rz.scp.css */
.meter-wrap[b-klevd8mo2u] {
    width: 80px;
    height: 12px;
    border: 1px solid #334;
    border-radius: 8px;
    overflow: hidden;  
    background: #222;
}

#meter[b-klevd8mo2u] {
    height: 100%;
    width: 0%;
    border-radius: 8px;
    background: linear-gradient( 90deg, #2e68d7, #1412fe, #7c3ffe, #459fa7, #0de669 );
    background-size: 200% auto;
    transition: width 0.1s ease-out;
}

/* Ensure the button can host the overlay */
#btn-dictate[b-klevd8mo2u] {
    position: relative;
    overflow: hidden; /* keep the fill clipped to button shape */
}

    /* Overlay that sits on top of the button background but behind the text/icons */
    #btn-dictate .btn-bg-meter[b-klevd8mo2u] {
        position: absolute;
        inset: 0; /* cover entire button */
        border-radius: inherit;
        pointer-events: none;
        z-index: 0; /* behind text */
        overflow: hidden;
    }

        /* The live fill that JS resizes via width: 0%..100% */
        #btn-dictate .btn-bg-meter .level[b-klevd8mo2u] {
            position: absolute;
            inset: 0;
            width: 0%; /* JS updates this */
            height: 100%;
            background: linear-gradient(90deg, #22c55e, #facc15, #ef4444);
            transition: width 80ms linear;
            border-radius: inherit;
        }

    /* Keep your text/icons above the fill */
    #btn-dictate > *:not(.btn-bg-meter)[b-klevd8mo2u] {
        position: relative;
        z-index: 1;
    }

/* Optional: dim the fill when not dictating */
.dictation-controls:not(.is-dictating) #btn-dictate .btn-bg-meter .level[b-klevd8mo2u] {
    opacity: .35;
}

/* Optional: extra glow if JS toggles `.bad` on high input */
#btn-dictate .btn-bg-meter .level.bad[b-klevd8mo2u] {
    box-shadow: 0 0 10px rgba(239, 68, 68, .55) inset, 0 0 10px rgba(239, 68, 68, .55);
}

@keyframes gradient-move-b-klevd8mo2u {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.vad-meter[b-klevd8mo2u] {
    display: inline-flex;
    align-items: center;
    margin-right: 8px; /* spacing before Pause */
}

.meter-wrap[b-klevd8mo2u] {
    width: 92px;
    height: 12px;
    border: 1px solid #334;
    border-radius: 8px;
    overflow: hidden;
    background: #1e1f22;
}

.meter-fill[b-klevd8mo2u] {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: linear-gradient(90deg, #28a745, #ffc107, #dc3545);
    background-size: 200% 200%;
    animation: gradient-move-b-klevd8mo2u 3s linear infinite;
    transform-origin: left center;
    transform: scaleX(var(--lvl, 0));
    will-change: transform, background-position;
    transform-origin: left center;
    transform: scaleX(var(--lvl, 0));
    clip-path: inset(0 calc((1 - var(--lvl, 0)) * 100%) 0 0);
}

.recording-indicator[b-klevd8mo2u] {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    border-radius: 50%;
    background-color: #ff0000; 
    box-shadow: 0 0 6px #ff0000;
    animation: heartbeat-b-klevd8mo2u 1.5s infinite;
}

@keyframes heartbeat-b-klevd8mo2u {
    0% {
        transform: scale(1);
        opacity: 0.8;
        box-shadow: 0 0 6px #ff0000;
    }

    25% {
        transform: scale(1.3);
        opacity: 1;
        box-shadow: 0 0 15px #ff0000;
    }

    40% {
        transform: scale(1);
        opacity: 0.8;
        box-shadow: 0 0 6px #ff0000;
    }

    60% {
        transform: scale(1.3);
        opacity: 1;
        box-shadow: 0 0 15px #ff0000;
    }

    100% {
        transform: scale(1);
        opacity: 0.8;
        box-shadow: 0 0 6px #ff0000;
    }
}

.meter-bar[b-klevd8mo2u]{
    width: 80px;
}
/* /Components/DictationPartials/DictationQuadrant.razor.rz.scp.css */
.dictation-quad[b-rp7xerejr4] {
    position: relative;
    cursor: text;
}

    .dictation-quad .is-busy[b-rp7xerejr4] {
        pointer-events: none;
    }

    .dictation-quad .loading-overlay[b-rp7xerejr4] {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        z-index: 20; 
    }

    .dictation-quad .loading-backdrop[b-rp7xerejr4] {
        position: absolute;
        inset: 0;
        z-index: 1000;
        display: grid;
        place-items: center;
        background: rgba(0,0,0,.08);
        pointer-events: all;
        cursor: wait;
    }

    .dictation-quad .loading-content[b-rp7xerejr4] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--text-primary);
        background: color-mix(in srgb, var(--bg-primary) 85%, transparent);
        border: 1px solid var(--border-color);
        padding: 8px 12px;
        border-radius: 10px;
        font: 500 13px/1.2 system-ui, sans-serif;
    }

    .dictation-quad .loading-icon[b-rp7xerejr4] {
        width: 120px;
    }

.loading-text[b-rp7xerejr4] {
    z-index: 1001;
}

/* removed .quadrant-inner workaround */

/* Keep pointer cursor for interactive controls within the quadrant */
.dictation-quad .quadrant-header button[b-rp7xerejr4],
.dictation-quad .dictation-controls button[b-rp7xerejr4],
.dictation-quad .k-toolbar[b-rp7xerejr4],
.dictation-quad .k-toolbar *[b-rp7xerejr4],
.dictation-quad .k-button[b-rp7xerejr4],
.dictation-quad [role="button"][b-rp7xerejr4] {
    cursor: pointer;
}

.dictation-quad .quadrant-content[b-rp7xerejr4] {
    flex: 1;
    min-height: 0;
}

/* Dictation header controls wrapper */
.dictation-header-controls[b-rp7xerejr4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Reset button styling */
.dictation-quad .btn-reset[b-rp7xerejr4] {
    background: var(--bg-primary);
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
    font-weight: 500;
    transition: var(--transition-fast);
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
    min-height: 36px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    border-radius: var(--border-radius-sm);
    cursor: pointer;
}

.dictation-quad .btn-reset:hover:not(:disabled)[b-rp7xerejr4] {
    background: var(--surface-hover);
    color: var(--text-primary);
    border-color: var(--accent-blue);
    box-shadow: var(--shadow-sm);
}

.dictation-quad .btn-reset:active:not(:disabled)[b-rp7xerejr4] {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.dictation-quad .btn-reset:disabled[b-rp7xerejr4] {
    opacity: 0.5;
    cursor: not-allowed;
}

.dictation-quad .btn-reset .oi[b-rp7xerejr4] {
    font-size: 0.875rem;
}
/* /Components/DictationPartials/FloatingControls.razor.rz.scp.css */
/* Smart Floating Controls */
.floating-controls[b-y0dcenho26] {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    transition: all 0.3s ease;
    pointer-events: auto;
}

div.floating-controls button.floating-controls-toggle[b-y0dcenho26],
.floating-controls-toggle[b-y0dcenho26] {
    position: fixed !important;
    bottom: 20px !important;
    left: 20px !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    border-radius: 50% !important;
    background: #2c2c2e !important;
    color: white !important;
    border: 1px solid #5a7c8a !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    opacity: 0.5 !important;
    visibility: visible !important;
    z-index: 1 !important;
    transform: none !important;
    clip: auto !important;
    overflow: visible !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

.floating-controls-toggle:hover[b-y0dcenho26] {
    background: #5a7c8a !important;
    color: white !important;
    border-color: #5a7c8a !important;
    transform: scale(1.05) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
    opacity: 1 !important;
    z-index: 999999 !important;
}

.floating-controls-toggle .oi[b-y0dcenho26] {
    transition: transform 0.3s ease;
}

.floating-controls-toggle .oi.spinning[b-y0dcenho26] {
    transform: rotate(45deg);
}

.floating-controls.expanded .floating-controls-toggle[b-y0dcenho26] {
    background: #5a7c8a !important;
    color: white !important;
    border-color: #5a7c8a !important;
    opacity: 1 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
    z-index: 999999 !important;
}

.floating-controls-content[b-y0dcenho26] {
    position: absolute;
    bottom: 4.5rem;
    left: 0;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 1rem;
    padding: 1rem;
    min-width: 300px;
    max-width: 350px;
    max-height: 70vh;
    overflow-y: auto;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px) scale(0.95);
    transition: all 0.3s ease;
}

.settings-version[b-y0dcenho26] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.settings-version span[b-y0dcenho26] {
    font-size: 0.8rem;
    color: var(--text-secondary);
    opacity: 0.9;
}

.floating-controls.expanded .floating-controls-content[b-y0dcenho26] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.floating-toggle-item[b-y0dcenho26] {
    margin-bottom: 1rem;
}

.floating-toggle-item:last-child[b-y0dcenho26] {
    margin-bottom: 0;
}

.floating-toggle-label[b-y0dcenho26] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--text-primary);
    user-select: none;
    padding: 0.5rem 0;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
}

.floating-toggle-label:hover[b-y0dcenho26] {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.floating-toggle-input[b-y0dcenho26] {
    display: none;
}

.floating-toggle-slider[b-y0dcenho26] {
    position: relative;
    width: 2.5rem;
    height: 1.25rem;
    background: var(--border-color);
    border-radius: 0.625rem;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.floating-toggle-slider[b-y0dcenho26]::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 1rem;
    height: 1rem;
    background: white;
    border-radius: 50%;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.floating-toggle-input:checked + .floating-toggle-slider[b-y0dcenho26] {
    background: var(--accent-blue);
}

.floating-toggle-input:checked + .floating-toggle-slider[b-y0dcenho26]::before {
    transform: translateX(1.25rem);
}

.floating-toggle-text[b-y0dcenho26] {
    font-weight: 500;
    color: inherit;
}

/* Report Heading Dropdown Styles */
.floating-select[b-y0dcenho26] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    background: var(--bg-secondary);
    color: var(--text-color);
    font-size: 0.875rem;
    font-family: inherit;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.floating-select:focus[b-y0dcenho26] {
    outline: none;
    border-color: var(--accent-blue);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

.floating-select:hover[b-y0dcenho26] {
    border-color: var(--accent-blue);
}

.floating-select option[b-y0dcenho26] {
    background: var(--bg-secondary);
    color: var(--text-color);
    padding: 0.5rem;
}

/* Media Queries for responsive design */
@media (max-width: 768px) {
    .floating-controls[b-y0dcenho26] {
        bottom: 1.25rem;
        left: 1.25rem;
    }
    
    .floating-controls-toggle[b-y0dcenho26] {
        width: 48px !important;
        height: 48px !important;
        font-size: 18px !important;
        opacity: 0.6 !important;
    }
    
    .floating-controls-content[b-y0dcenho26] {
        bottom: 4rem;
        min-width: 200px;
        padding: 0.75rem;
    }
}

@media (max-width: 480px) {
    .floating-controls-toggle[b-y0dcenho26] {
        width: 44px !important;
        height: 44px !important;
        font-size: 16px !important;
        opacity: 0.5 !important;
    }
    
    .floating-controls-content[b-y0dcenho26] {
        bottom: 3.5rem;
        min-width: 180px;
        padding: 0.5rem;
    }
    
    .floating-toggle-label[b-y0dcenho26] {
        font-size: 0.75rem;
        padding: 0.375rem 0;
    }
    
    .floating-toggle-slider[b-y0dcenho26] {
        width: 2rem;
        height: 1rem;
    }
    
    .floating-toggle-slider[b-y0dcenho26]::before {
        width: 0.75rem;
        height: 0.75rem;
    }
    
    .floating-toggle-input:checked + .floating-toggle-slider[b-y0dcenho26]::before {
        transform: translateX(1rem);
    }
}

/* VAD Settings Styles */
.floating-section[b-y0dcenho26] {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(90, 124, 138, 0.2);
}

.floating-section:last-child[b-y0dcenho26] {
    margin-bottom: 0;
    border-bottom: none;
}

.floating-section-title[b-y0dcenho26] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-secondary);
    margin-bottom: 0.75rem;
    opacity: 0.8;
}

.floating-item[b-y0dcenho26] {
    margin-bottom: 1rem;
}

.floating-label[b-y0dcenho26] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 0.375rem;
}

.floating-help-text[b-y0dcenho26] {
    display: block;
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin-top: 0.25rem;
    opacity: 0.8;
}

@keyframes pulse-b-y0dcenho26 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

.speech-active[b-y0dcenho26] {
    color: #22c55e;
    font-weight: 500;
}

/* Preset Buttons */
.preset-buttons[b-y0dcenho26] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.4rem;
    margin-bottom: 0.5rem;
}

@media (max-width: 768px) {
    .preset-buttons[b-y0dcenho26] {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .preset-btn.ultra[b-y0dcenho26] {
        grid-column: span 3;
    }
}

.preset-btn[b-y0dcenho26] {
    padding: 0.4rem 0.3rem;
    font-size: 0.7rem;
    background: rgba(90, 124, 138, 0.1);
    border: 1px solid rgba(90, 124, 138, 0.3);
    border-radius: 0.375rem;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.preset-btn:hover[b-y0dcenho26] {
    background: rgba(90, 124, 138, 0.2);
    border-color: rgba(90, 124, 138, 0.5);
    transform: translateY(-1px);
}

.preset-btn:active[b-y0dcenho26] {
    transform: translateY(0);
    background: rgba(90, 124, 138, 0.3);
}

.preset-btn.ultra[b-y0dcenho26] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
}

.preset-btn.ultra:hover[b-y0dcenho26] {
    background: rgba(239, 68, 68, 0.2);
    border-color: rgba(239, 68, 68, 0.5);
}

/* Slider Container */
.slider-container[b-y0dcenho26] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.slider-label-left[b-y0dcenho26], .slider-label-right[b-y0dcenho26] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    opacity: 0.7;
    min-width: 45px;
}

.slider-label-left[b-y0dcenho26] {
    text-align: right;
}

.slider-label-right[b-y0dcenho26] {
    text-align: left;
}

.floating-slider[b-y0dcenho26] {
    flex: 1;
    height: 6px;
    border-radius: 3px;
    background: rgba(90, 124, 138, 0.2);
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

.floating-slider[b-y0dcenho26]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--accent-blue);
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
}

.floating-slider[b-y0dcenho26]::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--accent-blue);
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
}

.floating-slider:hover[b-y0dcenho26]::-webkit-slider-thumb {
    transform: scale(1.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}

.floating-slider:hover[b-y0dcenho26]::-moz-range-thumb {
    transform: scale(1.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}

/* Removed .slider-value as we're using label-left and label-right now */

/* Custom scrollbar for the settings panel */
.floating-controls-content[b-y0dcenho26]::-webkit-scrollbar {
    width: 6px;
}

.floating-controls-content[b-y0dcenho26]::-webkit-scrollbar-track {
    background: rgba(90, 124, 138, 0.1);
    border-radius: 3px;
}

.floating-controls-content[b-y0dcenho26]::-webkit-scrollbar-thumb {
    background: rgba(90, 124, 138, 0.3);
    border-radius: 3px;
}

.floating-controls-content[b-y0dcenho26]::-webkit-scrollbar-thumb:hover {
    background: rgba(90, 124, 138, 0.5);
}

/* Mobile adjustments for VAD settings */
@media (max-width: 768px) {
    .floating-controls-content[b-y0dcenho26] {
        min-width: 280px;
        max-width: 320px;
    }
    
    .slider-container[b-y0dcenho26] {
        gap: 0.4rem;
    }
    
    .slider-label-left[b-y0dcenho26], .slider-label-right[b-y0dcenho26] {
        min-width: 40px;
        font-size: 0.7rem;
    }
}

@media (max-width: 480px) {
    .floating-controls-content[b-y0dcenho26] {
        min-width: 240px;
        max-width: 280px;
    }
    
    .floating-section-title[b-y0dcenho26] {
        font-size: 0.7rem;
    }
    
    .floating-label[b-y0dcenho26] {
        font-size: 0.75rem;
    }
    
    .floating-help-text[b-y0dcenho26] {
        font-size: 0.65rem;
    }
    
    .slider-label-left[b-y0dcenho26], .slider-label-right[b-y0dcenho26] {
        min-width: 35px;
        font-size: 0.65rem;
    }
}

.color-picker-row[b-y0dcenho26] {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 1rem; 
}

    .color-picker-row .floating-label[b-y0dcenho26] {
        margin: 0;
        font-weight: 500;
    }

    .color-picker-row .k-colorpicker[b-y0dcenho26] {
        margin-left: auto; 
        min-width: 130px; 
    }

/* Modality Checkbox Grid Styles */
.modality-checkbox-grid[b-y0dcenho26] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
    gap: 0.5rem;
    margin: 0.5rem 0;
    padding: 0.75rem;
    background: rgba(90, 124, 138, 0.05);
    border: 1px solid rgba(90, 124, 138, 0.15);
    border-radius: 0.5rem;
}

.modality-checkbox-item[b-y0dcenho26] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.5rem;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.2s ease;
    background: transparent;
    border: 1px solid transparent;
    font-size: 0.8rem;
    min-height: 2rem;
}

.modality-checkbox-item:hover[b-y0dcenho26] {
    background: rgba(90, 124, 138, 0.1);
    border-color: rgba(90, 124, 138, 0.2);
}

.modality-checkbox[b-y0dcenho26] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--accent-blue);
    cursor: pointer;
    flex-shrink: 0;
}

.modality-label[b-y0dcenho26] {
    font-weight: 500;
    color: var(--text-primary);
    user-select: none;
    font-size: 0.8rem;
    line-height: 1;
}

.modality-checkbox-item:has(.modality-checkbox:checked)[b-y0dcenho26] {
    background: rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.3);
}

.modality-checkbox-item:has(.modality-checkbox:checked) .modality-label[b-y0dcenho26] {
    color: var(--accent-blue);
    font-weight: 600;
}

.text-success[b-y0dcenho26] {
    color: #22c55e;
    font-weight: 500;
}

/* Special styling for the "All" checkbox */
.modality-checkbox-item.all-checkbox[b-y0dcenho26] {
    background: rgba(90, 124, 138, 0.08);
    border: 1px solid rgba(90, 124, 138, 0.2);
    font-weight: 600;
}

.modality-checkbox-item.all-checkbox:hover[b-y0dcenho26] {
    background: rgba(90, 124, 138, 0.15);
    border-color: rgba(90, 124, 138, 0.3);
}

.modality-checkbox-item.all-checkbox:has(.modality-checkbox:checked)[b-y0dcenho26] {
    background: rgba(59, 130, 246, 0.15);
    border-color: rgba(59, 130, 246, 0.4);
}

.modality-checkbox-item.all-checkbox .modality-label[b-y0dcenho26] {
    font-weight: 600;
    font-size: 0.85rem;
}

/* Responsive adjustments for modality grid */
@media (max-width: 768px) {
    .modality-checkbox-grid[b-y0dcenho26] {
        grid-template-columns: repeat(auto-fit, minmax(55px, 1fr));
        gap: 0.4rem;
        padding: 0.6rem;
    }
    
    .modality-checkbox-item[b-y0dcenho26] {
        padding: 0.3rem 0.4rem;
        font-size: 0.75rem;
        min-height: 1.75rem;
    }
    
    .modality-checkbox[b-y0dcenho26] {
        width: 0.9rem;
        height: 0.9rem;
    }
    
    .modality-label[b-y0dcenho26] {
        font-size: 0.75rem;
    }
}

@media (max-width: 480px) {
    .modality-checkbox-grid[b-y0dcenho26] {
        grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
        gap: 0.3rem;
        padding: 0.5rem;
    }
    
    .modality-checkbox-item[b-y0dcenho26] {
        padding: 0.25rem 0.3rem;
        font-size: 0.7rem;
        min-height: 1.5rem;
    }
    
    .modality-checkbox[b-y0dcenho26] {
        width: 0.8rem;
        height: 0.8rem;
    }
    
    .modality-label[b-y0dcenho26] {
        font-size: 0.7rem;
    }
}
/* /Components/DictationPartials/Notifications.razor.rz.scp.css */
/* Custom Alert Styling - Override Bootstrap danger alert */
.k-notification[b-9wyj348tpo] {
    font-family: inherit;
}

.alert.alert-danger[b-9wyj348tpo],
.alert.alert-info[b-9wyj348tpo],
.alert.alert-success[b-9wyj348tpo] {
    background-color: var(--bg-secondary);
    border: 1px solid rgba(244, 67, 54, 0.2);
    border-left: 3px solid var(--error-high);
    color: var(--text-primary);
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
    padding-right: 36px;
}

.alert.alert-info[b-9wyj348tpo] {
    border-color: rgba(33, 150, 243, 0.2);
    border-left-color: #2196f3;
}

.alert.alert-success[b-9wyj348tpo] {
    border-color: rgba(76, 175, 80, 0.2);
    border-left-color: #4caf50;
}

.alert .btn-close[b-9wyj348tpo] {
    background: transparent;
    border: none;
    color: var(--text-secondary);
    font-size: 1rem;
    opacity: 0.7;
    padding: 0.25rem;
    margin-left: auto;
    transition: all 0.2s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
}

.alert .btn-close:hover[b-9wyj348tpo] {
    opacity: 1;
    background: rgba(0, 0, 0, 0.1);
    color: var(--text-primary);
    transform: translateY(-50%) scale(1.1);
}

.alert .btn-close[b-9wyj348tpo]::before {
    content: "×";
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 500;
}

/* Enhanced notification text styling */
.alert span[b-9wyj348tpo] {
    color: var(--text-primary);
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 500;
    text-align: left;
}

/* Info alert auto-fade */
.alert.alert-info.info-fade[b-9wyj348tpo] {
    animation: infoFadeOut-b-9wyj348tpo 0.6s ease forwards;
}

.alert.alert-success.info-fade[b-9wyj348tpo] {
    animation: infoFadeOut-b-9wyj348tpo 0.6s ease forwards;
}

.alert.alert-danger.info-fade[b-9wyj348tpo] {
    animation: infoFadeOut-b-9wyj348tpo 0.6s ease forwards;
}

@keyframes infoFadeOut-b-9wyj348tpo {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(4px); }
}
/* /Components/DictationPartials/ReportQuadrant.razor.rz.scp.css */
/* Report Quadrant Specifics */
.report-header-left[b-z95xjnq9x3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.active-template-indicator[b-z95xjnq9x3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--accent-blue);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 16px;
    font-size: 0.75rem;
    font-weight: 500;
}

.clear-template-btn[b-z95xjnq9x3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    border-radius: 50%;
    padding: 0;
    margin-left: 0px;
    transition: background 0.2s;
    cursor: pointer;
}

    .clear-template-btn svg[b-z95xjnq9x3] {
        width: 14px;
        height: 14px;
        stroke: white !important;
    }

    .clear-template-btn:hover[b-z95xjnq9x3],
    .clear-template-btn:focus[b-z95xjnq9x3] {
        background: var(--clear-btn-hover);
        outline: none;
    }

    .clear-template-btn:active[b-z95xjnq9x3] {
        background: var(--clear-btn-active);
    }

.report-controls[b-z95xjnq9x3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.secondary-btn.analyzing[b-z95xjnq9x3] {
    background: var(--accent-blue);
    color: white;
}

/* Component-specific icon display fixes */
.clear-template-btn .oi[b-z95xjnq9x3],
.active-template-indicator .clear-template-btn .oi[b-z95xjnq9x3] {
    display: inline-flex !important;
    font-size: 0.75rem;
    font-weight: 300;
}

    .active-template-indicator .clear-template-btn .oi[b-z95xjnq9x3]:before {
        content: '\e0db' !important;
        display: inline-block !important;
    }

/* ---- Error-Highlighted Report View ---- */
.report-content-with-errors[b-z95xjnq9x3] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--bg-primary);
    border-radius: var(--border-radius-md);
    overflow: hidden;
    font-size: 0.875rem;
}

.error-highlighted-report[b-z95xjnq9x3] {
    flex: 1;
    overflow-y: auto;
    padding: var(--spacing-lg);
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    outline: none;
    white-space: pre-wrap;
    background: var(--bg-primary);
    color: var(--text-primary);
    font-family: var(--font-family-primary);
    font-size: 0.875rem;
}

    .error-highlighted-report .report-line[b-z95xjnq9x3] {
        position: relative;
        margin-bottom: 0;
        padding: 0;
        border-radius: var(--border-radius-sm);
        transition: background-color 0.15s ease;
    }


    /* Line-level highlighting removed - using only span-level flagged-error highlighting */
    /* All line-level styling removed to avoid double highlighting with flagged-error spans */

    .error-highlighted-report .line-text[b-z95xjnq9x3] {
        word-wrap: break-word;
        white-space: pre-wrap;
    }

        /* Apply ProseMirror base styling to all content elements */
        .error-highlighted-report .line-text div[b-z95xjnq9x3],
        .error-highlighted-report .line-text span[b-z95xjnq9x3] {
            color: var(--text-primary);
            font-family: var(--font-family-primary);
            line-height: 1.6;
        }

        /* Clean paragraph styling for error reports - matches ProseMirror */
        .error-highlighted-report .line-text p[b-z95xjnq9x3] {
            margin: 0 0 var(--spacing-md) 0;
            color: var(--text-primary);
            font-family: var(--font-family-primary);
            line-height: 1.6;
        }

            .error-highlighted-report .line-text p:last-child[b-z95xjnq9x3] {
                margin-bottom: 0;
            }

            /* Style section headers with visual distinction */
            .error-highlighted-report .line-text p.p1[b-z95xjnq9x3] {
                margin: 0 0 var(--spacing-md) 0;
                color: var(--text-primary);
                font-family: var(--font-family-primary);
                line-height: 1.6;
                font-weight: bold;
                text-transform: uppercase;
                letter-spacing: 0.5px;
            }

            /* Standard paragraph classes */
            .error-highlighted-report .line-text p.p2[b-z95xjnq9x3],
            .error-highlighted-report .line-text p.p3[b-z95xjnq9x3],
            .error-highlighted-report .line-text p.p4[b-z95xjnq9x3],
            .error-highlighted-report .line-text p.p5[b-z95xjnq9x3] {
                margin: 0 0 var(--spacing-md) 0;
                color: var(--text-primary);
                font-family: var(--font-family-primary);
                line-height: 1.6;
            }

.main-container .quadrant-content .report-content-with-errors .error-highlighted-report .line-text p.p1[b-z95xjnq9x3],
.main-container .quadrant-content .report-content-with-errors .error-highlighted-report .line-text p.p2[b-z95xjnq9x3],
.main-container .quadrant-content .report-content-with-errors .error-highlighted-report .line-text p.p3[b-z95xjnq9x3],
.main-container .quadrant-content .report-content-with-errors .error-highlighted-report .line-text p.p4[b-z95xjnq9x3],
.main-container .quadrant-content .report-content-with-errors .error-highlighted-report .line-text p.p5[b-z95xjnq9x3] {
    margin: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* Even more nuclear - Use HTML element specificity */
html body .main-container .quadrant-content .report-content-with-errors .error-highlighted-report .line-text p[b-z95xjnq9x3] {
    margin: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* Ultimate override - Target any p element within error view regardless of class */
.error-highlighted-report p[b-z95xjnq9x3],
.error-highlighted-report .line-text p[b-z95xjnq9x3],
.error-highlighted-report * p[b-z95xjnq9x3] {
    margin: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* Additional ProseMirror text formatting matches */
.error-highlighted-report .line-text strong[b-z95xjnq9x3],
.error-highlighted-report .line-text b[b-z95xjnq9x3] {
    font-weight: bold;
    color: var(--text-primary);
}

.error-highlighted-report .line-text em[b-z95xjnq9x3],
.error-highlighted-report .line-text i[b-z95xjnq9x3] {
    font-style: italic;
    color: var(--text-primary);
}

.error-highlighted-report .line-text u[b-z95xjnq9x3] {
    text-decoration: underline;
    color: var(--text-primary);
}

/* Enhanced error line styling - subtle and non-intrusive */
.error-highlighted-report .report-line.has-error .line-text[b-z95xjnq9x3] {
    position: relative;
}

/* Read-only report content styling - matches editor but indicates read-only state */
.report-readonly-content[b-z95xjnq9x3] {
    flex: 1;
    overflow-y: auto;
    padding: 1.25rem !important;
    min-height: 0;
    background-color: var(--bg-primary);
    font-family: var(--font-family-primary) !important;
    font-size: 0.875rem;
    line-height: 1.6;
    font-weight: 400;
    color: var(--text-primary) !important;
    white-space: pre-wrap;
    word-wrap: break-word;
    border: none;
    /* Read-only specific styling */
    cursor: default;
    user-select: text;
    opacity: 0.9;
}

/* ---- Toggleable error list (non-intrusive; no overrides to .error-controls-bar) ---- */

.error-list[b-z95xjnq9x3] {
    padding: 12px var(--spacing-lg) var(--spacing-lg);
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-top: 1px solid var(--border-primary);
    max-height: 35vh;
    overflow: auto;
    background: var(--bg-primary);
}

.error-list-item[b-z95xjnq9x3] {
    position: relative;
    padding: 16px;
    border-radius: var(--border-radius-md);
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    box-shadow: var(--shadow-sm);
    transition: var(--transition-normal);
}

.error-list-item:hover[b-z95xjnq9x3] {
    box-shadow: var(--shadow-md);
    border-color: var(--accent-blue);
}

.error-list-item .error-meta[b-z95xjnq9x3] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.error-list-item .error-text[b-z95xjnq9x3] {
    margin-bottom: 12px;
    color: var(--text-primary);
}

.error-list-item .error-text .original[b-z95xjnq9x3],
.error-list-item .error-text .corrected[b-z95xjnq9x3] {
    font-size: 0.875rem;
    margin: 4px 0;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.error-list-item .error-text .original .label[b-z95xjnq9x3],
.error-list-item .error-text .corrected .label[b-z95xjnq9x3] {
    flex-shrink: 0;
    min-width: 90px;
    font-weight: 600;
    padding-top: 6px;
}

.error-list-item .error-text .original .content[b-z95xjnq9x3],
.error-list-item .error-text .corrected .content[b-z95xjnq9x3] {
    flex: 1;
    word-break: break-word;
    padding: 6px 8px;
    border-radius: var(--border-radius-sm);
}

.error-list-item .error-text .original .content[b-z95xjnq9x3] {
    background: rgba(220, 38, 38, 0.1);
    border: 1px solid rgba(220, 38, 38, 0.3);
    color: var(--text-primary);
}

.error-list-item .error-text .corrected .content[b-z95xjnq9x3] {
    background: rgba(22, 163, 74, 0.1);
    border: 1px solid rgba(22, 163, 74, 0.3);
    color: var(--text-primary);
}

.error-list-item .error-text .reasoning[b-z95xjnq9x3] {
    font-size: 0.8rem;
    color: var(--text-secondary);
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 4px;
    padding-left: 8px;
}

.error-list-item .error-item-actions[b-z95xjnq9x3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

/* Tooltip-style badge styling */
.error-list-item .badge[b-z95xjnq9x3] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.error-list-item .badge-light[b-z95xjnq9x3] {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
}

.error-list-item .badge-low[b-z95xjnq9x3] {
    background: rgba(245, 124, 0, 0.2);
    color: #e65100;
    border: 1px solid rgba(245, 124, 0, 0.4);
}

.error-list-item .badge-medium[b-z95xjnq9x3] {
    background: rgba(230, 74, 25, 0.2);
    color: #d84315;
    border: 1px solid rgba(230, 74, 25, 0.4);
}

.error-list-item .badge-high[b-z95xjnq9x3] {
    background: rgba(244, 67, 54, 0.2);
    color: var(--error-critical);
    border: 1px solid rgba(244, 67, 54, 0.4);
}

.error-list-item .badge-critical[b-z95xjnq9x3] {
    background: rgba(198, 40, 40, 0.2);
    color: #c62828;
    border: 1px solid rgba(198, 40, 40, 0.4);
}

/* Tooltip-style action buttons */
.error-list-item .btn[b-z95xjnq9x3] {
    background: var(--bg-primary);
    color: var(--text-primary);
    border: 1px solid var(--border-primary);
    border-radius: var(--border-radius-sm);
    padding: 0.4rem 0.8rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    transition: all 0.2s ease;
    text-decoration: none;
    cursor: pointer;
}

.error-list-item .btn:hover[b-z95xjnq9x3] {
    background: var(--surface-hover);
    border-color: var(--accent-blue);
    box-shadow: var(--shadow-sm);
}

.error-list-item .btn-outline-success[b-z95xjnq9x3] {
    background: transparent;
    color: var(--success-green);
    border-color: var(--success-green);
}

.error-list-item .btn-outline-success:hover[b-z95xjnq9x3] {
    background: var(--success-green);
    color: white;
    box-shadow: 0 2px 4px rgba(76, 175, 80, 0.2);
}

.error-list-item .btn-outline-secondary[b-z95xjnq9x3] {
    background: transparent;
    color: var(--text-secondary);
    border-color: var(--border-primary);
}

.error-list-item .btn-outline-secondary:hover[b-z95xjnq9x3] {
    background: var(--surface-hover);
    border-color: var(--accent-blue);
    color: var(--text-primary);
}

    /* Ensure all text elements in read-only content match editor styling */
    .report-readonly-content p[b-z95xjnq9x3],
    .report-readonly-content div[b-z95xjnq9x3],
    .report-readonly-content span[b-z95xjnq9x3],
    .report-readonly-content strong[b-z95xjnq9x3],
    .report-readonly-content em[b-z95xjnq9x3],
    .report-readonly-content b[b-z95xjnq9x3],
    .report-readonly-content i[b-z95xjnq9x3],
    .report-readonly-content u[b-z95xjnq9x3],
    .report-readonly-content s[b-z95xjnq9x3],
    .report-readonly-content mark[b-z95xjnq9x3],
    .report-readonly-content small[b-z95xjnq9x3],
    .report-readonly-content sub[b-z95xjnq9x3],
    .report-readonly-content sup[b-z95xjnq9x3],
    .report-readonly-content h1[b-z95xjnq9x3],
    .report-readonly-content h2[b-z95xjnq9x3],
    .report-readonly-content h3[b-z95xjnq9x3],
    .report-readonly-content h4[b-z95xjnq9x3],
    .report-readonly-content h5[b-z95xjnq9x3],
    .report-readonly-content h6[b-z95xjnq9x3],
    .report-readonly-content a[b-z95xjnq9x3],
    .report-readonly-content blockquote[b-z95xjnq9x3],
    .report-readonly-content code[b-z95xjnq9x3],
    .report-readonly-content pre[b-z95xjnq9x3],
    .report-readonly-content table[b-z95xjnq9x3],
    .report-readonly-content table th[b-z95xjnq9x3],
    .report-readonly-content table td[b-z95xjnq9x3],
    .report-readonly-content ul[b-z95xjnq9x3],
    .report-readonly-content ol[b-z95xjnq9x3],
    .report-readonly-content li[b-z95xjnq9x3] {
        font-family: var(--font-family-primary) !important;
        color: var(--text-primary) !important;
    }

    /* Paragraph spacing for read-only content */
    .report-readonly-content p[b-z95xjnq9x3] {
        margin: 8px 0 !important;
        line-height: 1.6;
    }

/* Reject button styling */
.reject-overread-btn[b-z95xjnq9x3] {
    background-color: var(--bs-danger, #dc3545);
    border-color: var(--bs-danger, #dc3545);
    color: white;
    margin-left: 8px;
}

    .reject-overread-btn:hover[b-z95xjnq9x3] {
        background-color: #c82333;
        border-color: #bd2130;
        color: white;
    }

/* ========== Rejection Modal Styling ========== */

/* Modal overlay positioning */
.modal.show[b-z95xjnq9x3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* Modal dialog */
.modal-dialog.modal-dialog-centered[b-z95xjnq9x3] {
    max-width: 500px;
    margin: 0;
    position: relative;
    z-index: 10000 !important;
}

.modal-content[b-z95xjnq9x3] {
    border-radius: 6px;
    border: 1px solid var(--border-primary);
    background: var(--bg-primary);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.modal-header[b-z95xjnq9x3] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border-primary);
}

    .modal-header .modal-title[b-z95xjnq9x3] {
        font-size: 1.25rem;
        font-weight: 600;
        color: var(--text-primary);
        margin: 0;
    }

.modal-body[b-z95xjnq9x3] {
    padding: 1.25rem;
}

    .modal-body > p[b-z95xjnq9x3] {
        font-size: 0.95rem;
        line-height: 1.5;
        color: var(--text-primary);
        margin-bottom: 1.25rem;
    }

    .modal-body .form-group[b-z95xjnq9x3] {
        margin-bottom: 0;
    }

        .modal-body .form-group label[b-z95xjnq9x3] {
            font-weight: 500;
            margin-bottom: 0.75rem;
            font-size: 0.9rem;
            color: var(--text-primary);
            display: block;
        }

    .modal-body .form-control[b-z95xjnq9x3] {
        font-size: 0.9rem;
        line-height: 1.4;
        padding: 0.75rem;
        border: 1px solid var(--border-primary);
        border-radius: 4px;
        background: var(--bg-primary);
        color: var(--text-primary);
        resize: vertical;
        min-height: 90px;
        font-family: inherit;
        width: 100%;
    }

        .modal-body .form-control:focus[b-z95xjnq9x3] {
            outline: none;
            border-color: var(--accent-blue);
            box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.15);
        }

        .modal-body .form-control[b-z95xjnq9x3]::placeholder {
            color: var(--text-muted);
            opacity: 0.7;
        }

.modal-footer[b-z95xjnq9x3] {
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--border-primary);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

    .modal-footer .btn[b-z95xjnq9x3] {
        font-size: 0.9rem;
        padding: 0.5rem 1.25rem;
        border-radius: 4px;
        font-weight: 500;
    }

/* Modal backdrop */
.modal-backdrop.show[b-z95xjnq9x3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

.editor-wrap[b-z95xjnq9x3] {
    position: relative;
    height: 100%
}

    .editor-wrap.is-locked .k-editor[b-z95xjnq9x3] {
        opacity: 0.6;
        transition: opacity .15s ease-in-out;
    }

    .editor-wrap.is-locked .k-editor-toolbar[b-z95xjnq9x3],
    .editor-wrap.is-locked .k-editor-content[b-z95xjnq9x3] {
        pointer-events: none;
        user-select: none;
    }

        .editor-wrap.is-locked .k-editor-content[contenteditable="true"][b-z95xjnq9x3] {
            caret-color: transparent;
            cursor: not-allowed;
        }

/* overlay */
.editor-scrim[b-z95xjnq9x3] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background: rgba(0,0,0,.25);
    pointer-events: all;
    cursor: wait;
    z-index: 2;
    font: 500 14px system-ui, sans-serif;
}

@media (prefers-color-scheme: dark) {
    .editor-scrim[b-z95xjnq9x3] {
        background: rgba(0,0,0,.25);
    }
}

/* Centered overlay */
.editor-wrap .loading-backdrop[b-z95xjnq9x3] {
    position: absolute;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    background: rgba(0,0,0,.08);
    pointer-events: all;
}

.editor-wrap .loading-content[b-z95xjnq9x3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--text-primary);
    background: color-mix(in srgb, var(--bg-primary) 85%, transparent);
    border: 1px solid var(--border-color);
    padding: 8px 12px;
    border-radius: 10px;
    font: 500 13px/1.2 system-ui, sans-serif;
}

@media (prefers-color-scheme: dark) {
    .editor-wrap .loading-backdrop[b-z95xjnq9x3] {
        background: rgba(0,0,0,.25);
    }
}

.version-text[b-z95xjnq9x3] {
    position: absolute;
    bottom: 0px;
    right: 18px;
    font-size: 12px;
    opacity: 0.7;
    z-index: 0;
}

.preparing-report-bg[b-z95xjnq9x3] {
    background: rgba(0, 0, 0, .25);
}

/* Reduce top spacing above action buttons to avoid covering report text */
.report-quad .report-action-buttons[b-z95xjnq9x3] {
    padding-top: 6px !important;
    padding-right: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
    padding-left: var(--spacing-lg);
    margin-top: 0 !important;
}
/* /Components/DictationPartials/VersionHistoryModal.razor.rz.scp.css */
/* Modal Backdrop and Container Styles */
.version-modal-backdrop[b-7k6q3pka8b] {
    z-index: var(--z-modal-backdrop);
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
}

.version-modal-container[b-7k6q3pka8b] {
    z-index: var(--z-modal);
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.version-modal-dialog[b-7k6q3pka8b] {
    margin: 0;
    max-width: 90%;
    width: 800px;
}

/* Modal Structure Styles */
.modal-content[b-7k6q3pka8b] {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-xl);
    max-height: 85vh;
    display: flex;
    flex-direction: column;
}

.modal-header[b-7k6q3pka8b] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    font-size: var(--font-size-lg);
    padding: var(--spacing-lg);
    border-bottom: 1px solid var(--border-color);
    border-top-left-radius: calc(var(--border-radius-lg) - 1px);
    border-top-right-radius: calc(var(--border-radius-lg) - 1px);
    background: var(--bg-tertiary);
}

.modal-title[b-7k6q3pka8b] {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--text-primary);
}

.btn-close[b-7k6q3pka8b] {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: var(--text-primary);
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='m.235 15.765a.8.8 0 0 0 1.13 0l6.635-6.635 6.635 6.635a.8.8 0 0 0 1.13-1.13l-6.635-6.635 6.635-6.635a.8.8 0 0 0-1.13-1.13l-6.635 6.635-6.635-6.635a.8.8 0 0 0-1.13 1.13l6.635 6.635-6.635 6.635a.8.8 0 0 0 0 1.13z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: var(--border-radius-sm);
    opacity: 0.7;
    cursor: pointer;
}

.btn-close:hover[b-7k6q3pka8b] {
    opacity: 1;
}

.btn-close:focus[b-7k6q3pka8b] {
    outline: 0;
    box-shadow: var(--form-focus-shadow);
    opacity: 1;
}

.modal-body[b-7k6q3pka8b] {
    position: relative;
    flex: 1 1 auto;
    padding: var(--spacing-lg);
    overflow-y: auto;
    max-height: 60vh;
    background: var(--bg-primary);
}

.modal-footer[b-7k6q3pka8b] {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: var(--spacing-md);
    border-top: 1px solid var(--border-color);
    border-bottom-right-radius: calc(var(--border-radius-lg) - 1px);
    border-bottom-left-radius: calc(var(--border-radius-lg) - 1px);
    background: var(--bg-tertiary);
}

.modal-footer .btn[b-7k6q3pka8b] {
    margin: 0.125rem;
}

/* Button Styles */
.btn[b-7k6q3pka8b] {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-primary);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: var(--form-font-size);
    border-radius: var(--form-border-radius);
    transition: var(--transition-normal);
}

.btn:hover[b-7k6q3pka8b] {
    color: var(--text-primary);
}

.btn:focus[b-7k6q3pka8b] {
    outline: 0;
    box-shadow: var(--form-focus-shadow);
}

.btn-secondary[b-7k6q3pka8b] {
    color: var(--text-primary);
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
}

.btn-secondary:hover[b-7k6q3pka8b] {
    color: var(--text-primary);
    background-color: var(--bg-secondary);
    border-color: var(--border-hover);
}

.btn-outline-primary[b-7k6q3pka8b] {
    color: var(--accent-primary);
    border-color: var(--accent-primary);
}

.btn-outline-primary:hover[b-7k6q3pka8b] {
    color: var(--text-primary);
    background-color: var(--accent-primary);
    border-color: var(--accent-primary);
}

.btn-outline-secondary[b-7k6q3pka8b] {
    color: var(--text-secondary);
    border-color: var(--border-color);
}

.btn-outline-secondary:hover[b-7k6q3pka8b] {
    color: var(--text-primary);
    background-color: var(--bg-tertiary);
    border-color: var(--border-hover);
}

.btn-sm[b-7k6q3pka8b] {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 0.8rem;
    border-radius: var(--border-radius-sm);
}

/* Badge Styles */
.badge[b-7k6q3pka8b] {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: var(--text-primary);
    background: var(--accent-primary);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--border-radius-sm);
}

/* Version History Modal Styles */
.version-history-list[b-7k6q3pka8b] {
    max-height: 60vh;
    overflow-y: auto;
}

.version-item[b-7k6q3pka8b] {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-lg);
    padding: var(--spacing-lg);
    margin-bottom: var(--spacing-md);
    background: var(--bg-secondary);
    transition: var(--transition-normal);
}

.version-item:hover[b-7k6q3pka8b] {
    background: var(--bg-tertiary);
    box-shadow: var(--shadow-md);
}

.version-header[b-7k6q3pka8b] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-md);
}

.version-number[b-7k6q3pka8b] {
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--text-primary);
}

.version-type[b-7k6q3pka8b] {
    font-size: 0.8rem;
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--border-radius-sm);
}

.version-details[b-7k6q3pka8b] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-md);
    font-size: 0.9rem;
    color: var(--text-secondary);
}

.version-details > div[b-7k6q3pka8b] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.version-details .oi[b-7k6q3pka8b] {
    font-size: 0.8rem;
}

.version-description[b-7k6q3pka8b] {
    flex-basis: 100%;
    color: var(--text-primary);
    font-style: italic;
}

.version-actions[b-7k6q3pka8b] {
    display: flex;
    gap: var(--spacing-sm);
}

.version-actions .btn[b-7k6q3pka8b] {
    font-size: 0.85rem;
}

/* Text utility styles */
.text-muted[b-7k6q3pka8b] {
    color: var(--text-muted) !important;
}

.alert[b-7k6q3pka8b] {
    position: relative;
    padding: var(--spacing-md) var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    border: 1px solid transparent;
    border-radius: var(--border-radius-md);
}

.alert-info[b-7k6q3pka8b] {
    color: var(--text-primary);
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
}
/* /Components/NetworkStatusToast.razor.rz.scp.css */
/* Root block (keeps your layout as-is) */
.nw-toast[b-gmzs717ae2] {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    animation: nw-fade-slide-in-b-gmzs717ae2 280ms cubic-bezier(0.22, 1, 0.36, 1);
}

    .nw-toast.nw-toast--danger[b-gmzs717ae2] {
        bottom: 0px;
    }

    .nw-toast.nw-toast--success[b-gmzs717ae2] {
        bottom: 60px;
    }

/* Card */
.nw-toast__content[b-gmzs717ae2] {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 12px;
    row-gap: 2px;
    align-items: center;
    min-width: 320px;
    max-width: 420px;
    padding: 12px 16px 12px 20px; /* leave space for the accent bar */
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 14px 34px rgba(0,0,0,.28);
    font-family: system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    font-size: 13.5px;
    line-height: 1.35;
}

    /* fix accent bar position */
    .nw-toast__content[b-gmzs717ae2]::before {
        content: "";
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: -1px;
        width: 15px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    /* Icon circle (uses your <span class="oi oi-wifi">) */
    .nw-toast__content .oi[b-gmzs717ae2] {
        grid-row: 1 / span 2;
        display: inline-grid;
        place-items: center;
        width: 36px;
        height: 36px;
        border-radius: 999px;
        font-size: 18px;
        line-height: 0;
        background: rgba(255,255,255,.14);
        color: #fff; /* inherits for Open Iconic */
    }

    /* Title (your <strong>) on its own line */
    .nw-toast__content strong[b-gmzs717ae2] {
        grid-column: 2;
        font-size: 15px;
        font-weight: 800;
        letter-spacing: .2px;
        margin: 0 0 2px 0;
    }

/* ===== Variants ===== */

/* SUCCESS (Back online) */
.nw-toast--success .nw-toast__content[b-gmzs717ae2] {
    background: linear-gradient(180deg,#1f2937 0%,#111827 100%);
    border-color: rgba(255,255,255,.08);
    color: #f9fafb;
}

    .nw-toast--success .nw-toast__content[b-gmzs717ae2]::before {
        background: #7fc77e;
    }

    .nw-toast--success .nw-toast__content .oi[b-gmzs717ae2] {
        background: #7fc77e;
    }

/* DANGER (Network failed) — dark card with red accents */
.nw-toast--danger .nw-toast__content[b-gmzs717ae2] {
    background: linear-gradient(180deg,#1f2937 0%,#111827 100%);
    border-color: rgba(255,255,255,.08);
    color: #f9fafb;
}

    .nw-toast--danger .nw-toast__content[b-gmzs717ae2]::before {
        background: #f87171;
    }

    .nw-toast--danger .nw-toast__content .oi[b-gmzs717ae2] {
        background: rgba(248,113,113,.18);
        color: #ffffff;
    }

/* Smooth fade + slide up */
@keyframes nw-fade-slide-in-b-gmzs717ae2 {
    from {
        opacity: 0;
        transform: translate(-50%, 20px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translate(-50%, 0) scale(1);
    }
}

/* /Components/Shared/SpeechMeter.razor.rz.scp.css */

/* Volume Meter in Settings */
.floating-meter[b-em2755qw7w] {
    width: 100%;
    height: 15px;
    border: 1px solid rgba(90, 124, 138, 0.3);
    border-radius: 10px;
    overflow: hidden;
    background: rgba(30, 30, 32, 0.8);
    margin-bottom: 0.5rem;
    transition: all 0.3s ease;
}

    .floating-meter.speech-detected[b-em2755qw7w] {
        border-color: #22c55e;
        box-shadow: 0 0 8px rgba(34, 197, 94, 0.3);
    }

.meter-level[b-em2755qw7w] {
    height: 100%;
    width: 0%;
    border-radius: 10px;
    background: linear-gradient(90deg, #22c55e, #facc15, #ef4444);
    transition: width 80ms linear;
}

.floating-meter.speech-detected .meter-level[b-em2755qw7w] {
    background: linear-gradient(90deg, #22c55e, #10b981, #22c55e);
}

/* Speech Detection Indicators */
.speech-indicator[b-em2755qw7w] {
    margin-left: 0.5rem;
    font-size: 0.875rem;
    font-weight: normal;
    color: var(--text-secondary);
    opacity: 0.6;
}

    .speech-indicator.active[b-em2755qw7w] {
        color: #22c55e;
        opacity: 1;
        animation: pulse-b-em2755qw7w 1.5s ease-in-out infinite;
    }

@keyframes pulse-b-em2755qw7w {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }
}

.speech-active[b-em2755qw7w] {
    color: #22c55e;
    font-weight: 500;
}
/* /Components/TemplateManager.razor.rz.scp.css */
.hidden[b-4uhfd6o3tz] {
    display: none
}

.exam-code-field[b-4uhfd6o3tz] {
    margin-top: 15px;
}

.edit-exam-code-input[b-4uhfd6o3tz] {
    width: 100%;
    padding: 8px;
    background-color: #2d2d2d;
    color: #e0e0e0;
    border: 1px solid #555;
    border-radius: 4px;
}

.exam-code-badge[b-4uhfd6o3tz] {
    margin-left: 10px;
    padding: 4px 8px;
    background-color: #404040;
    border-radius: 4px;
    font-size: 0.9em;
    color: #b0b0b0;
}
/* /Components/WorkflowStatusBar.razor.rz.scp.css */
/* Workflow Status Bar Styles */
.workflow-status-bar[b-7xgtvj82o3] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    padding: 10px 14px;
    margin: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

.workflow-status-bar.workflow-draft[b-7xgtvj82o3] {
    background-color: var(--bg-secondary);
    border-left: 3px solid #6c757d;
}

.workflow-status-bar.workflow-preliminary[b-7xgtvj82o3] {
    background-color: var(--bg-secondary);
    border-left: 3px solid #ffc107;
}

.workflow-status-bar.workflow-in-review[b-7xgtvj82o3] {
    background-color: var(--bg-secondary);
    border-left: 3px solid #17a2b8;
}

.workflow-status-bar.workflow-final[b-7xgtvj82o3] {
    background-color: var(--bg-secondary);
    border-left: 3px solid #28a745;
}

.workflow-status-bar.workflow-corrected[b-7xgtvj82o3] {
    background-color: var(--bg-secondary);
    border-left: 3px solid #dc3545;
}

.workflow-status-content[b-7xgtvj82o3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.workflow-status-icon[b-7xgtvj82o3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 0.9rem;
    color: var(--text-primary);
}

.workflow-status-text[b-7xgtvj82o3] {
    font-weight: 500;
    color: var(--text-primary);
    font-size: 0.875rem;
}

.workflow-author-info[b-7xgtvj82o3] {
    font-size: 0.8rem;
    color: var(--text-secondary);
    font-style: normal;
}

.workflow-status-actions[b-7xgtvj82o3] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.workflow-lock-info[b-7xgtvj82o3] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.workflow-version-history-btn[b-7xgtvj82o3] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    font-size: 0.75rem;
    font-weight: 500;
    background: rgba(108, 117, 125, 0.1);
    color: var(--text-secondary);
    border: 1px solid rgba(108, 117, 125, 0.2);
    border-radius: 4px;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.workflow-version-history-btn:hover[b-7xgtvj82o3] {
    background: rgba(108, 117, 125, 0.15);
    color: var(--text-primary);
    border-color: rgba(108, 117, 125, 0.3);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.workflow-version-history-btn .oi[b-7xgtvj82o3] {
    font-size: 0.7rem;
}
/* /Pages/Index.razor.rz.scp.css */
/* /Pages/Login.razor.rz.scp.css */
#login-container[b-432tr8eacf] {
    color: black;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('/images/background.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0;
}

[b-432tr8eacf] .form {
    z-index: 1;
    margin-bottom: 10%;
    background: #f7f7f7;
    width: 400px;
    text-align: center;
    padding: 30px;
    border-radius: 5px;
    border: 1px #5db4e2 solid;
}

[b-432tr8eacf] .form .kq-span {
    color: #636c72;
    font-size: 14px;
}

[b-432tr8eacf] .form .k-input {
    text-align: left;
    text-indent: 0;
    padding: 0px;
}

[b-432tr8eacf] .form input {
    outline: 0;
    background: #FFFFFF;
    width: 100%;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
}

[b-432tr8eacf] .form .k-combobox,
[b-432tr8eacf] .form .k-dropdown {
    width: 100% !important;
    margin: 0px 0px 15px;
} 

[b-432tr8eacf] .form .k-dropdown .k-dropdown-wrap {
    outline: 0;
    background: #FFFFFF;
    width: 100%;
    border: 0;
    padding: 15px;
    box-sizing: border-box;
}

[b-432tr8eacf] .spinner-holder {
    margin-bottom: 15px;
}

.login-button[b-432tr8eacf] {
    text-transform: uppercase;
    outline: 0;
    background: #56b4e7;
    width: 100%;
    border: 0;
    padding: 15px;
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
}

.login-button:hover[b-432tr8eacf], .login-button:active[b-432tr8eacf], .login-button:focus[b-432tr8eacf] {
    background: #3aaaef;
}

.form .message[b-432tr8eacf] {
    margin: 15px 0 0;
    color: #b3b3b3;
    font-size: 12px;
    margin-bottom: -15px;
}

.form .error[b-432tr8eacf] {
    margin: 15px 0 0;
    /*color: green;*/
    font-size: 16px;
    font-weight: bold;
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* Minimal Dark Theme Layout */
.full-screen-layout[b-pxcchgu992] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--bg-primary);
    color: var(--text-primary);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

main[b-pxcchgu992] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.content[b-pxcchgu992] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}

/* Error UI Styling for Dark Theme */
#blazor-error-ui[b-pxcchgu992] {
    background: var(--bg-secondary);
    color: var(--text-primary);
    bottom: 0;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.3);
    display: none;
    left: 0;
    padding: 1rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    border-top: 1px solid var(--accent-blue);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.875rem;
}

    #blazor-error-ui .dismiss[b-pxcchgu992] {
        cursor: pointer;
        position: absolute;
        right: 1rem;
        top: 1rem;
        color: var(--text-secondary);
        font-size: 1rem;
        transition: color 0.2s ease;
    }

        #blazor-error-ui .dismiss:hover[b-pxcchgu992] {
            color: var(--text-primary);
        }

    #blazor-error-ui .reload[b-pxcchgu992] {
        color: var(--accent-blue);
        text-decoration: none;
        font-weight: 500;
        transition: color 0.2s ease;
    }

        #blazor-error-ui .reload:hover[b-pxcchgu992] {
            color: var(--accent-blue-hover);
            text-decoration: underline;
        }

/* Global styles for minimal dark theme */
*[b-pxcchgu992] {
    box-sizing: border-box;
}

body[b-pxcchgu992] {
    margin: 0;
    padding: 0;
    background: var(--bg-primary);
    color: var(--text-primary);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Scrollbar styling for minimal theme */
[b-pxcchgu992]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

[b-pxcchgu992]::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

[b-pxcchgu992]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 3px;
}

    [b-pxcchgu992]::-webkit-scrollbar-thumb:hover {
        background: var(--border-hover);
    }

.page[b-pxcchgu992] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

/* Top Navigation */
.top-nav[b-pxcchgu992] {
    background-color: #2c3e50;
    color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    z-index: 1000;
}

.nav-container[b-pxcchgu992] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.5rem;
    height: 60px;
}

.nav-brand[b-pxcchgu992] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.nav-brand .oi[b-pxcchgu992] {
    font-size: 1.4rem;
}

.nav-links[b-pxcchgu992] {
    display: flex;
    align-items: center;
    gap: 0;
}

.nav-link[b-pxcchgu992] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    color: #bdc3c7;
    text-decoration: none;
    border-radius: 4px;
    margin: 0 0.25rem;
    transition: all 0.15s ease-in-out;
}

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

.nav-link.active[b-pxcchgu992] {
    color: white;
    background-color: rgba(255,255,255,0.2);
}

.nav-link .oi[b-pxcchgu992] {
    font-size: 1rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .nav-container[b-pxcchgu992] {
        padding: 0 1rem;
    }
    
    .nav-brand span:last-child[b-pxcchgu992] {
        display: none;
    }
    
    .nav-link span:last-child[b-pxcchgu992] {
        display: none;
    }
    
    .nav-link[b-pxcchgu992] {
        padding: 0.75rem;
    }
}