/* /Components/Admin/ModuleUnitTestPanel.razor.rz.scp.css */
/* Module Unit Test Panel Styles */

.unit-test-overlay[b-qa9j09msre] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

.unit-test-modal[b-qa9j09msre] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    width: 90%;
    max-width: 900px;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
}

.modal-header[b-qa9j09msre] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    background: linear-gradient(135deg, #2b5797 0%, #1e3a5f 100%);
    border-radius: 12px 12px 0 0;
    color: white;
}

.modal-header h2[b-qa9j09msre] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.btn-close[b-qa9j09msre] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.2s;
}

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

.modal-body[b-qa9j09msre] {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
}

/* Loading */
.loading-indicator[b-qa9j09msre] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    gap: 16px;
}

.spinner[b-qa9j09msre] {
    width: 48px;
    height: 48px;
    border: 4px solid #e0e0e0;
    border-top-color: #2b5797;
    border-radius: 50%;
    animation: spin-b-qa9j09msre 1s linear infinite;
}

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

/* Error */
.error-message[b-qa9j09msre] {
    background: #ffebee;
    color: #c62828;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}

.btn-retry[b-qa9j09msre] {
    margin-left: 16px;
    padding: 6px 12px;
    background: #c62828;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* Selection Form */
.module-selection[b-qa9j09msre] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.selection-row[b-qa9j09msre] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.selection-row label[b-qa9j09msre] {
    min-width: 120px;
    font-weight: 500;
    color: #333;
}

.selection-row select[b-qa9j09msre],
.selection-row input[b-qa9j09msre] {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.9rem;
}

.selection-row select:focus[b-qa9j09msre],
.selection-row input:focus[b-qa9j09msre] {
    outline: none;
    border-color: #2b5797;
    box-shadow: 0 0 0 2px rgba(43, 87, 151, 0.1);
}

/* Runs List */
.runs-list[b-qa9j09msre] {
    margin-top: 16px;
}

.runs-list h4[b-qa9j09msre] {
    margin: 0 0 12px 0;
    color: #333;
}

.runs-list table[b-qa9j09msre] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.runs-list th[b-qa9j09msre],
.runs-list td[b-qa9j09msre] {
    padding: 8px 12px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.runs-list th[b-qa9j09msre] {
    background: #f5f5f5;
    font-weight: 600;
    color: #555;
}

.runs-list tr:hover[b-qa9j09msre] {
    background: #f9f9f9;
}

.btn-run-single[b-qa9j09msre] {
    padding: 4px 10px;
    background: #2b5797;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.8rem;
}

.btn-run-single:hover[b-qa9j09msre] {
    background: #1e3a5f;
}

/* Action Buttons */
.action-buttons[b-qa9j09msre] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #eee;
}

.btn-cancel[b-qa9j09msre],
.btn-back[b-qa9j09msre] {
    padding: 10px 20px;
    background: #f5f5f5;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}

.btn-cancel:hover[b-qa9j09msre],
.btn-back:hover[b-qa9j09msre] {
    background: #e0e0e0;
}

.btn-batch[b-qa9j09msre] {
    padding: 10px 20px;
    background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}

.btn-batch:hover:not(:disabled)[b-qa9j09msre] {
    background: linear-gradient(135deg, #388e3c 0%, #2e7d32 100%);
}

.btn-batch:disabled[b-qa9j09msre] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Test Results */
.test-results[b-qa9j09msre],
.batch-results[b-qa9j09msre] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.results-header[b-qa9j09msre] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    border-radius: 8px;
    color: white;
}

.results-header.passed[b-qa9j09msre] {
    background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
}

.results-header.failed[b-qa9j09msre] {
    background: linear-gradient(135deg, #f44336 0%, #c62828 100%);
}

.results-header .status-icon[b-qa9j09msre] {
    font-size: 1.5rem;
    font-weight: 700;
}

.results-header .module-name[b-qa9j09msre] {
    font-size: 1.1rem;
    font-weight: 600;
}

.results-header .pass-rate[b-qa9j09msre] {
    margin-left: auto;
    font-size: 1.2rem;
    font-weight: 600;
}

/* Results Summary */
.results-summary[b-qa9j09msre] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.results-summary .stat[b-qa9j09msre] {
    flex: 1;
    min-width: 100px;
    background: #f8f9fa;
    padding: 12px 16px;
    border-radius: 8px;
    text-align: center;
}

.results-summary .stat .label[b-qa9j09msre] {
    display: block;
    font-size: 0.75rem;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.results-summary .stat .value[b-qa9j09msre] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
}

.results-summary .stat .value.passed[b-qa9j09msre] {
    color: #4caf50;
}

.results-summary .stat .value.failed[b-qa9j09msre] {
    color: #f44336;
}

/* Failed Variables Table */
.failed-variables[b-qa9j09msre],
.common-failures[b-qa9j09msre] {
    background: #fff8e1;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #ffecb3;
}

.failed-variables h4[b-qa9j09msre],
.common-failures h4[b-qa9j09msre] {
    margin: 0 0 12px 0;
    color: #f57c00;
}

.failed-variables table[b-qa9j09msre],
.common-failures table[b-qa9j09msre] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.failed-variables th[b-qa9j09msre],
.failed-variables td[b-qa9j09msre],
.common-failures th[b-qa9j09msre],
.common-failures td[b-qa9j09msre] {
    padding: 8px 12px;
    text-align: left;
    border-bottom: 1px solid #ffe0b2;
}

.failed-variables th[b-qa9j09msre],
.common-failures th[b-qa9j09msre] {
    background: #fff3e0;
    font-weight: 600;
    color: #e65100;
}

.failed-variables .diff[b-qa9j09msre] {
    color: #f44336;
    font-weight: 600;
}

.more-results[b-qa9j09msre] {
    margin: 12px 0 0;
    color: #666;
    font-style: italic;
}

/* Individual Run Results */
.individual-results[b-qa9j09msre] {
    max-height: 200px;
    overflow-y: auto;
}

.individual-results h4[b-qa9j09msre] {
    margin: 0 0 12px 0;
    color: #333;
}

.run-result[b-qa9j09msre] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border-radius: 4px;
    margin-bottom: 4px;
    font-size: 0.85rem;
}

.run-result.passed[b-qa9j09msre] {
    background: #e8f5e9;
}

.run-result.failed[b-qa9j09msre] {
    background: #ffebee;
}

.run-result .status[b-qa9j09msre] {
    font-weight: 700;
    min-width: 40px;
}

.run-result.passed .status[b-qa9j09msre] {
    color: #4caf50;
}

.run-result.failed .status[b-qa9j09msre] {
    color: #f44336;
}

.run-result .calc-id[b-qa9j09msre] {
    flex: 1;
    color: #333;
}

.run-result .rate[b-qa9j09msre] {
    font-weight: 600;
}

.run-result .counts[b-qa9j09msre] {
    color: #666;
}

/* Trace Results Styles */
.trace-results .trace-badge[b-qa9j09msre] {
    background: #9c27b0;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.btn-trace[b-qa9j09msre] {
    padding: 10px 20px;
    background: linear-gradient(135deg, #9c27b0 0%, #7b1fa2 100%);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}

.btn-trace:hover[b-qa9j09msre] {
    background: linear-gradient(135deg, #7b1fa2 0%, #6a1b9a 100%);
}

/* Input Snapshot */
.inputs-snapshot[b-qa9j09msre] {
    background: #e3f2fd;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #bbdefb;
}

.inputs-snapshot h4[b-qa9j09msre] {
    margin: 0 0 12px 0;
    color: #1565c0;
}

.inputs-snapshot table[b-qa9j09msre] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.inputs-snapshot th[b-qa9j09msre],
.inputs-snapshot td[b-qa9j09msre] {
    padding: 6px 10px;
    text-align: left;
    border-bottom: 1px solid #90caf9;
}

.inputs-snapshot th[b-qa9j09msre] {
    background: #e1f5fe;
    font-weight: 600;
    color: #0277bd;
}

/* Calculation Trace */
.calculation-trace[b-qa9j09msre] {
    background: #fafafa;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.calculation-trace h4[b-qa9j09msre] {
    margin: 0 0 12px 0;
    color: #333;
}

.trace-filter[b-qa9j09msre] {
    display: flex;
    gap: 16px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.trace-filter label[b-qa9j09msre] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    color: #555;
    cursor: pointer;
}

.trace-filter input[type="checkbox"][b-qa9j09msre] {
    width: 16px;
    height: 16px;
}

.trace-list[b-qa9j09msre] {
    max-height: 300px;
    overflow-y: auto;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.8rem;
}

.trace-step[b-qa9j09msre] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 4px;
    margin-bottom: 2px;
}

.trace-step.info[b-qa9j09msre] {
    background: #f5f5f5;
}

.trace-step.debug[b-qa9j09msre] {
    background: #f0f4f8;
    color: #607d8b;
}

.trace-step.warning[b-qa9j09msre] {
    background: #fff8e1;
    color: #f57c00;
}

.trace-step.error[b-qa9j09msre] {
    background: #ffebee;
    color: #c62828;
}

.trace-step.inputset[b-qa9j09msre] {
    background: #e3f2fd;
    border-left: 3px solid #2196f3;
}

.trace-step.equationcalculated[b-qa9j09msre] {
    background: #f3e5f5;
    border-left: 3px solid #9c27b0;
}

.trace-step.moduleloaded[b-qa9j09msre],
.trace-step.calculationcomplete[b-qa9j09msre] {
    background: #e8f5e9;
    border-left: 3px solid #4caf50;
}

.trace-step .step-num[b-qa9j09msre] {
    color: #999;
    min-width: 35px;
}

.trace-step .step-type[b-qa9j09msre] {
    color: #666;
    font-size: 0.7rem;
    min-width: 90px;
}

.trace-step .equation[b-qa9j09msre] {
    background: #9c27b0;
    color: white;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 0.7rem;
}

.trace-step .var-num[b-qa9j09msre] {
    background: #2196f3;
    color: white;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 0.7rem;
}

.trace-step .message[b-qa9j09msre] {
    flex: 1;
    color: #333;
}

.trace-step .result[b-qa9j09msre] {
    color: #4caf50;
    font-weight: 600;
}

/* Failed variable selection */
.failed-variables tr[b-qa9j09msre] {
    cursor: pointer;
    transition: background 0.2s;
}

.failed-variables tr:hover[b-qa9j09msre] {
    background: #fff3e0;
}

.failed-variables tr.selected[b-qa9j09msre] {
    background: #ffe0b2;
    border-left: 3px solid #f57c00;
}

/* Hint text */
.failed-variables h4 .hint[b-qa9j09msre] {
    font-size: 0.75rem;
    font-weight: 400;
    color: #888;
    font-style: italic;
}

/* Focus filter */
.focus-filter[b-qa9j09msre] {
    background: #f3e5f5;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #ce93d8;
}

.focus-filter strong[b-qa9j09msre] {
    color: #7b1fa2;
}

/* Trace focus badge */
.trace-focus-badge[b-qa9j09msre] {
    background: #9c27b0;
    color: white;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 0.8rem;
    font-weight: 600;
    margin-left: 8px;
}

/* Highlighted trace step */
.trace-step.highlighted[b-qa9j09msre] {
    background: #fff176 !important;
    border-left: 3px solid #f57c00 !important;
    font-weight: 600;
}

/* Open calculation button */
.btn-open-calc[b-qa9j09msre] {
    padding: 10px 20px;
    background: linear-gradient(135deg, #2196f3 0%, #1976d2 100%);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}

.btn-open-calc:hover[b-qa9j09msre] {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
}

/* Make trace list taller when many steps */
.calculation-trace .trace-list[b-qa9j09msre] {
    max-height: 500px;
}
/* /Components/Admin/WerkstoffTestPanel.razor.rz.scp.css */
/* Werkstoff K-Test Panel Styles */

.werkstoff-test-overlay[b-zqwbl71obd] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

.werkstoff-test-modal[b-zqwbl71obd] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    width: 95%;
    max-width: 1100px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.modal-header[b-zqwbl71obd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%);
    border-radius: 12px 12px 0 0;
    color: white;
}

.modal-header h2[b-zqwbl71obd] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.btn-close[b-zqwbl71obd] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.2s;
}

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

.modal-body[b-zqwbl71obd] {
    padding: 20px 24px;
    overflow-y: auto;
    flex: 1;
}

/* Loading */
.loading-indicator[b-zqwbl71obd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    gap: 16px;
}

.spinner[b-zqwbl71obd] {
    width: 48px;
    height: 48px;
    border: 4px solid #e0e0e0;
    border-top-color: #1565c0;
    border-radius: 50%;
    animation: spin-b-zqwbl71obd 1s linear infinite;
}

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

/* Error */
.error-message[b-zqwbl71obd] {
    background: #ffebee;
    color: #c62828;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.btn-retry[b-zqwbl71obd] {
    margin-left: auto;
    padding: 6px 16px;
    background: #c62828;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* Sections */
.section[b-zqwbl71obd] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
}

.section h3[b-zqwbl71obd] {
    margin: 0 0 12px 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Material Selection */
.material-selection .input-row[b-zqwbl71obd] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.material-selection label[b-zqwbl71obd] {
    font-weight: 500;
    min-width: 100px;
}

.material-selection input[type="number"][b-zqwbl71obd] {
    flex: 1;
    max-width: 150px;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
}

.btn-load[b-zqwbl71obd] {
    padding: 8px 20px;
    background: #1565c0;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}

.btn-load:hover:not(:disabled)[b-zqwbl71obd] {
    background: #0d47a1;
}

.btn-load:disabled[b-zqwbl71obd] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Material Info */
.material-info[b-zqwbl71obd] {
    margin-top: 12px;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px 16px;
}

.material-header[b-zqwbl71obd] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.material-number[b-zqwbl71obd] {
    font-weight: 700;
    font-size: 1.1rem;
    color: #1565c0;
}

.material-name[b-zqwbl71obd] {
    color: #666;
}

.material-details[b-zqwbl71obd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.badge[b-zqwbl71obd] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 500;
}

.badge-gefuege[b-zqwbl71obd] {
    background: #e3f2fd;
    color: #1565c0;
}

.prop[b-zqwbl71obd] {
    font-size: 0.9rem;
    color: #555;
    padding: 2px 8px;
    background: #f5f5f5;
    border-radius: 4px;
}

/* Parameters */
.param-grid[b-zqwbl71obd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.param-item[b-zqwbl71obd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.param-item label[b-zqwbl71obd] {
    font-size: 0.85rem;
    color: #666;
}

.param-item input[b-zqwbl71obd] {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
}

.param-item input:focus[b-zqwbl71obd] {
    outline: none;
    border-color: #1565c0;
    box-shadow: 0 0 0 2px rgba(21, 101, 192, 0.1);
}

/* Flags */
.flags-row[b-zqwbl71obd] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 8px;
    border-top: 1px solid #e0e0e0;
}

.flag-label[b-zqwbl71obd] {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    color: #555;
}

.flag-label input[type="checkbox"][b-zqwbl71obd] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* Regelwerk Selection */
.regelwerk-grid[b-zqwbl71obd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
}

.regelwerk-label[b-zqwbl71obd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
}

.regelwerk-label:hover[b-zqwbl71obd] {
    border-color: #1565c0;
    background: #e3f2fd;
}

.regelwerk-label input[type="checkbox"][b-zqwbl71obd] {
    width: 16px;
    height: 16px;
}

.regelwerk-actions[b-zqwbl71obd] {
    margin-top: 12px;
    display: flex;
    gap: 8px;
}

.btn-small[b-zqwbl71obd] {
    padding: 4px 12px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.85rem;
}

.btn-small:hover[b-zqwbl71obd] {
    background: #e0e0e0;
}

/* Action Buttons */
.action-buttons[b-zqwbl71obd] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-bottom: 16px;
}

.btn-cancel[b-zqwbl71obd] {
    padding: 10px 24px;
    background: #f5f5f5;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}

.btn-cancel:hover[b-zqwbl71obd] {
    background: #e0e0e0;
}

.btn-calculate[b-zqwbl71obd] {
    padding: 10px 32px;
    background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    font-size: 1rem;
}

.btn-calculate:hover:not(:disabled)[b-zqwbl71obd] {
    background: linear-gradient(135deg, #388e3c 0%, #2e7d32 100%);
}

.btn-calculate:disabled[b-zqwbl71obd] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Results Section */
.results[b-zqwbl71obd] {
    background: #fff;
    border: 2px solid #4caf50;
}

.results h3[b-zqwbl71obd] {
    color: #388e3c;
}

/* Input Summary */
.input-summary[b-zqwbl71obd] {
    background: #e8f5e9;
    padding: 12px 16px;
    border-radius: 6px;
    margin-bottom: 16px;
}

.summary-title[b-zqwbl71obd] {
    font-weight: 600;
    color: #2e7d32;
    display: block;
    margin-bottom: 6px;
}

.summary-values[b-zqwbl71obd] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.summary-values span[b-zqwbl71obd] {
    font-size: 0.9rem;
    color: #555;
    padding: 2px 8px;
    background: white;
    border-radius: 4px;
}

/* Results Table */
.results-table[b-zqwbl71obd] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.results-table th[b-zqwbl71obd],
.results-table td[b-zqwbl71obd] {
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}

.results-table th[b-zqwbl71obd] {
    background: #f5f5f5;
    font-weight: 600;
    color: #333;
    position: sticky;
    top: 0;
}

.results-table tbody tr[b-zqwbl71obd] {
    cursor: pointer;
    transition: background 0.2s;
}

.results-table tbody tr:hover[b-zqwbl71obd] {
    background: #f0f7ff;
}

.results-table tbody tr.expanded[b-zqwbl71obd] {
    background: #e3f2fd;
}

.regelwerk-name[b-zqwbl71obd] {
    font-weight: 600;
    color: #1565c0;
}

.k-value[b-zqwbl71obd] {
    font-weight: 700;
    font-size: 1rem;
    color: #2e7d32;
}

.formula[b-zqwbl71obd] {
    font-family: 'Consolas', monospace;
    font-size: 0.85rem;
    color: #666;
}

/* Details Row */
.details-row[b-zqwbl71obd] {
    background: #fafafa !important;
}

.details-row td[b-zqwbl71obd] {
    padding: 0 !important;
}

.result-details[b-zqwbl71obd] {
    padding: 16px;
    border-left: 4px solid #1565c0;
    margin: 0;
}

.detail-item[b-zqwbl71obd] {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 0.9rem;
}

.detail-item .label[b-zqwbl71obd] {
    font-weight: 600;
    color: #666;
    min-width: 150px;
}

.detail-item.notes[b-zqwbl71obd] {
    background: #fff3e0;
    padding: 8px 12px;
    border-radius: 4px;
    margin-top: 8px;
}

.detail-item.notes .label[b-zqwbl71obd] {
    color: #e65100;
}

/* Export Buttons */
.export-buttons[b-zqwbl71obd] {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #e0e0e0;
    align-items: center;
}

.btn-export[b-zqwbl71obd] {
    padding: 8px 16px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
}

.btn-export:hover[b-zqwbl71obd] {
    background: #e0e0e0;
}

.execution-time[b-zqwbl71obd] {
    margin-left: auto;
    font-size: 0.85rem;
    color: #888;
}
/* /Components/ModuleActionBar.razor.rz.scp.css */
/* ModuleActionBar Component Styles */

.module-action-bar[b-kpi707daag] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: linear-gradient(180deg, #2b5797 0%, #1e3a5f 100%);
    border-bottom: 1px solid #1a2e4a;
    min-height: 40px;
    position: relative;
    z-index: 100;
}

.action-bar-left[b-kpi707daag] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0; /* Menus should NOT shrink - highest priority */
}

.action-bar-center[b-kpi707daag] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1;
    justify-content: center;
    min-width: 0; /* Allow shrinking */
    flex-shrink: 1; /* Center shrinks first */
}

.action-bar-right[b-kpi707daag] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0; /* Don't shrink, but will be hidden via media query */
}

.action-bar-divider[b-kpi707daag] {
    width: 1px;
    height: 24px;
    background: rgba(255, 255, 255, 0.3);
    margin: 0 8px;
}

/* Menu Dropdown */
.action-menu-dropdown[b-kpi707daag] {
    position: relative;
    z-index: 1000;
}

.action-menu-trigger[b-kpi707daag] {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 5px 10px;
    background: none;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.8rem;
    color: #ffffff;
    transition: background 0.15s;
}

.action-menu-trigger:hover[b-kpi707daag] {
    background: rgba(255, 255, 255, 0.15);
}

.action-menu-trigger svg[b-kpi707daag] {
    opacity: 0.8;
}

.action-menu-content[b-kpi707daag] {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.25);
    padding: 4px 0;
    z-index: 9999;
}

.action-menu-item[b-kpi707daag] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 7px 12px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.8rem;
    color: #333;
    text-align: left;
    transition: background 0.1s;
}

.action-menu-item:hover[b-kpi707daag] {
    background: #f0f0f0;
}

.action-menu-item:disabled[b-kpi707daag] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.action-menu-item.highlight[b-kpi707daag] {
    color: #1a73e8;
    font-weight: 500;
}

.action-menu-item.checked[b-kpi707daag] {
    background: #e3f2fd;
}

.action-menu-item svg[b-kpi707daag] {
    flex-shrink: 0;
    color: #666;
}

.action-menu-item.highlight svg[b-kpi707daag] {
    color: #1a73e8;
}

.action-menu-item span:first-of-type:not(.shortcut):not(.badge)[b-kpi707daag] {
    flex: 1;
}

.shortcut[b-kpi707daag] {
    font-size: 0.7rem;
    color: #999;
    margin-left: auto;
}

.badge[b-kpi707daag] {
    font-size: 0.6rem;
    background: #1a73e8;
    color: white;
    padding: 2px 5px;
    border-radius: 3px;
    font-weight: 600;
}

.check-icon[b-kpi707daag] {
    margin-left: auto;
    color: #1a73e8;
}

.action-menu-divider[b-kpi707daag] {
    height: 1px;
    background: #e0e0e0;
    margin: 4px 10px;
}

.action-menu-backdrop[b-kpi707daag] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
}

/* Action Buttons */
.action-btn[b-kpi707daag] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 6px 10px;
    border: none;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 500;
    transition: all 0.15s;
}

.action-btn:hover[b-kpi707daag] {
    background: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}

.action-btn:active[b-kpi707daag] {
    background: rgba(255, 255, 255, 0.35);
}

.action-btn:disabled[b-kpi707daag] {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.action-btn-divider[b-kpi707daag] {
    width: 1px;
    height: 20px;
    background: rgba(255, 255, 255, 0.3);
    margin: 0 4px;
}

.action-btn-primary[b-kpi707daag] {
    background: linear-gradient(135deg, #1a73e8 0%, #1557b0 100%);
    color: white;
    padding: 6px 14px;
}

.action-btn-primary:hover[b-kpi707daag] {
    background: linear-gradient(135deg, #1557b0 0%, #104090 100%);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(26, 115, 232, 0.3);
}

.action-btn-validator[b-kpi707daag] {
    background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
    color: white;
}

.action-btn-validator:hover[b-kpi707daag] {
    background: linear-gradient(135deg, #388e3c 0%, #2e7d32 100%);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}

.action-btn-validatorpro[b-kpi707daag] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
    padding: 6px 12px;
}

.action-btn-validatorpro:hover[b-kpi707daag] {
    background: linear-gradient(135deg, #218838 0%, #1aa179 100%);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
}

/* Language Dropdown */
.action-language-dropdown[b-kpi707daag] {
    position: relative;
}

.action-language-btn[b-kpi707daag] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px 8px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.75rem;
    color: #ffffff;
    transition: all 0.15s;
}

.action-language-btn:hover[b-kpi707daag] {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.5);
}

.language-code[b-kpi707daag] {
    font-weight: 600;
    text-transform: uppercase;
}

.action-language-menu[b-kpi707daag] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 4px;
    min-width: 140px;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.25);
    padding: 4px 0;
    z-index: 9999;
}

.language-option[b-kpi707daag] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 6px 12px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.8rem;
    color: #333;
    text-align: left;
    transition: background 0.1s;
}

.language-option:hover[b-kpi707daag] {
    background: #f0f0f0;
}

.language-option.active[b-kpi707daag] {
    background: #e3f2fd;
}

.language-option .lang-code[b-kpi707daag] {
    font-weight: 600;
    text-transform: uppercase;
    min-width: 24px;
}

.language-option .lang-name[b-kpi707daag] {
    flex: 1;
    color: #666;
}

/* Module Info Badge */
.module-info-badge[b-kpi707daag] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    color: white;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
}

.module-info-badge .module-name[b-kpi707daag] {
    font-weight: 600;
}

.module-info-badge .instance-id[b-kpi707daag] {
    opacity: 0.8;
    font-size: 0.7rem;
}

/* Responsive Styles - Right/Center disappears first, left (menus) stays */
@media (max-width: 1200px) {
    /* First: Hide button text labels in center */
    .action-bar-center .action-btn span[b-kpi707daag] {
        display: none;
    }

    .action-bar-center .action-btn[b-kpi707daag] {
        padding: 6px 8px;
    }
}

@media (max-width: 1024px) {
    /* Hide language switcher (right side) completely */
    .action-bar-right[b-kpi707daag] {
        display: none;
    }

    /* Hide the divider between left and center */
    .module-action-bar > .action-bar-divider[b-kpi707daag] {
        display: none;
    }

    /* Center buttons get smaller */
    .action-bar-center[b-kpi707daag] {
        justify-content: flex-end;
        gap: 2px;
    }
}

@media (max-width: 900px) {
    /* Hide Undo/Redo buttons and dividers in center */
    .action-bar-center > .action-btn:first-child[b-kpi707daag],
    .action-bar-center > .action-btn:nth-child(2)[b-kpi707daag],
    .action-bar-center > .action-btn-divider[b-kpi707daag] {
        display: none;
    }
}

@media (max-width: 768px) {
    .module-action-bar[b-kpi707daag] {
        padding: 4px 8px;
        gap: 4px;
    }

    /* Keep menu text but smaller */
    .action-menu-trigger[b-kpi707daag] {
        padding: 4px 8px;
        font-size: 0.75rem;
    }

    /* Hide Material Server button */
    .action-bar-center > .action-btn:not(.action-btn-primary):not(.action-btn-validator):not(.action-btn-validatorpro)[b-kpi707daag] {
        display: none;
    }
}

@media (max-width: 600px) {
    /* Hide ValidatorPro, keep only Run and ValidatorQR */
    .action-bar-center .action-btn-validatorpro[b-kpi707daag] {
        display: none;
    }

    .action-bar-left[b-kpi707daag] {
        gap: 1px;
    }

    /* Smaller menu triggers */
    .action-menu-trigger[b-kpi707daag] {
        padding: 3px 6px;
        font-size: 0.7rem;
    }
}

@media (max-width: 500px) {
    /* Hide ValidatorQR, keep only Run button */
    .action-bar-center .action-btn-validator[b-kpi707daag] {
        display: none;
    }

    .action-btn-primary[b-kpi707daag] {
        padding: 4px 8px;
    }
}

@media (max-width: 420px) {
    /* Very small screens - hide some menu text, show first letter only */
    .action-menu-trigger span[b-kpi707daag] {
        max-width: 1ch;
        overflow: hidden;
    }

    .action-menu-trigger[b-kpi707daag] {
        padding: 3px 4px;
    }
}
/* /Components/TutorialSection.razor.rz.scp.css */
/* Tutorial Section Container */
.tutorial-section[b-h05wms95e6] {
    height: 100%;
    overflow: hidden;
}

.loading-tutorials[b-h05wms95e6] {
    text-align: center;
    padding: 48px;
    color: #666;
}

/* Tutorial Layout - Categories Left, Content Right */
.tutorial-layout[b-h05wms95e6] {
    display: flex;
    gap: 24px;
    height: 100%;
}

/* Category Navigation */
.tutorial-categories[b-h05wms95e6] {
    width: 200px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.category-btn[b-h05wms95e6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.9rem;
    color: #555;
    transition: all 0.2s ease;
    text-align: left;
}

.category-btn:hover[b-h05wms95e6] {
    background: #f0f4f8;
    color: #333;
}

.category-btn.active[b-h05wms95e6] {
    background: #1a73e8;
    color: white;
    border-color: #1a73e8;
}

.category-icon[b-h05wms95e6] {
    font-size: 1.2rem;
}

/* Content Area */
.tutorial-content[b-h05wms95e6] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

/* Video Grid */
.tutorials-grid[b-h05wms95e6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}

.tutorial-card[b-h05wms95e6] {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid transparent;
}

.tutorial-card:hover[b-h05wms95e6] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    border-color: #1a73e8;
}

.tutorial-thumbnail[b-h05wms95e6] {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
}

.tutorial-thumbnail img[b-h05wms95e6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-overlay[b-h05wms95e6] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s;
}

.tutorial-card:hover .play-overlay[b-h05wms95e6] {
    opacity: 1;
}

.video-duration[b-h05wms95e6] {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.tutorial-info[b-h05wms95e6] {
    padding: 16px;
}

.tutorial-info h4[b-h05wms95e6] {
    margin: 0 0 8px 0;
    font-size: 1rem;
    color: #333;
    line-height: 1.3;
}

.tutorial-info p[b-h05wms95e6] {
    margin: 0 0 12px 0;
    color: #666;
    font-size: 0.85rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tutorial-modules[b-h05wms95e6] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.module-tag[b-h05wms95e6] {
    background: #e3f2fd;
    color: #1565c0;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
}

/* Video Player */
.video-player-container[b-h05wms95e6] {
    max-width: 900px;
}

.btn-back-to-list[b-h05wms95e6] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: transparent;
    border: 1px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    color: #555;
    margin-bottom: 16px;
    transition: all 0.15s;
}

.btn-back-to-list:hover[b-h05wms95e6] {
    background: #f0f0f0;
    color: #333;
}

.video-wrapper[b-h05wms95e6] {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    border-radius: 12px;
    background: #000;
}

.video-wrapper iframe[b-h05wms95e6] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-info[b-h05wms95e6] {
    padding: 20px 0;
}

.video-info h3[b-h05wms95e6] {
    margin: 0 0 12px 0;
    font-size: 1.3rem;
    color: #333;
}

.video-info p[b-h05wms95e6] {
    margin: 0;
    color: #666;
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Documents Grid */
.documents-grid[b-h05wms95e6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.document-card[b-h05wms95e6] {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #fff;
    border-radius: 10px;
    padding: 16px 20px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid transparent;
}

.document-card:hover[b-h05wms95e6] {
    box-shadow: 0 6px 16px rgba(0,0,0,0.1);
    border-color: #1a73e8;
}

.doc-icon[b-h05wms95e6] {
    font-size: 2rem;
    color: #d32f2f;
}

.doc-info[b-h05wms95e6] {
    flex: 1;
}

.doc-info h4[b-h05wms95e6] {
    margin: 0 0 4px 0;
    font-size: 1rem;
    color: #333;
}

.doc-info p[b-h05wms95e6] {
    margin: 0 0 8px 0;
    color: #666;
    font-size: 0.85rem;
}

.doc-meta[b-h05wms95e6] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.doc-type[b-h05wms95e6] {
    background: #ffebee;
    color: #c62828;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
}

.doc-modules[b-h05wms95e6] {
    color: #888;
    font-size: 0.75rem;
}

.doc-download[b-h05wms95e6] {
    color: #1a73e8;
    opacity: 0.6;
    transition: opacity 0.15s;
}

.document-card:hover .doc-download[b-h05wms95e6] {
    opacity: 1;
}

/* No Tutorials Message */
.no-tutorials[b-h05wms95e6] {
    text-align: center;
    padding: 48px;
    color: #666;
}

/* Responsive */
@media (max-width: 768px) {
    .tutorial-layout[b-h05wms95e6] {
        flex-direction: column;
    }

    .tutorial-categories[b-h05wms95e6] {
        width: 100%;
        flex-direction: row;
        overflow-x: auto;
        padding-bottom: 8px;
    }

    .category-btn[b-h05wms95e6] {
        white-space: nowrap;
        padding: 8px 14px;
    }

    .tutorials-grid[b-h05wms95e6] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Validator/ValidationResultDisplay.razor.rz.scp.css */
.validation-result-display[b-f607nzo8ya] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.no-result[b-f607nzo8ya] {
    color: var(--text-muted, #666);
    text-align: center;
    padding: 1rem;
}

/* Summary */
.validation-summary[b-f607nzo8ya] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-radius: 8px;
}

.validation-summary.success[b-f607nzo8ya] {
    background: rgba(76, 175, 80, 0.1);
    border: 1px solid rgba(76, 175, 80, 0.3);
}

.validation-summary.success .summary-icon svg[b-f607nzo8ya] {
    color: #4caf50;
}

.validation-summary.warning[b-f607nzo8ya] {
    background: rgba(255, 152, 0, 0.1);
    border: 1px solid rgba(255, 152, 0, 0.3);
}

.validation-summary.warning .summary-icon svg[b-f607nzo8ya] {
    color: #ff9800;
}

.validation-summary.error[b-f607nzo8ya] {
    background: rgba(244, 67, 54, 0.1);
    border: 1px solid rgba(244, 67, 54, 0.3);
}

.validation-summary.error .summary-icon svg[b-f607nzo8ya] {
    color: #f44336;
}

.summary-content[b-f607nzo8ya] {
    flex: 1;
}

.summary-title[b-f607nzo8ya] {
    margin: 0 0 0.25rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.summary-stats[b-f607nzo8ya] {
    display: flex;
    gap: 1rem;
    font-size: 0.85rem;
}

.stat.errors[b-f607nzo8ya] {
    color: #f44336;
}

.stat.warnings[b-f607nzo8ya] {
    color: #ff9800;
}

.stat.infos[b-f607nzo8ya] {
    color: #2196f3;
}

/* Module Results */
.module-results h5[b-f607nzo8ya],
.cross-module-section h5[b-f607nzo8ya] {
    margin: 0 0 0.75rem 0;
    font-size: 0.9rem;
    color: var(--text-secondary, #aaa);
    border-bottom: 1px solid var(--border-color, #2a2a4a);
    padding-bottom: 0.5rem;
}

.module-result-item[b-f607nzo8ya] {
    background: var(--card-bg, #1a1a2e);
    border: 1px solid var(--border-color, #2a2a4a);
    border-radius: 6px;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
}

.module-header[b-f607nzo8ya] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.module-name[b-f607nzo8ya] {
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.section-code[b-f607nzo8ya] {
    font-size: 0.8rem;
    color: var(--text-muted, #666);
    background: var(--badge-bg, #2a2a4a);
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
}

/* Findings */
.findings-section h6[b-f607nzo8ya],
.envelope-section h6[b-f607nzo8ya] {
    margin: 0.5rem 0;
    font-size: 0.8rem;
    color: var(--text-secondary, #aaa);
}

.finding[b-f607nzo8ya] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.5rem;
    margin-bottom: 0.25rem;
    border-radius: 4px;
    font-size: 0.85rem;
}

.finding.error[b-f607nzo8ya] {
    background: rgba(244, 67, 54, 0.1);
}

.finding.warning[b-f607nzo8ya] {
    background: rgba(255, 152, 0, 0.1);
}

.finding.info[b-f607nzo8ya] {
    background: rgba(33, 150, 243, 0.1);
}

.severity-badge[b-f607nzo8ya] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.1rem 0.4rem;
    border-radius: 3px;
    text-transform: uppercase;
    flex-shrink: 0;
}

.finding.error .severity-badge[b-f607nzo8ya] {
    background: #f44336;
    color: #fff;
}

.finding.warning .severity-badge[b-f607nzo8ya] {
    background: #ff9800;
    color: #000;
}

.finding.info .severity-badge[b-f607nzo8ya] {
    background: #2196f3;
    color: #fff;
}

.finding-message[b-f607nzo8ya] {
    color: var(--text-primary, #fff);
    flex: 1;
}

.finding-param[b-f607nzo8ya] {
    color: var(--text-muted, #666);
    font-size: 0.8rem;
}

/* Envelope Table */
.envelope-status[b-f607nzo8ya] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.envelope-status.compliant[b-f607nzo8ya] {
    background: rgba(76, 175, 80, 0.2);
    color: #4caf50;
}

.envelope-status.non-compliant[b-f607nzo8ya] {
    background: rgba(244, 67, 54, 0.2);
    color: #f44336;
}

.envelope-params[b-f607nzo8ya] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
    margin-top: 0.5rem;
}

.envelope-params th[b-f607nzo8ya] {
    text-align: left;
    padding: 0.5rem;
    background: var(--header-bg, #16162a);
    color: var(--text-secondary, #aaa);
    font-weight: 500;
}

.envelope-params td[b-f607nzo8ya] {
    padding: 0.5rem;
    border-bottom: 1px solid var(--border-color, #2a2a4a);
}

.envelope-params tr.ok td[b-f607nzo8ya] {
    color: var(--text-primary, #fff);
}

.envelope-params tr.violation td[b-f607nzo8ya] {
    color: #f44336;
    background: rgba(244, 67, 54, 0.05);
}

.icon-ok[b-f607nzo8ya] {
    color: #4caf50;
}

.icon-error[b-f607nzo8ya] {
    color: #f44336;
}

/* Timestamp */
.validation-timestamp[b-f607nzo8ya] {
    font-size: 0.75rem;
    color: var(--text-muted, #666);
    text-align: right;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-color, #2a2a4a);
}
/* /Components/Validator/ValidatorModal.razor.rz.scp.css */
.validator-modal-backdrop[b-cgf6aq3bre] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    animation: fadeIn-b-cgf6aq3bre 0.15s ease-out;
}

@keyframes fadeIn-b-cgf6aq3bre {
    from { opacity: 0; }
    to { opacity: 1; }
}

.validator-modal[b-cgf6aq3bre] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    width: 90%;
    max-width: 560px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    animation: slideIn-b-cgf6aq3bre 0.2s ease-out;
    overflow: hidden;
}

@keyframes slideIn-b-cgf6aq3bre {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.validator-modal-header[b-cgf6aq3bre] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #e0e0e0;
    background: linear-gradient(135deg, #4caf50 0%, #43a047 100%);
    border-radius: 12px 12px 0 0;
}

.header-title[b-cgf6aq3bre] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffff;
}

.header-title h2[b-cgf6aq3bre] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ffffff;
}

.header-title svg[b-cgf6aq3bre] {
    color: #ffffff;
}

.close-btn[b-cgf6aq3bre] {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.close-btn:hover[b-cgf6aq3bre] {
    background: rgba(255, 255, 255, 0.3);
    color: #ffffff;
}

.validator-modal-content[b-cgf6aq3bre] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
    color: #333333;
    width: 100%;
    box-sizing: border-box;
    background: #fafafa;
}

/* Sections */
.section[b-cgf6aq3bre] {
    margin-bottom: 24px;
    width: 100%;
    box-sizing: border-box;
}

.section h3[b-cgf6aq3bre] {
    margin: 0 0 12px 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: #666666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Module List */
.module-list[b-cgf6aq3bre] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.module-item[b-cgf6aq3bre] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
    width: 100%;
    box-sizing: border-box;
}

.module-item:hover[b-cgf6aq3bre] {
    background: #f5f5f5;
    border-color: #4caf50;
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.1);
}

.module-item.no-mapping[b-cgf6aq3bre] {
    opacity: 0.5;
    cursor: not-allowed;
}

.module-item input[type="checkbox"][b-cgf6aq3bre] {
    width: 18px;
    height: 18px;
    cursor: inherit;
    accent-color: #4caf50;
}

.module-info[b-cgf6aq3bre] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.module-name[b-cgf6aq3bre] {
    font-weight: 600;
    color: #333333;
}

.instance-id[b-cgf6aq3bre] {
    font-size: 0.85rem;
    color: #888888;
}

.mapping-badge[b-cgf6aq3bre] {
    font-size: 0.7rem;
    padding: 2px 8px;
    background: rgba(76, 175, 80, 0.15);
    color: #2e7d32;
    border-radius: 10px;
    font-weight: 500;
}

.no-mapping-badge[b-cgf6aq3bre] {
    font-size: 0.7rem;
    padding: 2px 8px;
    background: rgba(244, 67, 54, 0.1);
    color: #c62828;
    border-radius: 10px;
    font-weight: 500;
}

/* Empty State */
.empty-state[b-cgf6aq3bre] {
    text-align: center;
    padding: 32px;
    color: #888888;
}

.empty-state svg[b-cgf6aq3bre] {
    color: #cccccc;
    margin-bottom: 12px;
}

.empty-state p[b-cgf6aq3bre] {
    margin: 8px 0;
    color: #666666;
}

.empty-state .hint[b-cgf6aq3bre] {
    font-size: 0.85rem;
    color: #999999;
}

/* Form */
.form-group[b-cgf6aq3bre] {
    margin-bottom: 16px;
    width: 100%;
    box-sizing: border-box;
}

.form-group label[b-cgf6aq3bre] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    color: #555555;
    margin-bottom: 6px;
}

.form-group input[type="text"][b-cgf6aq3bre],
.form-group textarea[b-cgf6aq3bre] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    font-size: 0.9rem;
    background: #ffffff;
    color: #333333;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}

.form-group input[b-cgf6aq3bre]::placeholder,
.form-group textarea[b-cgf6aq3bre]::placeholder {
    color: #aaaaaa;
}

.form-group input:focus[b-cgf6aq3bre],
.form-group textarea:focus[b-cgf6aq3bre] {
    outline: none;
    border-color: #4caf50;
    box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.15);
}

.form-group input:disabled[b-cgf6aq3bre] {
    background: #f5f5f5;
    color: #999999;
}

.form-group small[b-cgf6aq3bre] {
    display: block;
    margin-top: 4px;
    font-size: 0.75rem;
    color: #888888;
}

.input-row[b-cgf6aq3bre] {
    display: flex;
    gap: 12px;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

.input-row input[type="text"][b-cgf6aq3bre] {
    flex: 1;
}

.checkbox-inline[b-cgf6aq3bre] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    cursor: pointer;
    white-space: nowrap;
    color: #555555;
}

.checkbox-inline input[b-cgf6aq3bre] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    accent-color: #4caf50;
}

/* Buttons */
.btn[b-cgf6aq3bre] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

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

.btn.primary[b-cgf6aq3bre] {
    background: linear-gradient(135deg, #4caf50 0%, #43a047 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}

.btn.primary:hover:not(:disabled)[b-cgf6aq3bre] {
    background: linear-gradient(135deg, #43a047 0%, #388e3c 100%);
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);
}

.btn.secondary[b-cgf6aq3bre] {
    background: #ffffff;
    color: #555555;
    border: 1px solid #d0d0d0;
}

.btn.secondary:hover:not(:disabled)[b-cgf6aq3bre] {
    background: #f5f5f5;
    border-color: #bbb;
}

.btn.text[b-cgf6aq3bre] {
    background: none;
    color: #666666;
    padding: 10px 12px;
}

.btn.text:hover[b-cgf6aq3bre] {
    color: #333333;
    background: rgba(0, 0, 0, 0.05);
}

.actions[b-cgf6aq3bre] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid #e0e0e0;
    margin-top: 16px;
    width: 100%;
}

/* Loading State */
.loading-state[b-cgf6aq3bre] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 48px;
    color: #555555;
    width: 100%;
}

.spinner[b-cgf6aq3bre] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top-color: #4caf50;
    border-radius: 50%;
    animation: spin-b-cgf6aq3bre 1s linear infinite;
}

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

/* Success State */
.success-state[b-cgf6aq3bre] {
    text-align: center;
    width: 100%;
}

.success-header[b-cgf6aq3bre] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 24px;
    color: #4caf50;
}

.success-header h3[b-cgf6aq3bre] {
    margin: 0;
    color: #2e7d32;
}

.qr-display[b-cgf6aq3bre] {
    display: flex;
    gap: 20px;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    margin-bottom: 20px;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.qr-image[b-cgf6aq3bre] {
    width: 160px;
    height: 160px;
    min-width: 160px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.qr-loading[b-cgf6aq3bre] {
    width: 160px;
    height: 160px;
    min-width: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: #f5f5f5;
    border-radius: 8px;
    color: #888888;
    font-size: 0.85rem;
}

.qr-loading .spinner[b-cgf6aq3bre] {
    width: 32px;
    height: 32px;
}

.qr-info[b-cgf6aq3bre] {
    flex: 1;
    min-width: 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    overflow: hidden;
}

.info-item[b-cgf6aq3bre] {
    display: flex;
    flex-direction: column;
}

.info-item .label[b-cgf6aq3bre] {
    font-size: 0.75rem;
    color: #888888;
}

.info-item .value[b-cgf6aq3bre] {
    font-size: 0.9rem;
    color: #333333;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-item .value.link[b-cgf6aq3bre] {
    color: #1976d2;
    text-decoration: none;
    word-break: break-all;
}

.info-item .value.link:hover[b-cgf6aq3bre] {
    text-decoration: underline;
}

.qr-actions[b-cgf6aq3bre] {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 24px;
}

/* Error State */
.error-state[b-cgf6aq3bre] {
    text-align: center;
    padding: 24px 0;
    width: 100%;
}

.error-state svg[b-cgf6aq3bre] {
    color: #e53935;
    margin-bottom: 12px;
}

.error-state h3[b-cgf6aq3bre] {
    margin: 0 0 12px 0;
    color: #c62828;
}

.error-state p[b-cgf6aq3bre] {
    color: #666666;
    margin-bottom: 16px;
}

.error-list[b-cgf6aq3bre] {
    text-align: left;
    background: rgba(244, 67, 54, 0.08);
    padding: 12px 12px 12px 32px;
    border-radius: 8px;
    margin-bottom: 24px;
    font-size: 0.85rem;
    color: #c62828;
    border: 1px solid rgba(244, 67, 54, 0.2);
}

/* Responsive */
@media (max-width: 600px) {
    .validator-modal[b-cgf6aq3bre] {
        width: 95%;
        max-height: 95vh;
    }

    .qr-display[b-cgf6aq3bre] {
        flex-direction: column;
        align-items: center;
    }

    .qr-info[b-cgf6aq3bre] {
        text-align: center;
    }

    .qr-actions[b-cgf6aq3bre] {
        flex-direction: column;
    }

    .qr-actions .btn[b-cgf6aq3bre] {
        width: 100%;
    }
}
/* /Components/Validator/ValidatorPanel.razor.rz.scp.css */
.validator-panel[b-2hkdp7o5je] {
    background: var(--card-bg, #1a1a2e);
    border: 1px solid var(--border-color, #2a2a4a);
    border-radius: 8px;
    margin-top: 1rem;
    overflow: hidden;
}

.validator-panel-header[b-2hkdp7o5je] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    cursor: pointer;
    background: var(--header-bg, #16162a);
    transition: background 0.2s;
}

.validator-panel-header:hover[b-2hkdp7o5je] {
    background: var(--header-hover, #1e1e3a);
}

.validator-panel-title[b-2hkdp7o5je] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.validator-panel-title svg[b-2hkdp7o5je] {
    color: var(--accent-color, #4a9eff);
}

.validator-status-badge[b-2hkdp7o5je] {
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    border-radius: 10px;
    font-weight: 500;
}

.validator-status-badge.online[b-2hkdp7o5je] {
    background: rgba(76, 175, 80, 0.2);
    color: #4caf50;
}

.validator-status-badge.offline[b-2hkdp7o5je] {
    background: rgba(244, 67, 54, 0.2);
    color: #f44336;
}

.expand-icon[b-2hkdp7o5je] {
    color: var(--text-secondary, #888);
    transition: transform 0.2s;
}

.validator-panel.expanded .expand-icon[b-2hkdp7o5je] {
    transform: rotate(180deg);
}

.validator-panel-content[b-2hkdp7o5je] {
    padding: 1rem;
    border-top: 1px solid var(--border-color, #2a2a4a);
}

/* Form Styles */
.validator-form[b-2hkdp7o5je] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-group[b-2hkdp7o5je] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.form-group label[b-2hkdp7o5je] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-secondary, #aaa);
}

.form-group input[type="text"][b-2hkdp7o5je],
.form-group textarea[b-2hkdp7o5je] {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--border-color, #2a2a4a);
    border-radius: 4px;
    background: var(--input-bg, #0d0d1a);
    color: var(--text-primary, #fff);
    font-size: 0.9rem;
}

.form-group input:focus[b-2hkdp7o5je],
.form-group textarea:focus[b-2hkdp7o5je] {
    outline: none;
    border-color: var(--accent-color, #4a9eff);
}

.form-group input:disabled[b-2hkdp7o5je] {
    opacity: 0.5;
    cursor: not-allowed;
}

.form-group small[b-2hkdp7o5je] {
    font-size: 0.75rem;
    color: var(--text-muted, #666);
}

.input-with-option[b-2hkdp7o5je] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.input-with-option input[type="text"][b-2hkdp7o5je] {
    flex: 1;
}

.checkbox-label[b-2hkdp7o5je] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    cursor: pointer;
    white-space: nowrap;
}

.checkbox-label input[type="checkbox"][b-2hkdp7o5je] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* Button Styles */
.validator-btn[b-2hkdp7o5je] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.6rem 1rem;
    border: none;
    border-radius: 4px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.validator-btn:disabled[b-2hkdp7o5je] {
    opacity: 0.5;
    cursor: not-allowed;
}

.validator-btn.primary[b-2hkdp7o5je] {
    background: var(--accent-color, #4a9eff);
    color: #fff;
}

.validator-btn.primary:hover:not(:disabled)[b-2hkdp7o5je] {
    background: var(--accent-hover, #3a8eef);
}

.validator-btn.secondary[b-2hkdp7o5je] {
    background: var(--secondary-bg, #2a2a4a);
    color: var(--text-primary, #fff);
    border: 1px solid var(--border-color, #3a3a5a);
}

.validator-btn.secondary:hover:not(:disabled)[b-2hkdp7o5je] {
    background: var(--secondary-hover, #3a3a5a);
}

.validator-btn.text[b-2hkdp7o5je] {
    background: transparent;
    color: var(--text-secondary, #888);
}

.validator-btn.text:hover[b-2hkdp7o5je] {
    color: var(--text-primary, #fff);
}

/* Loading State */
.validator-loading[b-2hkdp7o5je] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2rem;
}

.spinner[b-2hkdp7o5je] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--border-color, #2a2a4a);
    border-top-color: var(--accent-color, #4a9eff);
    border-radius: 50%;
    animation: spin-b-2hkdp7o5je 1s linear infinite;
}

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

/* Success State */
.validator-success[b-2hkdp7o5je] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.success-header[b-2hkdp7o5je] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #4caf50;
    font-weight: 600;
}

.qr-code-container[b-2hkdp7o5je] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    background: var(--qr-bg, #fff);
    border-radius: 8px;
}

.qr-code-image[b-2hkdp7o5je] {
    width: 150px;
    height: 150px;
}

.qr-code-info[b-2hkdp7o5je] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
}

.info-row[b-2hkdp7o5je] {
    display: flex;
    flex-direction: column;
}

.info-row .label[b-2hkdp7o5je] {
    font-size: 0.75rem;
    color: var(--text-muted, #666);
}

.info-row .value[b-2hkdp7o5je] {
    font-size: 0.9rem;
    color: var(--text-dark, #333);
    font-weight: 500;
}

.validator-actions[b-2hkdp7o5je] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Error State */
.validator-error[b-2hkdp7o5je] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    text-align: center;
}

.validator-error svg[b-2hkdp7o5je] {
    color: #f44336;
}

.error-message[b-2hkdp7o5je] {
    color: var(--text-primary, #fff);
}

.error-message strong[b-2hkdp7o5je] {
    color: #f44336;
}

.error-details[b-2hkdp7o5je] {
    text-align: left;
    font-size: 0.85rem;
    color: var(--text-secondary, #888);
    list-style: disc;
    padding-left: 1.5rem;
    margin-top: 0.5rem;
}

/* Warning State */
.validator-warning[b-2hkdp7o5je] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(255, 152, 0, 0.1);
    border: 1px solid rgba(255, 152, 0, 0.3);
    border-radius: 4px;
    color: #ff9800;
    font-size: 0.85rem;
}

.validator-warning svg[b-2hkdp7o5je] {
    flex-shrink: 0;
}
/* /Components/ValidatorPro/ValidatorProModal.razor.rz.scp.css */
/* ValidatorPro Modal Styles */

.modal-overlay[b-sn97s7kkkb] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    animation: fadeIn-b-sn97s7kkkb 0.2s ease;
}

@keyframes fadeIn-b-sn97s7kkkb {
    from { opacity: 0; }
    to { opacity: 1; }
}

.modal-container[b-sn97s7kkkb] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    width: 90%;
    max-width: 700px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: slideUp-b-sn97s7kkkb 0.3s ease;
}

@keyframes slideUp-b-sn97s7kkkb {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-header[b-sn97s7kkkb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    background: linear-gradient(135deg, #2c3e50, #3498db);
    color: white;
}

.modal-header h3[b-sn97s7kkkb] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.btn-close[b-sn97s7kkkb] {
    background: none;
    border: none;
    color: white;
    font-size: 28px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    opacity: 0.8;
    transition: opacity 0.2s;
}

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

.modal-body[b-sn97s7kkkb] {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
}

/* Scope Selection */
.scope-selection h4[b-sn97s7kkkb] {
    margin: 0 0 8px 0;
    color: #2c3e50;
}

.scope-description[b-sn97s7kkkb] {
    color: #666;
    margin-bottom: 20px;
}

.scope-options[b-sn97s7kkkb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.scope-option[b-sn97s7kkkb] {
    display: flex;
    align-items: flex-start;
    padding: 16px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.scope-option:hover[b-sn97s7kkkb] {
    border-color: #3498db;
    background: #f8fafc;
}

.scope-option.selected[b-sn97s7kkkb] {
    border-color: #3498db;
    background: #ebf5fb;
}

.scope-option input[type="radio"][b-sn97s7kkkb] {
    display: none;
}

.option-content[b-sn97s7kkkb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.option-icon[b-sn97s7kkkb] {
    font-size: 24px;
    margin-bottom: 4px;
}

.option-title[b-sn97s7kkkb] {
    font-weight: 600;
    color: #2c3e50;
}

.option-desc[b-sn97s7kkkb] {
    font-size: 13px;
    color: #666;
}

.module-info[b-sn97s7kkkb] {
    padding: 12px 16px;
    background: #f5f5f5;
    border-radius: 6px;
    margin-bottom: 20px;
    font-size: 14px;
}

.action-buttons[b-sn97s7kkkb] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

.btn-cancel[b-sn97s7kkkb] {
    padding: 10px 24px;
    background: #e0e0e0;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.2s;
}

.btn-cancel:hover[b-sn97s7kkkb] {
    background: #d0d0d0;
}

.btn-analyze[b-sn97s7kkkb] {
    padding: 10px 32px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-analyze:hover[b-sn97s7kkkb] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.4);
}

/* Loading State */
.loading-state[b-sn97s7kkkb] {
    text-align: center;
    padding: 40px 20px;
}

.spinner[b-sn97s7kkkb] {
    width: 50px;
    height: 50px;
    border: 4px solid #e0e0e0;
    border-top-color: #3498db;
    border-radius: 50%;
    margin: 0 auto 20px;
    animation: spin-b-sn97s7kkkb 1s linear infinite;
}

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

.loading-detail[b-sn97s7kkkb] {
    font-size: 13px;
    color: #888;
}

/* Error State */
.error-state[b-sn97s7kkkb] {
    text-align: center;
    padding: 30px;
}

.error-icon[b-sn97s7kkkb] {
    font-size: 48px;
    margin-bottom: 16px;
}

.error-title[b-sn97s7kkkb] {
    font-size: 18px;
    font-weight: 600;
    color: #e74c3c;
    margin-bottom: 8px;
}

.error-message[b-sn97s7kkkb] {
    color: #666;
    margin-bottom: 20px;
}

.btn-retry[b-sn97s7kkkb] {
    padding: 10px 24px;
    background: #3498db;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    margin-right: 12px;
}

/* Results Container */
.results-container[b-sn97s7kkkb] {
    animation: fadeIn-b-sn97s7kkkb 0.3s ease;
}

.score-header[b-sn97s7kkkb] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.score-header.excellent[b-sn97s7kkkb] {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: white;
}

.score-header.good[b-sn97s7kkkb] {
    background: linear-gradient(135deg, #2980b9, #3498db);
    color: white;
}

.score-header.review[b-sn97s7kkkb] {
    background: linear-gradient(135deg, #f39c12, #f1c40f);
    color: #2c3e50;
}

.score-header.suspicious[b-sn97s7kkkb] {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    color: white;
}

.score-circle[b-sn97s7kkkb] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.score-value[b-sn97s7kkkb] {
    font-size: 24px;
    font-weight: 700;
}

.score-info[b-sn97s7kkkb] {
    display: flex;
    flex-direction: column;
}

.score-label[b-sn97s7kkkb] {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
}

.score-module[b-sn97s7kkkb] {
    font-size: 14px;
    opacity: 0.9;
}

/* Summary Grid */
.summary-grid[b-sn97s7kkkb] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.summary-item[b-sn97s7kkkb] {
    text-align: center;
    padding: 16px 8px;
    border-radius: 8px;
}

.summary-item.ok[b-sn97s7kkkb] { background: #d5f5e3; }
.summary-item.uncertain[b-sn97s7kkkb] { background: #fcf3cf; }
.summary-item.noticeable[b-sn97s7kkkb] { background: #fadbd8; }
.summary-item.total[b-sn97s7kkkb] { background: #eaecee; }

.item-value[b-sn97s7kkkb] {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #2c3e50;
}

.item-label[b-sn97s7kkkb] {
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
}

.data-info[b-sn97s7kkkb] {
    font-size: 13px;
    color: #888;
    text-align: center;
    margin-bottom: 20px;
}

/* Alerts */
.alerts-section[b-sn97s7kkkb] {
    margin-bottom: 20px;
}

.alerts-section h4[b-sn97s7kkkb] {
    margin: 0 0 12px 0;
    font-size: 14px;
    color: #2c3e50;
}

.alert[b-sn97s7kkkb] {
    padding: 10px 14px;
    border-radius: 6px;
    margin-bottom: 8px;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.alert-novelty[b-sn97s7kkkb] {
    background: #fadbd8;
    border-left: 4px solid #e74c3c;
}

.alert-rarity[b-sn97s7kkkb] {
    background: #fcf3cf;
    border-left: 4px solid #f39c12;
}

.alert-badge[b-sn97s7kkkb] {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.1);
}

/* Match Section */
.match-section[b-sn97s7kkkb] {
    margin-bottom: 20px;
}

.match-section h4[b-sn97s7kkkb] {
    margin: 0 0 12px 0;
    font-size: 14px;
}

.match-card[b-sn97s7kkkb] {
    padding: 14px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.match-header[b-sn97s7kkkb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.match-name[b-sn97s7kkkb] {
    font-weight: 600;
}

.match-strength[b-sn97s7kkkb] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.match-strength.strong[b-sn97s7kkkb] {
    background: #d5f5e3;
    color: #1e8449;
}

.match-strength.moderate[b-sn97s7kkkb] {
    background: #fcf3cf;
    color: #9a7d0a;
}

.match-strength.weak[b-sn97s7kkkb] {
    background: #fadbd8;
    color: #922b21;
}

.match-stats[b-sn97s7kkkb] {
    display: flex;
    gap: 16px;
    font-size: 12px;
    color: #666;
}

/* Details Section */
.details-section[b-sn97s7kkkb] {
    margin-bottom: 20px;
}

.btn-toggle-details[b-sn97s7kkkb] {
    width: 100%;
    padding: 12px;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    text-align: left;
    transition: background 0.2s;
}

.btn-toggle-details:hover[b-sn97s7kkkb] {
    background: #eee;
}

.variables-table[b-sn97s7kkkb] {
    margin-top: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
    font-size: 13px;
    max-height: 300px;
    overflow-y: auto;
}

.table-header[b-sn97s7kkkb] {
    display: grid;
    grid-template-columns: 50px 1fr 60px 80px 70px;
    gap: 8px;
    padding: 10px 12px;
    background: #2c3e50;
    color: white;
    font-weight: 500;
    position: sticky;
    top: 0;
}

.table-row[b-sn97s7kkkb] {
    display: grid;
    grid-template-columns: 50px 1fr 60px 80px 70px;
    gap: 8px;
    padding: 8px 12px;
    border-top: 1px solid #e0e0e0;
}

.table-row.row-ok[b-sn97s7kkkb] { background: rgba(39, 174, 96, 0.1); }
.table-row.row-uncertain[b-sn97s7kkkb] { background: rgba(243, 156, 18, 0.15); }
.table-row.row-noticeable[b-sn97s7kkkb] { background: rgba(231, 76, 60, 0.15); }

.col-name[b-sn97s7kkkb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-prob[b-sn97s7kkkb] {
    text-align: right;
    font-family: monospace;
}

.status-badge[b-sn97s7kkkb] {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
}

.status-badge.ok[b-sn97s7kkkb] {
    background: #27ae60;
    color: white;
}

.status-badge.uncertain[b-sn97s7kkkb] {
    background: #f39c12;
    color: white;
}

.status-badge.noticeable[b-sn97s7kkkb] {
    background: #e74c3c;
    color: white;
}

/* Result Actions */
.result-actions[b-sn97s7kkkb] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    padding-top: 16px;
    border-top: 1px solid #e0e0e0;
}

.btn-new-analysis[b-sn97s7kkkb] {
    padding: 10px 20px;
    background: #e0e0e0;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}

.btn-close-result[b-sn97s7kkkb] {
    padding: 10px 24px;
    background: #3498db;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
}
/* /Components/ValidatorPro/ValidatorProResultPanel.razor.rz.scp.css */
/* ValidatorPro Result Panel Styles */

.validator-pro-panel[b-xdwxwc7359] {
    background: var(--bg-secondary, #f8f9fa);
    border: 1px solid var(--border-color, #dee2e6);
    border-radius: 6px;
    margin: 10px 0;
    font-family: var(--font-family, system-ui, -apple-system, sans-serif);
}

.panel-header[b-xdwxwc7359] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    cursor: pointer;
    user-select: none;
    background: var(--bg-header, #e9ecef);
    border-radius: 6px 6px 0 0;
}

.collapsed .panel-header[b-xdwxwc7359] {
    border-radius: 6px;
}

.expand-icon[b-xdwxwc7359] {
    font-size: 12px;
    color: var(--text-muted, #6c757d);
    width: 16px;
}

.panel-title[b-xdwxwc7359] {
    font-weight: 600;
    color: var(--text-primary, #212529);
}

.score-badge[b-xdwxwc7359] {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
    margin-left: auto;
}

.score-badge.excellent[b-xdwxwc7359] {
    background: #d4edda;
    color: #155724;
}

.score-badge.good[b-xdwxwc7359] {
    background: #cce5ff;
    color: #004085;
}

.score-badge.review[b-xdwxwc7359] {
    background: #fff3cd;
    color: #856404;
}

.score-badge.suspicious[b-xdwxwc7359] {
    background: #f8d7da;
    color: #721c24;
}

.loading-indicator[b-xdwxwc7359] {
    margin-left: auto;
    color: var(--text-muted, #6c757d);
    font-style: italic;
}

.panel-content[b-xdwxwc7359] {
    padding: 16px;
    border-top: 1px solid var(--border-color, #dee2e6);
}

.panel-content.error[b-xdwxwc7359] {
    background: #f8d7da;
}

.panel-content.empty[b-xdwxwc7359] {
    text-align: center;
    color: var(--text-muted, #6c757d);
}

.error-message[b-xdwxwc7359] {
    color: #721c24;
}

.empty-message[b-xdwxwc7359] {
    margin-bottom: 12px;
}

.btn-validate[b-xdwxwc7359] {
    padding: 8px 24px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
}

.btn-validate:hover[b-xdwxwc7359] {
    background: #0056b3;
}

/* Summary Section */
.summary-section[b-xdwxwc7359] {
    margin-bottom: 16px;
}

.summary-section h4[b-xdwxwc7359] {
    margin: 0 0 12px 0;
    font-size: 16px;
    color: var(--text-primary, #212529);
}

.summary-stats[b-xdwxwc7359] {
    display: flex;
    gap: 16px;
    margin-bottom: 8px;
}

.stat-item[b-xdwxwc7359] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 16px;
    border-radius: 4px;
    min-width: 60px;
}

.stat-item.ok[b-xdwxwc7359] {
    background: #d4edda;
}

.stat-item.uncertain[b-xdwxwc7359] {
    background: #fff3cd;
}

.stat-item.noticeable[b-xdwxwc7359] {
    background: #f8d7da;
}

.stat-item.total[b-xdwxwc7359] {
    background: #e9ecef;
}

.stat-value[b-xdwxwc7359] {
    font-size: 24px;
    font-weight: 600;
}

.stat-label[b-xdwxwc7359] {
    font-size: 12px;
    color: var(--text-muted, #6c757d);
}

.data-snapshot[b-xdwxwc7359] {
    font-size: 12px;
    color: var(--text-muted, #6c757d);
}

/* Alerts Section */
.alerts-section[b-xdwxwc7359] {
    margin-bottom: 16px;
}

.alert[b-xdwxwc7359] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 12px;
    margin-bottom: 6px;
    border-radius: 4px;
    font-size: 13px;
}

.alert.novelty[b-xdwxwc7359] {
    background: #f8d7da;
    border-left: 4px solid #dc3545;
}

.alert.rarity[b-xdwxwc7359] {
    background: #fff3cd;
    border-left: 4px solid #ffc107;
}

.alert-icon[b-xdwxwc7359] {
    font-weight: bold;
    width: 16px;
    text-align: center;
}

.alert-text[b-xdwxwc7359] {
    flex: 1;
}

/* Match Section */
.match-section[b-xdwxwc7359] {
    margin-bottom: 16px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 4px;
}

.match-section h4[b-xdwxwc7359] {
    margin: 0 0 8px 0;
    font-size: 14px;
}

.match-info[b-xdwxwc7359] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.match-label[b-xdwxwc7359] {
    font-weight: 500;
}

.match-strength[b-xdwxwc7359] {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
}

.match-strength.strong[b-xdwxwc7359] {
    background: #d4edda;
    color: #155724;
}

.match-strength.moderate[b-xdwxwc7359] {
    background: #fff3cd;
    color: #856404;
}

.match-strength.weak[b-xdwxwc7359] {
    background: #f8d7da;
    color: #721c24;
}

.match-metrics[b-xdwxwc7359] {
    display: flex;
    gap: 16px;
    font-size: 12px;
    color: var(--text-muted, #6c757d);
}

/* Variables Section */
.variables-section[b-xdwxwc7359] {
    margin-top: 16px;
}

.section-header[b-xdwxwc7359] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    cursor: pointer;
    user-select: none;
    background: #e9ecef;
    border-radius: 4px;
    font-weight: 500;
}

.section-header:hover[b-xdwxwc7359] {
    background: #dee2e6;
}

.variables-table[b-xdwxwc7359] {
    margin-top: 8px;
    font-size: 13px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    overflow: hidden;
}

.table-header[b-xdwxwc7359] {
    display: grid;
    grid-template-columns: 40px 1fr 100px 50px 90px 70px 70px;
    gap: 8px;
    padding: 8px 12px;
    background: #343a40;
    color: white;
    font-weight: 500;
}

.table-row[b-xdwxwc7359] {
    display: grid;
    grid-template-columns: 40px 1fr 100px 50px 90px 70px 70px;
    gap: 8px;
    padding: 6px 12px;
    border-top: 1px solid #dee2e6;
}

.table-row:nth-child(even)[b-xdwxwc7359] {
    background: #f8f9fa;
}

.table-row.row-ok[b-xdwxwc7359] {
    background: rgba(212, 237, 218, 0.3);
}

.table-row.row-uncertain[b-xdwxwc7359] {
    background: rgba(255, 243, 205, 0.5);
}

.table-row.row-noticeable[b-xdwxwc7359] {
    background: rgba(248, 215, 218, 0.5);
}

.col-name[b-xdwxwc7359] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-assess[b-xdwxwc7359] {
    text-align: center;
    border-radius: 3px;
    padding: 2px 4px;
}

.assessment-ok[b-xdwxwc7359] {
    background: #d4edda;
    color: #155724;
}

.assessment-uncertain[b-xdwxwc7359] {
    background: #fff3cd;
    color: #856404;
}

.assessment-noticeable[b-xdwxwc7359] {
    background: #f8d7da;
    color: #721c24;
}

.col-prob[b-xdwxwc7359], .col-zscore[b-xdwxwc7359] {
    text-align: right;
    font-family: monospace;
}
/* /Pages/Import.razor.rz.scp.css */
.import-page[b-fx8r47cbf4] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 2rem;
}

.import-loading[b-fx8r47cbf4],
.import-error[b-fx8r47cbf4],
.import-success[b-fx8r47cbf4] {
    background: white;
    border-radius: 12px;
    padding: 3rem;
    max-width: 600px;
    width: 100%;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    text-align: center;
}

/* Loading State */
.import-loading[b-fx8r47cbf4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.spinner[b-fx8r47cbf4] {
    width: 64px;
    height: 64px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: spin-b-fx8r47cbf4 1s linear infinite;
}

@keyframes spin-b-fx8r47cbf4 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.import-loading h2[b-fx8r47cbf4] {
    margin: 0;
    color: #333;
    font-size: 1.5rem;
}

.import-loading p[b-fx8r47cbf4] {
    margin: 0;
    color: #666;
    font-size: 1rem;
}

/* Error State */
.import-error[b-fx8r47cbf4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.error-icon[b-fx8r47cbf4] {
    color: #e53e3e;
}

.import-error h2[b-fx8r47cbf4] {
    margin: 0;
    color: #e53e3e;
    font-size: 1.75rem;
}

.error-message[b-fx8r47cbf4] {
    color: #666;
    font-size: 1rem;
    line-height: 1.6;
}

.error-actions[b-fx8r47cbf4] {
    margin-top: 1rem;
}

/* Success State */
.import-success[b-fx8r47cbf4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.success-icon[b-fx8r47cbf4] {
    color: #38a169;
}

.import-success h2[b-fx8r47cbf4] {
    margin: 0;
    color: #38a169;
    font-size: 1.75rem;
}

.success-message[b-fx8r47cbf4] {
    color: #666;
    font-size: 1.1rem;
    line-height: 1.6;
}

.success-message strong[b-fx8r47cbf4] {
    color: #333;
    font-weight: 600;
}

.import-summary[b-fx8r47cbf4] {
    width: 100%;
    text-align: left;
    background: #f7fafc;
    border-radius: 8px;
    padding: 1.5rem;
    margin-top: 1rem;
}

.import-summary h3[b-fx8r47cbf4] {
    margin: 0 0 1rem 0;
    color: #333;
    font-size: 1.1rem;
}

.import-summary ul[b-fx8r47cbf4] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.import-summary li[b-fx8r47cbf4] {
    padding: 0.75rem 0;
    border-bottom: 1px solid #e2e8f0;
    color: #333;
}

.import-summary li:last-child[b-fx8r47cbf4] {
    border-bottom: none;
}

.import-summary strong[b-fx8r47cbf4] {
    color: #667eea;
    font-weight: 600;
}

.variable-count[b-fx8r47cbf4] {
    color: #666;
    font-size: 0.9rem;
    margin-left: 0.5rem;
}

.success-actions[b-fx8r47cbf4] {
    margin-top: 1rem;
}

/* Buttons */
.btn[b-fx8r47cbf4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-primary[b-fx8r47cbf4] {
    background: #667eea;
    color: white;
}

.btn-primary:hover[b-fx8r47cbf4] {
    background: #5568d3;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.btn-primary:active[b-fx8r47cbf4] {
    transform: translateY(0);
}

.btn svg[b-fx8r47cbf4] {
    flex-shrink: 0;
}
/* /Pages/SolAlphaProject.razor.rz.scp.css */
/* SOL ALPHA Project - Scoped CSS */

.solalpha-container[b-8jz7pgsjwi] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #1a1d24;
    color: #e0e0e0;
    font-family: 'Segoe UI', system-ui, sans-serif;
}

/* Header */
.solalpha-header[b-8jz7pgsjwi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 24px;
    background: linear-gradient(135deg, #2d3139 0%, #1e2126 100%);
    border-bottom: 1px solid #3a3f4a;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.header-left[b-8jz7pgsjwi] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.header-logo[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-logo svg[b-8jz7pgsjwi] {
    color: #ff9800;
}

.header-logo h1[b-8jz7pgsjwi] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.header-subtitle[b-8jz7pgsjwi] {
    font-size: 0.85rem;
    color: #888;
    margin-left: 44px;
}

.header-right[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* Status Badge */
.status-badge[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
}

.status-badge.public-mode[b-8jz7pgsjwi] {
    background: linear-gradient(135deg, rgba(76, 175, 80, 0.2) 0%, rgba(56, 142, 60, 0.15) 100%);
    border: 1px solid rgba(76, 175, 80, 0.4);
    color: #81c784;
}

.status-badge svg[b-8jz7pgsjwi] {
    flex-shrink: 0;
}

.customer-badge[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: #2a2e36;
    border-radius: 20px;
    border: 1px solid #3a3f4a;
}

.customer-name[b-8jz7pgsjwi] {
    font-weight: 500;
}

.access-level[b-8jz7pgsjwi] {
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.access-level-readonly[b-8jz7pgsjwi] { background: #555; color: #ccc; }
.access-level-customer[b-8jz7pgsjwi] { background: #2196f3; color: white; }
.access-level-developer[b-8jz7pgsjwi] { background: #9c27b0; color: white; }
.access-level-admin[b-8jz7pgsjwi] { background: #f44336; color: white; }

/* Error Banner */
.error-banner[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    background: #5c2626;
    border-bottom: 1px solid #8b3a3a;
    color: #ffcccc;
}

.error-banner svg[b-8jz7pgsjwi] {
    flex-shrink: 0;
    color: #ff6b6b;
}

.error-banner span[b-8jz7pgsjwi] {
    flex: 1;
}

/* Buttons */
.btn[b-8jz7pgsjwi] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn:disabled[b-8jz7pgsjwi] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-primary[b-8jz7pgsjwi] {
    background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-8jz7pgsjwi] {
    background: linear-gradient(135deg, #ffb74d 0%, #ff9800 100%);
    box-shadow: 0 2px 8px rgba(255, 152, 0, 0.4);
}

.btn-secondary[b-8jz7pgsjwi] {
    background: #3a3f4a;
    color: #e0e0e0;
    border: 1px solid #4a4f5a;
}

.btn-secondary:hover:not(:disabled)[b-8jz7pgsjwi] {
    background: #4a4f5a;
}

.btn-icon[b-8jz7pgsjwi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: #888;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-icon:hover[b-8jz7pgsjwi] {
    background: #3a3f4a;
    color: #e0e0e0;
}

.btn-close[b-8jz7pgsjwi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 4px;
    color: #888;
    cursor: pointer;
}

.btn-close:hover[b-8jz7pgsjwi] {
    background: rgba(255, 255, 255, 0.1);
    color: #e0e0e0;
}

/* Main Content */
.solalpha-main[b-8jz7pgsjwi] {
    flex: 1;
    overflow: hidden;
    display: flex;
}

/* Welcome Screen */
.welcome-screen[b-8jz7pgsjwi] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

.welcome-content[b-8jz7pgsjwi] {
    text-align: center;
    max-width: 500px;
}

.welcome-icon[b-8jz7pgsjwi] {
    color: #ff9800;
    margin-bottom: 24px;
}

.welcome-content h2[b-8jz7pgsjwi] {
    margin: 0 0 12px;
    font-size: 1.75rem;
    color: #fff;
}

.welcome-content > p[b-8jz7pgsjwi] {
    margin: 0 0 32px;
    color: #888;
    font-size: 1.1rem;
}

.welcome-features[b-8jz7pgsjwi] {
    display: flex;
    justify-content: center;
    gap: 32px;
    margin-bottom: 32px;
}

.feature[b-8jz7pgsjwi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: #aaa;
}

.feature svg[b-8jz7pgsjwi] {
    color: #ff9800;
}

.welcome-hint[b-8jz7pgsjwi] {
    color: #666;
    font-size: 0.9rem;
}

/* Content Layout */
.content-layout[b-8jz7pgsjwi] {
    flex: 1;
    display: flex;
    overflow: hidden;
}

/* Sidebar */
.sidebar[b-8jz7pgsjwi] {
    width: 220px;
    background: #22262e;
    border-right: 1px solid #3a3f4a;
    display: flex;
    flex-direction: column;
}

.sidebar-nav[b-8jz7pgsjwi] {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.nav-item[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: #aaa;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
    width: 100%;
}

.nav-item:hover[b-8jz7pgsjwi] {
    background: #2a2e36;
    color: #e0e0e0;
}

.nav-item.active[b-8jz7pgsjwi] {
    background: linear-gradient(135deg, rgba(255, 152, 0, 0.2) 0%, rgba(245, 124, 0, 0.1) 100%);
    color: #ff9800;
}

.nav-item.active svg[b-8jz7pgsjwi] {
    color: #ff9800;
}

.nav-divider[b-8jz7pgsjwi] {
    height: 1px;
    background: #3a3f4a;
    margin: 12px 0;
}

.nav-section-label[b-8jz7pgsjwi] {
    padding: 8px 14px;
    font-size: 0.75rem;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Content Area */
.content-area[b-8jz7pgsjwi] {
    flex: 1;
    overflow: auto;
    padding: 24px;
}

/* Panel */
.panel[b-8jz7pgsjwi] {
    background: #22262e;
    border-radius: 12px;
    border: 1px solid #3a3f4a;
    overflow: hidden;
}

.panel-header[b-8jz7pgsjwi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: #2a2e36;
    border-bottom: 1px solid #3a3f4a;
}

.panel-header h2[b-8jz7pgsjwi] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.panel-header .header-subtitle[b-8jz7pgsjwi] {
    margin-left: 16px;
    font-size: 0.85rem;
    color: #888;
}

.panel-actions[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.panel-content[b-8jz7pgsjwi] {
    padding: 20px;
}

/* Search Box */
.search-box[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #1a1d24;
    border: 1px solid #3a3f4a;
    border-radius: 6px;
    padding: 0 12px;
}

.search-box svg[b-8jz7pgsjwi] {
    color: #666;
    flex-shrink: 0;
}

.search-box input[b-8jz7pgsjwi] {
    background: transparent;
    border: none;
    padding: 8px 0;
    color: #e0e0e0;
    font-size: 0.9rem;
    width: 180px;
    outline: none;
}

.search-box input[b-8jz7pgsjwi]::placeholder {
    color: #666;
}

/* Status Filter */
.status-filter[b-8jz7pgsjwi] {
    background: #1a1d24;
    border: 1px solid #3a3f4a;
    border-radius: 6px;
    padding: 8px 12px;
    color: #e0e0e0;
    font-size: 0.9rem;
    cursor: pointer;
}

.status-filter option[b-8jz7pgsjwi] {
    background: #2a2e36;
}

/* Loading & Empty States */
.loading-state[b-8jz7pgsjwi],
.empty-state[b-8jz7pgsjwi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: #888;
}

.loading-state p[b-8jz7pgsjwi],
.empty-state p[b-8jz7pgsjwi] {
    margin: 16px 0;
}

.empty-state svg[b-8jz7pgsjwi] {
    color: #555;
}

/* Spinner */
.spinner[b-8jz7pgsjwi] {
    width: 40px;
    height: 40px;
    border: 3px solid #3a3f4a;
    border-top-color: #ff9800;
    border-radius: 50%;
    animation: spin-b-8jz7pgsjwi 1s linear infinite;
}

.spinner-small[b-8jz7pgsjwi] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-8jz7pgsjwi 0.8s linear infinite;
}

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

/* Data Table */
.data-table[b-8jz7pgsjwi] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-8jz7pgsjwi],
.data-table td[b-8jz7pgsjwi] {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #3a3f4a;
}

.data-table th[b-8jz7pgsjwi] {
    font-weight: 600;
    color: #888;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.data-table tr.clickable[b-8jz7pgsjwi] {
    cursor: pointer;
    transition: background 0.2s ease;
}

.data-table tr.clickable:hover[b-8jz7pgsjwi] {
    background: #2a2e36;
}

/* Badges */
.badge[b-8jz7pgsjwi] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}

.status-active[b-8jz7pgsjwi] { background: rgba(76, 175, 80, 0.2); color: #81c784; }
.status-completed[b-8jz7pgsjwi] { background: rgba(33, 150, 243, 0.2); color: #64b5f6; }
.status-archived[b-8jz7pgsjwi] { background: rgba(158, 158, 158, 0.2); color: #bdbdbd; }
.status-onhold[b-8jz7pgsjwi] { background: rgba(255, 193, 7, 0.2); color: #ffd54f; }
.status-unknown[b-8jz7pgsjwi] { background: rgba(158, 158, 158, 0.2); color: #bdbdbd; }

.scope-customer[b-8jz7pgsjwi] { background: rgba(33, 150, 243, 0.2); color: #64b5f6; }
.scope-public[b-8jz7pgsjwi] { background: rgba(76, 175, 80, 0.2); color: #81c784; }
.scope-developer[b-8jz7pgsjwi] { background: rgba(156, 39, 176, 0.2); color: #ce93d8; }
.scope-unknown[b-8jz7pgsjwi] { background: rgba(158, 158, 158, 0.2); color: #bdbdbd; }

/* Pagination */
.pagination[b-8jz7pgsjwi] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #3a3f4a;
}

.page-info[b-8jz7pgsjwi] {
    color: #888;
    font-size: 0.9rem;
}

/* Global Search */
.global-search[b-8jz7pgsjwi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px;
}

.search-input-large[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #1a1d24;
    border: 2px solid #3a3f4a;
    border-radius: 12px;
    padding: 12px 20px;
    width: 100%;
    max-width: 600px;
    transition: border-color 0.2s ease;
}

.search-input-large:focus-within[b-8jz7pgsjwi] {
    border-color: #ff9800;
}

.search-input-large svg[b-8jz7pgsjwi] {
    color: #666;
    flex-shrink: 0;
}

.search-input-large input[b-8jz7pgsjwi] {
    flex: 1;
    background: transparent;
    border: none;
    color: #e0e0e0;
    font-size: 1rem;
    outline: none;
}

.search-input-large input[b-8jz7pgsjwi]::placeholder {
    color: #666;
}

.search-hint[b-8jz7pgsjwi] {
    margin-top: 16px;
    color: #666;
    font-size: 0.9rem;
}

/* Detail Grid */
.detail-grid[b-8jz7pgsjwi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
}

.detail-section[b-8jz7pgsjwi] {
    background: #2a2e36;
    border-radius: 8px;
    padding: 20px;
}

.detail-section.full-width[b-8jz7pgsjwi] {
    grid-column: 1 / -1;
}

.detail-section h3[b-8jz7pgsjwi] {
    margin: 0 0 16px;
    font-size: 1rem;
    color: #ff9800;
    font-weight: 600;
}

.detail-list[b-8jz7pgsjwi] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 8px 16px;
    margin: 0;
}

.detail-list dt[b-8jz7pgsjwi] {
    color: #888;
    font-size: 0.85rem;
}

.detail-list dd[b-8jz7pgsjwi] {
    margin: 0;
    font-size: 0.9rem;
}

.description-text[b-8jz7pgsjwi] {
    margin: 0;
    color: #bbb;
    line-height: 1.6;
}

/* File List */
.file-list[b-8jz7pgsjwi] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.file-item[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    background: #2a2e36;
    border-radius: 8px;
    transition: background 0.2s ease;
}

.file-item:hover[b-8jz7pgsjwi] {
    background: #32363e;
}

.file-icon[b-8jz7pgsjwi] {
    color: #ff9800;
}

.file-info[b-8jz7pgsjwi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.file-name[b-8jz7pgsjwi] {
    font-weight: 500;
}

.file-meta[b-8jz7pgsjwi] {
    font-size: 0.8rem;
    color: #888;
}

.file-actions[b-8jz7pgsjwi] {
    display: flex;
    gap: 4px;
}

/* Responsive */
@media (max-width: 768px) {
    .solalpha-header[b-8jz7pgsjwi] {
        flex-direction: column;
        gap: 16px;
        padding: 16px;
    }

    .header-right[b-8jz7pgsjwi] {
        flex-direction: column;
        width: 100%;
    }

    .api-key-section[b-8jz7pgsjwi] {
        width: 100%;
    }

    .api-key-input[b-8jz7pgsjwi] {
        flex: 1;
    }

    .content-layout[b-8jz7pgsjwi] {
        flex-direction: column;
    }

    .sidebar[b-8jz7pgsjwi] {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #3a3f4a;
    }

    .sidebar-nav[b-8jz7pgsjwi] {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 12px;
    }

    .nav-item[b-8jz7pgsjwi] {
        padding: 8px 12px;
    }

    .nav-divider[b-8jz7pgsjwi] {
        display: none;
    }

    .nav-section-label[b-8jz7pgsjwi] {
        display: none;
    }

    .panel-header[b-8jz7pgsjwi] {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    .panel-actions[b-8jz7pgsjwi] {
        width: 100%;
        flex-wrap: wrap;
    }

    .search-box[b-8jz7pgsjwi] {
        flex: 1;
        min-width: 150px;
    }

    .search-box input[b-8jz7pgsjwi] {
        width: 100%;
    }

    .data-table[b-8jz7pgsjwi] {
        display: block;
        overflow-x: auto;
    }

    .detail-grid[b-8jz7pgsjwi] {
        grid-template-columns: 1fr;
    }
}

/* ================================== */
/* Authentication & Access Selection  */
/* ================================== */

/* Authenticated Status Badge */
.status-badge.authenticated-mode[b-8jz7pgsjwi] {
    background: linear-gradient(135deg, rgba(255, 152, 0, 0.2) 0%, rgba(245, 124, 0, 0.15) 100%);
    border: 1px solid rgba(255, 152, 0, 0.4);
    color: #ffb74d;
}

/* Login Button */
.btn-login[b-8jz7pgsjwi] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);
    color: white;
    border: none;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-login:hover[b-8jz7pgsjwi] {
    background: linear-gradient(135deg, #ffb74d 0%, #ff9800 100%);
    box-shadow: 0 2px 12px rgba(255, 152, 0, 0.4);
    transform: translateY(-1px);
}

/* Logout Button */
.btn-logout[b-8jz7pgsjwi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    background: rgba(244, 67, 54, 0.1);
    border: 1px solid rgba(244, 67, 54, 0.3);
    border-radius: 50%;
    color: #ef5350;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-logout:hover[b-8jz7pgsjwi] {
    background: rgba(244, 67, 54, 0.2);
    border-color: rgba(244, 67, 54, 0.5);
}

/* Modal Backdrop & Dialog */
.modal-backdrop[b-8jz7pgsjwi] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    backdrop-filter: blur(4px);
}

.modal-dialog[b-8jz7pgsjwi] {
    background: #22262e;
    border-radius: 16px;
    border: 1px solid #3a3f4a;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
    width: 100%;
    max-width: 420px;
    margin: 20px;
}

.modal-dialog.login-dialog[b-8jz7pgsjwi] {
    max-width: 380px;
}

.modal-header[b-8jz7pgsjwi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid #3a3f4a;
}

.modal-header h3[b-8jz7pgsjwi] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #fff;
}

.modal-body[b-8jz7pgsjwi] {
    padding: 24px;
}

.modal-footer[b-8jz7pgsjwi] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid #3a3f4a;
    background: #1e2126;
    border-radius: 0 0 16px 16px;
}

/* Login Dialog Specific */
.login-description[b-8jz7pgsjwi] {
    margin: 0 0 20px;
    color: #888;
    font-size: 0.9rem;
}

.form-group[b-8jz7pgsjwi] {
    margin-bottom: 16px;
}

.form-group label[b-8jz7pgsjwi] {
    display: block;
    margin-bottom: 8px;
    font-size: 0.85rem;
    font-weight: 500;
    color: #aaa;
}

.form-input[b-8jz7pgsjwi] {
    width: 100%;
    padding: 12px 16px;
    background: #1a1d24;
    border: 1px solid #3a3f4a;
    border-radius: 8px;
    color: #e0e0e0;
    font-size: 0.95rem;
    outline: none;
    transition: border-color 0.2s ease;
}

.form-input:focus[b-8jz7pgsjwi] {
    border-color: #ff9800;
}

.form-input[b-8jz7pgsjwi]::placeholder {
    color: #666;
}

.login-error[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: rgba(244, 67, 54, 0.1);
    border: 1px solid rgba(244, 67, 54, 0.3);
    border-radius: 8px;
    color: #ef5350;
    font-size: 0.85rem;
    margin-top: 16px;
}

.login-error svg[b-8jz7pgsjwi] {
    flex-shrink: 0;
}

/* Access Selection Screen */
.access-selection[b-8jz7pgsjwi] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}

.access-selection-container[b-8jz7pgsjwi] {
    text-align: center;
    max-width: 700px;
}

.access-selection-container h2[b-8jz7pgsjwi] {
    margin: 0 0 12px;
    font-size: 1.75rem;
    color: #fff;
}

.access-description[b-8jz7pgsjwi] {
    margin: 0 0 40px;
    color: #888;
    font-size: 1.1rem;
}

.access-options[b-8jz7pgsjwi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
}

.access-option[b-8jz7pgsjwi] {
    background: #22262e;
    border: 2px solid #3a3f4a;
    border-radius: 16px;
    padding: 32px 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
}

.access-option:hover[b-8jz7pgsjwi] {
    border-color: #ff9800;
    background: #2a2e36;
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(255, 152, 0, 0.2);
}

.access-icon[b-8jz7pgsjwi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 20px;
}

.access-icon.authenticated[b-8jz7pgsjwi] {
    background: linear-gradient(135deg, rgba(255, 152, 0, 0.2) 0%, rgba(245, 124, 0, 0.1) 100%);
    color: #ff9800;
}

.access-icon.public[b-8jz7pgsjwi] {
    background: linear-gradient(135deg, rgba(76, 175, 80, 0.2) 0%, rgba(56, 142, 60, 0.1) 100%);
    color: #4caf50;
}

.access-option h3[b-8jz7pgsjwi] {
    margin: 0 0 12px;
    font-size: 1.2rem;
    color: #fff;
}

.access-option p[b-8jz7pgsjwi] {
    margin: 0 0 20px;
    color: #888;
    font-size: 0.9rem;
    line-height: 1.5;
}

.access-badge[b-8jz7pgsjwi] {
    display: inline-block;
    padding: 6px 16px;
    background: linear-gradient(135deg, rgba(255, 152, 0, 0.2) 0%, rgba(245, 124, 0, 0.1) 100%);
    border: 1px solid rgba(255, 152, 0, 0.3);
    border-radius: 20px;
    color: #ffb74d;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.access-badge.public[b-8jz7pgsjwi] {
    background: linear-gradient(135deg, rgba(76, 175, 80, 0.2) 0%, rgba(56, 142, 60, 0.1) 100%);
    border-color: rgba(76, 175, 80, 0.3);
    color: #81c784;
}

/* Responsive for Access Selection */
@media (max-width: 600px) {
    .access-options[b-8jz7pgsjwi] {
        grid-template-columns: 1fr;
    }

    .access-option[b-8jz7pgsjwi] {
        padding: 24px 20px;
    }

    .access-icon[b-8jz7pgsjwi] {
        width: 64px;
        height: 64px;
    }

    .access-icon svg[b-8jz7pgsjwi] {
        width: 32px;
        height: 32px;
    }
}