@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.b6pgxrrsua.bundle.scp.css';

/* _content/psc-ai-platform/Components/Layout/MainLayout.razor.rz.scp.css */
.page-container[b-dcc7jz5seg] {
    display: flex;
    flex-direction: column;
    height: 100%; /* Changed from 100dvh to 100% */
    width: 100%;
}

.page-container > .fluent-layout[b-dcc7jz5seg] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0; /* Added to prevent flexbox overflow */
}

.main[b-dcc7jz5seg] {
    flex: 1;
    overflow: hidden;
    display: flex; /* Ensure .main is also a flex container */
}

.body-content[b-dcc7jz5seg] {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.content[b-dcc7jz5seg] {
    height: 100%;
    width: 100%;
    position: relative;
}

.layout[b-dcc7jz5seg] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* Theme controls in header */
.theme-controls[b-dcc7jz5seg] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Color picker dialog grid */
.color-picker-grid[b-dcc7jz5seg] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 16px;
    max-width: 500px;
}

/* Individual color option */
.color-option[b-dcc7jz5seg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s;
    border: 2px solid transparent;
    min-width: 120px;
}

.color-option:hover[b-dcc7jz5seg] {
    background-color: var(--neutral-layer-2, rgba(255,255,255,0.1));
    transform: scale(1.02);
}

.color-option.selected[b-dcc7jz5seg] {
    border-color: var(--accent-fill-rest, #0078D4);
    background-color: var(--neutral-layer-2, rgba(255,255,255,0.1));
}

/* Colored square indicator */
.color-square[b-dcc7jz5seg] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* Color name text */
.color-name[b-dcc7jz5seg] {
    font-size: 14px;
    white-space: nowrap;
}

/* Language picker dialog grid */
.language-picker-grid[b-dcc7jz5seg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    max-width: 400px;
}

/* Individual language option */
.language-option[b-dcc7jz5seg] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s;
    border: 2px solid transparent;
}

.language-option:hover[b-dcc7jz5seg] {
    background-color: var(--neutral-layer-2, rgba(255,255,255,0.1));
    transform: scale(1.01);
}

.language-option.selected[b-dcc7jz5seg] {
    border-color: var(--accent-fill-rest, #0078D4);
    background-color: var(--neutral-layer-2, rgba(255,255,255,0.1));
}

/* Language name text */
.language-name[b-dcc7jz5seg] {
    font-size: 14px;
}

/* Mobile layout fixes */
@media (max-width: 600px) {
    .page-container[b-dcc7jz5seg] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        padding: 0;
    }

    .layout[b-dcc7jz5seg] {
        margin: 0;
        padding: 0;
    }
}
/* _content/psc-ai-platform/Components/Pages/Admin/Budgets.razor.rz.scp.css */
.budgets-page[b-ge0dor56ny] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-ge0dor56ny] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header-left h1[b-ge0dor56ny] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}

.stats-grid[b-ge0dor56ny] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.stat-card[b-ge0dor56ny] {
    display: flex;
    gap: 16px;
    padding: 16px;
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 12px;
}

.stat-card.warning[b-ge0dor56ny] {
    border-color: var(--warning);
}

.stat-card.danger[b-ge0dor56ny] {
    border-color: var(--error);
}

.stat-icon[b-ge0dor56ny] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-icon.system[b-ge0dor56ny] {
    background: var(--accent-fill-subtle);
    color: var(--accent-foreground-rest);
}

.stat-icon.total[b-ge0dor56ny] {
    background: var(--neutral-layer-3);
}

.stat-icon.warning[b-ge0dor56ny] {
    background: rgba(255, 193, 7, 0.1);
    color: #ffc107;
}

.stat-icon.danger[b-ge0dor56ny] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.stat-content[b-ge0dor56ny] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.stat-label[b-ge0dor56ny] {
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

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

.progress-bar[b-ge0dor56ny] {
    height: 6px;
    background: var(--neutral-layer-3);
    border-radius: 3px;
    overflow: hidden;
    margin-top: 4px;
}

.progress-fill[b-ge0dor56ny] {
    height: 100%;
    transition: width 0.3s ease;
}

.progress-fill.normal[b-ge0dor56ny] {
    background: var(--accent-fill-rest);
}

.progress-fill.moderate[b-ge0dor56ny] {
    background: #ffc107;
}

.progress-fill.warning[b-ge0dor56ny] {
    background: #fd7e14;
}

.progress-fill.exhausted[b-ge0dor56ny] {
    background: #dc3545;
}

.alerts-section[b-ge0dor56ny] {
    background: var(--neutral-layer-2);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 24px;
}

.alerts-section h2[b-ge0dor56ny] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px 0;
    font-size: 16px;
    font-weight: 600;
}

.alerts-list[b-ge0dor56ny] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.alert-item[b-ge0dor56ny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: var(--neutral-layer-card-container);
    border-radius: 8px;
    border-left: 4px solid var(--warning);
}

.alert-item.exhausted[b-ge0dor56ny] {
    border-left-color: var(--error);
}

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

.alert-message[b-ge0dor56ny] {
    font-size: 14px;
}

.alert-time[b-ge0dor56ny] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.budgets-section[b-ge0dor56ny] {
    background: var(--neutral-layer-card-container);
    border-radius: 12px;
    padding: 20px;
}

.section-header[b-ge0dor56ny] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.section-header h2[b-ge0dor56ny] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.filter-tabs[b-ge0dor56ny] {
    display: flex;
    gap: 4px;
}

.loading-container[b-ge0dor56ny] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px;
    gap: 16px;
    color: var(--neutral-foreground-hint);
}

.empty-state[b-ge0dor56ny] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px;
    gap: 16px;
    text-align: center;
}

.empty-state h3[b-ge0dor56ny] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.empty-state p[b-ge0dor56ny] {
    margin: 0;
    color: var(--neutral-foreground-hint);
}

.budgets-table[b-ge0dor56ny] {
    overflow-x: auto;
}

.budgets-table table[b-ge0dor56ny] {
    width: 100%;
    border-collapse: collapse;
}

.budgets-table th[b-ge0dor56ny],
.budgets-table td[b-ge0dor56ny] {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.budgets-table th[b-ge0dor56ny] {
    font-weight: 600;
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

.budgets-table tr.warning[b-ge0dor56ny] {
    background: rgba(255, 193, 7, 0.05);
}

.budgets-table tr.exhausted[b-ge0dor56ny] {
    background: rgba(220, 53, 69, 0.05);
}

.budget-type[b-ge0dor56ny] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 4px;
    background: var(--neutral-layer-3);
}

.usage-cell[b-ge0dor56ny] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mini-progress[b-ge0dor56ny] {
    width: 100px;
    height: 4px;
    background: var(--neutral-layer-3);
    border-radius: 2px;
    overflow: hidden;
}

.mini-progress-fill[b-ge0dor56ny] {
    height: 100%;
}

.status-badge[b-ge0dor56ny] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}

.status-badge.active[b-ge0dor56ny] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.status-badge.inactive[b-ge0dor56ny] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-hint);
}

.status-badge.warning[b-ge0dor56ny] {
    background: rgba(255, 193, 7, 0.1);
    color: #d39e00;
}

.status-badge.exhausted[b-ge0dor56ny] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.action-buttons[b-ge0dor56ny] {
    display: flex;
    gap: 4px;
}

/* Modal Styles */
.modal-overlay[b-ge0dor56ny] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 24px;
}

.modal-content[b-ge0dor56ny] {
    background: var(--neutral-layer-floating);
    border-radius: 12px;
    width: 100%;
    max-width: 550px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.modal-header[b-ge0dor56ny] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.modal-header h2[b-ge0dor56ny] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

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

.modal-footer[b-ge0dor56ny] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

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

.form-group label[b-ge0dor56ny] {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 500;
}

.form-hint[b-ge0dor56ny] {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.form-row[b-ge0dor56ny] {
    display: flex;
    gap: 16px;
}

.form-row > *[b-ge0dor56ny] {
    flex: 1;
}

@media (max-width: 768px) {
    .budgets-page[b-ge0dor56ny] {
        padding: 16px;
    }

    .page-header[b-ge0dor56ny] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .stats-grid[b-ge0dor56ny] {
        grid-template-columns: 1fr 1fr;
    }

    .section-header[b-ge0dor56ny] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .filter-tabs[b-ge0dor56ny] {
        flex-wrap: wrap;
    }

    .form-row[b-ge0dor56ny] {
        flex-direction: column;
    }
}
/* _content/psc-ai-platform/Components/Pages/Admin/DocumentApiKeys.razor.rz.scp.css */
.api-keys-page[b-xmjxy1si03] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.page-header[b-xmjxy1si03] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 16px;
}

.header-left[b-xmjxy1si03] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-left h1[b-xmjxy1si03] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}

.header-actions[b-xmjxy1si03] {
    display: flex;
    gap: 8px;
}

.create-btn[b-xmjxy1si03] {
    background: var(--accent-fill-rest, #0078d4);
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}

.create-btn:hover[b-xmjxy1si03] {
    background: var(--accent-fill-hover, #106ebe);
}

.item-count[b-xmjxy1si03] {
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

.info-banner[b-xmjxy1si03] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    margin-bottom: 24px;
    font-size: 14px;
    color: var(--neutral-foreground-rest);
}

.loading-container[b-xmjxy1si03] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px;
    gap: 16px;
    color: var(--neutral-foreground-hint);
}

.empty-state[b-xmjxy1si03] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px;
    gap: 16px;
    text-align: center;
}

.empty-state h3[b-xmjxy1si03] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.empty-state p[b-xmjxy1si03] {
    margin: 0;
    color: var(--neutral-foreground-hint);
}

.api-keys-table[b-xmjxy1si03] {
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 8px;
    overflow: hidden;
}

.status-badge[b-xmjxy1si03] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.status-badge.active[b-xmjxy1si03] {
    background: var(--success-fill-subtle);
    color: var(--success);
}

.status-badge.inactive[b-xmjxy1si03] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-hint);
}

.text-muted[b-xmjxy1si03] {
    color: var(--neutral-foreground-hint);
}

.text-success[b-xmjxy1si03] {
    color: var(--success);
}

.text-error[b-xmjxy1si03] {
    color: var(--error);
}

/* Modal Styles */
.modal-overlay[b-xmjxy1si03] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 24px;
}

.modal-content[b-xmjxy1si03] {
    background: var(--neutral-layer-floating);
    border-radius: 12px;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.modal-header[b-xmjxy1si03] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.modal-header h2[b-xmjxy1si03] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

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

.modal-footer[b-xmjxy1si03] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

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

.form-group label[b-xmjxy1si03] {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 500;
}

.form-hint[b-xmjxy1si03] {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.form-row[b-xmjxy1si03] {
    display: flex;
    gap: 16px;
}

.form-row > *[b-xmjxy1si03] {
    flex: 1;
}

/* Warning Banner */
.warning-banner[b-xmjxy1si03] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: var(--warning-fill-subtle);
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 14px;
    color: var(--warning);
}

/* Error Banner */
.error-banner[b-xmjxy1si03] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: rgba(255, 0, 0, 0.1);
    border: 1px solid var(--error, #d32f2f);
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 14px;
    color: var(--error, #d32f2f);
}

/* API Key Display */
.api-key-display[b-xmjxy1si03] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    margin-bottom: 16px;
}

.api-key-display code[b-xmjxy1si03] {
    flex: 1;
    font-family: monospace;
    font-size: 14px;
    word-break: break-all;
}

/* Stats Grid */
.stats-grid[b-xmjxy1si03] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.stat-card[b-xmjxy1si03] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    text-align: center;
}

.stat-value[b-xmjxy1si03] {
    font-size: 24px;
    font-weight: 600;
    color: var(--accent-foreground-rest);
}

.stat-label[b-xmjxy1si03] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    margin-top: 4px;
}

.stats-details[b-xmjxy1si03] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.stats-row[b-xmjxy1si03] {
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
    background: var(--neutral-layer-2);
    border-radius: 4px;
    font-size: 14px;
}

@media (max-width: 768px) {
    .api-keys-page[b-xmjxy1si03] {
        padding: 16px;
    }

    .page-header[b-xmjxy1si03] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-actions[b-xmjxy1si03] {
        flex-wrap: wrap;
    }

    .form-row[b-xmjxy1si03] {
        flex-direction: column;
    }

    .stats-grid[b-xmjxy1si03] {
        grid-template-columns: repeat(2, 1fr);
    }

    .modal-content[b-xmjxy1si03] {
        max-height: 100vh;
        border-radius: 0;
    }
}
/* _content/psc-ai-platform/Components/Pages/Admin/DocumentExtractionJobs.razor.rz.scp.css */
.jobs-page[b-s9y10ef9bm] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.page-header[b-s9y10ef9bm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header-left[b-s9y10ef9bm] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-left h1[b-s9y10ef9bm] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}

.item-count[b-s9y10ef9bm] {
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

/* Stats Row */
.stats-row[b-s9y10ef9bm] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.stat-card[b-s9y10ef9bm] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 12px;
}

.stat-icon[b-s9y10ef9bm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
}

.stat-icon.queued[b-s9y10ef9bm] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-rest);
}

.stat-icon.processing[b-s9y10ef9bm] {
    background: var(--accent-fill-subtle);
    color: var(--accent-foreground-rest);
}

.stat-icon.completed[b-s9y10ef9bm] {
    background: var(--success-fill-subtle);
    color: var(--success);
}

.stat-icon.failed[b-s9y10ef9bm] {
    background: var(--error-fill-subtle, rgba(255, 0, 0, 0.1));
    color: var(--error);
}

.stat-content[b-s9y10ef9bm] {
    display: flex;
    flex-direction: column;
}

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

.stat-label[b-s9y10ef9bm] {
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

/* Filters */
.filters-bar[b-s9y10ef9bm] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    padding: 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
}

/* Table */
.jobs-table[b-s9y10ef9bm] {
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 8px;
    overflow: hidden;
}

.status-badge[b-s9y10ef9bm] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.status-badge.queued[b-s9y10ef9bm] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-rest);
}

.status-badge.processing[b-s9y10ef9bm] {
    background: var(--accent-fill-subtle);
    color: var(--accent-foreground-rest);
}

.status-badge.completed[b-s9y10ef9bm] {
    background: var(--success-fill-subtle);
    color: var(--success);
}

.status-badge.failed[b-s9y10ef9bm] {
    background: var(--error-fill-subtle, rgba(255, 0, 0, 0.1));
    color: var(--error);
}

.correlation-id[b-s9y10ef9bm] {
    font-size: 11px;
    background: var(--neutral-layer-3);
    padding: 2px 6px;
    border-radius: 4px;
}

.text-muted[b-s9y10ef9bm] {
    color: var(--neutral-foreground-hint);
}

.confidence[b-s9y10ef9bm] {
    font-weight: 500;
}

.confidence.high[b-s9y10ef9bm] {
    color: var(--success);
}

.confidence.medium[b-s9y10ef9bm] {
    color: var(--warning);
}

.confidence.low[b-s9y10ef9bm] {
    color: var(--error);
}

.webhook-pending[b-s9y10ef9bm] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Pagination */
.pagination[b-s9y10ef9bm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 20px;
}

/* Loading & Empty States */
.loading-container[b-s9y10ef9bm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px;
    gap: 16px;
    color: var(--neutral-foreground-hint);
}

.empty-state[b-s9y10ef9bm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px;
    gap: 16px;
    text-align: center;
}

.empty-state h3[b-s9y10ef9bm] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.empty-state p[b-s9y10ef9bm] {
    margin: 0;
    color: var(--neutral-foreground-hint);
}

/* Modal */
.modal-overlay[b-s9y10ef9bm] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 24px;
}

.modal-content[b-s9y10ef9bm] {
    background: var(--neutral-layer-floating);
    border-radius: 12px;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.modal-content.large[b-s9y10ef9bm] {
    max-width: 700px;
}

.modal-header[b-s9y10ef9bm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.modal-header h2[b-s9y10ef9bm] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

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

.modal-footer[b-s9y10ef9bm] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

/* Details Grid */
.details-grid[b-s9y10ef9bm] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.detail-row[b-s9y10ef9bm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: var(--neutral-layer-2);
    border-radius: 4px;
}

.detail-label[b-s9y10ef9bm] {
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

.detail-row code[b-s9y10ef9bm] {
    font-size: 12px;
    background: var(--neutral-layer-3);
    padding: 2px 6px;
    border-radius: 4px;
}

.detail-row code.small[b-s9y10ef9bm] {
    font-size: 11px;
    word-break: break-all;
}

/* Sections */
.error-section[b-s9y10ef9bm],
.result-section[b-s9y10ef9bm],
.webhook-section[b-s9y10ef9bm] {
    margin-top: 24px;
}

.error-section h3[b-s9y10ef9bm],
.result-section h3[b-s9y10ef9bm],
.webhook-section h3[b-s9y10ef9bm] {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 600;
}

.error-box[b-s9y10ef9bm] {
    padding: 12px 16px;
    background: var(--error-fill-subtle, rgba(255, 0, 0, 0.1));
    border-radius: 8px;
    font-size: 13px;
    color: var(--error);
}

.error-box div[b-s9y10ef9bm] {
    margin-bottom: 4px;
}

.error-box div:last-child[b-s9y10ef9bm] {
    margin-bottom: 0;
}

.result-json[b-s9y10ef9bm] {
    padding: 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    font-family: monospace;
    font-size: 12px;
    white-space: pre-wrap;
    word-wrap: break-word;
    max-height: 300px;
    overflow-y: auto;
}

@media (max-width: 768px) {
    .jobs-page[b-s9y10ef9bm] {
        padding: 16px;
    }

    .stats-row[b-s9y10ef9bm] {
        grid-template-columns: repeat(2, 1fr);
    }

    .filters-bar[b-s9y10ef9bm] {
        flex-direction: column;
        align-items: stretch;
    }

    .modal-content[b-s9y10ef9bm] {
        max-height: 100vh;
        border-radius: 0;
    }
}
/* _content/psc-ai-platform/Components/Pages/Admin/DocumentExtractionSettings.razor.rz.scp.css */
.settings-page[b-3on6p6xhk0] {
    padding: 24px;
    max-width: 1000px;
    margin: 0 auto;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.page-header[b-3on6p6xhk0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header-left[b-3on6p6xhk0] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-left h1[b-3on6p6xhk0] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}

.settings-content[b-3on6p6xhk0] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.settings-section[b-3on6p6xhk0] {
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 12px;
    overflow: hidden;
}

.section-header[b-3on6p6xhk0] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 20px 24px;
    background: var(--neutral-layer-2);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.section-header h2[b-3on6p6xhk0] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.section-header p[b-3on6p6xhk0] {
    margin: 4px 0 0 0;
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

.section-body[b-3on6p6xhk0] {
    padding: 24px;
}

.form-group[b-3on6p6xhk0] {
    margin-bottom: 20px;
}

.form-group:last-child[b-3on6p6xhk0] {
    margin-bottom: 0;
}

.form-group label[b-3on6p6xhk0] {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
}

.form-hint[b-3on6p6xhk0] {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.form-hint code[b-3on6p6xhk0] {
    background: var(--neutral-layer-3);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
}

.form-row[b-3on6p6xhk0] {
    display: flex;
    gap: 24px;
}

.form-row > .form-group[b-3on6p6xhk0] {
    flex: 1;
}

.loading-inline[b-3on6p6xhk0] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

/* Endpoint List */
.endpoint-list[b-3on6p6xhk0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.endpoint-item[b-3on6p6xhk0] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
}

.endpoint-item .method[b-3on6p6xhk0] {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.endpoint-item .method.get[b-3on6p6xhk0] {
    background: var(--accent-fill-subtle);
    color: var(--accent-foreground-rest);
}

.endpoint-item .method.post[b-3on6p6xhk0] {
    background: var(--success-fill-subtle);
    color: var(--success);
}

.endpoint-item code[b-3on6p6xhk0] {
    flex: 1;
    font-family: monospace;
    font-size: 13px;
}

.endpoint-item .description[b-3on6p6xhk0] {
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

.api-note[b-3on6p6xhk0] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    padding: 12px 16px;
    background: var(--accent-fill-subtle);
    border-radius: 8px;
    font-size: 13px;
    color: var(--accent-foreground-rest);
}

.api-note code[b-3on6p6xhk0] {
    background: var(--neutral-layer-1);
    padding: 2px 6px;
    border-radius: 4px;
}

.info-section[b-3on6p6xhk0] {
    background: var(--neutral-layer-2);
}

/* Success Banner */
.save-success-banner[b-3on6p6xhk0] {
    position: fixed;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    background: var(--success-fill-subtle);
    border: 1px solid var(--success);
    border-radius: 8px;
    color: var(--success);
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    animation: slideIn-b-3on6p6xhk0 0.3s ease-out;
}

@keyframes slideIn-b-3on6p6xhk0 {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .settings-page[b-3on6p6xhk0] {
        padding: 16px;
    }

    .page-header[b-3on6p6xhk0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .form-row[b-3on6p6xhk0] {
        flex-direction: column;
        gap: 0;
    }

    .endpoint-item[b-3on6p6xhk0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .endpoint-item .description[b-3on6p6xhk0] {
        display: none;
    }
}
/* _content/psc-ai-platform/Components/Pages/Admin/DocumentExtractionTest.razor.rz.scp.css */
.test-page[b-jckfiz65re] {
    padding: 24px;
    max-width: 1000px;
    margin: 0 auto;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.page-header[b-jckfiz65re] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header-left[b-jckfiz65re] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-left h1[b-jckfiz65re] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}

.test-content[b-jckfiz65re] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.test-section[b-jckfiz65re] {
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 12px;
    overflow: hidden;
}

.section-header[b-jckfiz65re] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 20px 24px;
    background: var(--neutral-layer-2);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.section-header h2[b-jckfiz65re] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.section-header p[b-jckfiz65re] {
    margin: 4px 0 0 0;
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

.section-body[b-jckfiz65re] {
    padding: 24px;
}

/* Upload Area */
.upload-area[b-jckfiz65re] {
    position: relative;
    border: 2px dashed var(--neutral-stroke-rest);
    border-radius: 12px;
    padding: 40px;
    text-align: center;
    transition: all 0.2s ease;
    background: var(--neutral-layer-2);
}

.upload-area:hover[b-jckfiz65re],
.upload-area.drag-over[b-jckfiz65re] {
    border-color: var(--accent-fill-rest);
    background: var(--accent-fill-subtle);
}

.file-input[b-jckfiz65re] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.upload-label[b-jckfiz65re] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.upload-text[b-jckfiz65re] {
    font-size: 14px;
    color: var(--neutral-foreground-rest);
}

.upload-text strong[b-jckfiz65re] {
    color: var(--accent-foreground-rest);
}

.file-size[b-jckfiz65re] {
    color: var(--neutral-foreground-hint);
    margin-left: 8px;
}

.upload-hint[b-jckfiz65re] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.error-message[b-jckfiz65re] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 12px 16px;
    background: var(--error-fill-subtle, rgba(255, 0, 0, 0.1));
    border-radius: 8px;
    color: var(--error);
    font-size: 14px;
}

/* Options */
.options-grid[b-jckfiz65re] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}

.option-group label[b-jckfiz65re],
.form-group label[b-jckfiz65re] {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
}

.form-group[b-jckfiz65re] {
    margin-bottom: 0;
}

.form-hint[b-jckfiz65re] {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

/* Action Section */
.action-section[b-jckfiz65re] {
    display: flex;
    justify-content: center;
    padding: 8px 0;
}

/* Results Section */
.results-section[b-jckfiz65re] {
    animation: fadeIn-b-jckfiz65re 0.3s ease-out;
}

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

.result-error[b-jckfiz65re] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: var(--error-fill-subtle, rgba(255, 0, 0, 0.1));
    border-radius: 8px;
    color: var(--error);
}

.result-error strong[b-jckfiz65re] {
    display: block;
    margin-bottom: 4px;
}

.result-error p[b-jckfiz65re] {
    margin: 0;
    font-size: 14px;
}

.async-result[b-jckfiz65re] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: var(--accent-fill-subtle);
    border-radius: 8px;
}

.async-result strong[b-jckfiz65re] {
    display: block;
    margin-bottom: 4px;
}

.async-result p[b-jckfiz65re] {
    margin: 0;
    font-size: 14px;
    color: var(--neutral-foreground-hint);
}

.async-result code[b-jckfiz65re] {
    background: var(--neutral-layer-3);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
}

/* Metadata Grid */
.metadata-grid[b-jckfiz65re] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 24px;
}

.metadata-card[b-jckfiz65re] {
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
}

.metadata-label[b-jckfiz65re] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    margin-bottom: 4px;
}

.metadata-value[b-jckfiz65re] {
    font-size: 14px;
    font-weight: 500;
    word-break: break-word;
}

.metadata-section[b-jckfiz65re] {
    margin-bottom: 20px;
    padding: 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
}

.metadata-section h3[b-jckfiz65re] {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
}

.metadata-section p[b-jckfiz65re] {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
}

.metadata-section ul[b-jckfiz65re] {
    margin: 0;
    padding-left: 20px;
}

.metadata-section li[b-jckfiz65re] {
    font-size: 14px;
    margin-bottom: 4px;
}

.abstraction[b-jckfiz65re] {
    font-style: italic;
    color: var(--neutral-foreground-rest);
}

/* Confidence Indicator */
.confidence-indicator[b-jckfiz65re] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 14px;
}

.confidence-value[b-jckfiz65re] {
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 12px;
}

.confidence-value.high[b-jckfiz65re] {
    background: var(--success-fill-subtle);
    color: var(--success);
}

.confidence-value.medium[b-jckfiz65re] {
    background: var(--warning-fill-subtle);
    color: var(--warning);
}

.confidence-value.low[b-jckfiz65re] {
    background: var(--error-fill-subtle, rgba(255, 0, 0, 0.1));
    color: var(--error);
}

/* JSON Section */
.json-section[b-jckfiz65re] {
    margin-top: 20px;
}

.json-output[b-jckfiz65re] {
    margin-top: 12px;
    padding: 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    font-family: monospace;
    font-size: 12px;
    white-space: pre-wrap;
    word-wrap: break-word;
    max-height: 400px;
    overflow-y: auto;
}

@media (max-width: 768px) {
    .test-page[b-jckfiz65re] {
        padding: 16px;
    }

    .options-grid[b-jckfiz65re] {
        grid-template-columns: 1fr;
    }

    .metadata-grid[b-jckfiz65re] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* _content/psc-ai-platform/Components/Pages/Admin/FileManager.razor.rz.scp.css */
.file-manager-page[b-eigt4ewe0w] {
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Page Header */
.page-header[b-eigt4ewe0w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header-left[b-eigt4ewe0w] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-left h1[b-eigt4ewe0w] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.item-count[b-eigt4ewe0w] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

.header-actions[b-eigt4ewe0w] {
    display: flex;
    gap: 8px;
}

/* Statistics Grid */
.stats-grid[b-eigt4ewe0w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.stat-card[b-eigt4ewe0w] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-divider-rest);
}

.stat-icon[b-eigt4ewe0w] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: var(--neutral-layer-3);
}

.stat-content[b-eigt4ewe0w] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-eigt4ewe0w] {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
}

.stat-label[b-eigt4ewe0w] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

.stat-detail[b-eigt4ewe0w] {
    color: var(--neutral-foreground-hint);
    font-size: 0.75rem;
    margin-top: 2px;
}

/* Filters Bar */
.filters-bar[b-eigt4ewe0w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
    padding: 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
}

.filter-group[b-eigt4ewe0w] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.bulk-actions[b-eigt4ewe0w] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.selection-count[b-eigt4ewe0w] {
    color: var(--accent-foreground-rest);
    font-weight: 500;
}

/* Loading & Empty States */
.loading-container[b-eigt4ewe0w],
.empty-state[b-eigt4ewe0w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px;
    gap: 16px;
    color: var(--neutral-foreground-hint);
}

.empty-state h3[b-eigt4ewe0w] {
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.empty-state p[b-eigt4ewe0w] {
    margin: 0;
}

/* Table */
.table-container[b-eigt4ewe0w] {
    overflow-x: auto;
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
}

.files-table[b-eigt4ewe0w] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.files-table thead[b-eigt4ewe0w] {
    background: var(--neutral-layer-3);
}

.files-table th[b-eigt4ewe0w] {
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    white-space: nowrap;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.files-table th.sortable[b-eigt4ewe0w] {
    cursor: pointer;
    user-select: none;
}

.files-table th.sortable:hover[b-eigt4ewe0w] {
    background: var(--neutral-layer-4);
}

.files-table td[b-eigt4ewe0w] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    vertical-align: middle;
}

.files-table tbody tr:hover[b-eigt4ewe0w] {
    background: var(--neutral-layer-2);
}

.files-table tbody tr.selected[b-eigt4ewe0w] {
    background: var(--accent-fill-subtle-rest);
}

/* Column widths */
.checkbox-col[b-eigt4ewe0w] {
    width: 48px;
    text-align: center;
}

.filename-col[b-eigt4ewe0w] {
    min-width: 250px;
    max-width: 400px;
}

.size-col[b-eigt4ewe0w] {
    width: 100px;
    text-align: right;
}

.type-col[b-eigt4ewe0w] {
    width: 100px;
}

.date-col[b-eigt4ewe0w] {
    width: 120px;
}

.status-col[b-eigt4ewe0w] {
    width: 120px;
}

.actions-col[b-eigt4ewe0w] {
    width: 100px;
    text-align: center;
}

/* Filename cell */
.filename-cell[b-eigt4ewe0w] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.filename-text[b-eigt4ewe0w] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Status Badge */
.status-badge[b-eigt4ewe0w] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
}

.status-badge.linked[b-eigt4ewe0w] {
    background: var(--success-fill-subtle-rest, rgba(16, 185, 129, 0.1));
    color: var(--success-foreground-rest, #10b981);
}

.status-badge.orphaned[b-eigt4ewe0w] {
    background: var(--warning-fill-subtle-rest, rgba(245, 158, 11, 0.1));
    color: var(--warning-foreground-rest, #f59e0b);
}

.status-badge:hover[b-eigt4ewe0w] {
    opacity: 0.8;
}

/* Pagination */
.pagination[b-eigt4ewe0w] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.page-info[b-eigt4ewe0w] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

/* File Details Dialog */
.file-details[b-eigt4ewe0w] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 400px;
}

.detail-row[b-eigt4ewe0w] {
    display: flex;
    gap: 12px;
}

.detail-label[b-eigt4ewe0w] {
    width: 120px;
    flex-shrink: 0;
    color: var(--neutral-foreground-hint);
    font-weight: 500;
}

.detail-value[b-eigt4ewe0w] {
    flex: 1;
    word-break: break-word;
}

.detail-value.file-id[b-eigt4ewe0w] {
    font-family: monospace;
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
}

.kb-list[b-eigt4ewe0w] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.kb-tag[b-eigt4ewe0w] {
    display: inline-flex;
    padding: 4px 8px;
    background: var(--accent-fill-subtle-rest);
    color: var(--accent-foreground-rest);
    border-radius: 4px;
    font-size: 0.75rem;
}

/* Delete Confirmation */
.delete-confirmation[b-eigt4ewe0w] {
    min-width: 400px;
}

.delete-confirmation p[b-eigt4ewe0w] {
    margin: 0 0 12px 0;
}

.warning-text[b-eigt4ewe0w] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--warning-foreground-rest, #f59e0b);
}

.files-to-delete[b-eigt4ewe0w] {
    margin: 12px 0;
    padding-left: 20px;
}

.files-to-delete li[b-eigt4ewe0w] {
    margin: 4px 0;
    color: var(--neutral-foreground-hint);
}

.storage-info[b-eigt4ewe0w] {
    font-weight: 500;
}

/* Responsive */
@media (max-width: 1024px) {
    .stats-grid[b-eigt4ewe0w] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .file-manager-page[b-eigt4ewe0w] {
        padding: 16px;
    }

    .page-header[b-eigt4ewe0w] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .stats-grid[b-eigt4ewe0w] {
        grid-template-columns: 1fr;
    }

    .filters-bar[b-eigt4ewe0w] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-group[b-eigt4ewe0w] {
        flex-direction: column;
        align-items: stretch;
    }

    .bulk-actions[b-eigt4ewe0w] {
        justify-content: center;
    }

    .filename-col[b-eigt4ewe0w] {
        min-width: 150px;
    }

    .file-details[b-eigt4ewe0w],
    .delete-confirmation[b-eigt4ewe0w] {
        min-width: auto;
    }
}
/* _content/psc-ai-platform/Components/Pages/Admin/Groups.razor.rz.scp.css */
.admin-groups-page[b-c2eibhf3k6] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-c2eibhf3k6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header-left[b-c2eibhf3k6] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-left h1[b-c2eibhf3k6] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.group-count[b-c2eibhf3k6] {
    color: var(--neutral-foreground-hint);
    font-size: 14px;
    padding: 4px 12px;
    background: var(--neutral-layer-2);
    border-radius: 16px;
}

.header-actions[b-c2eibhf3k6] {
    display: flex;
    gap: 8px;
}

.search-bar[b-c2eibhf3k6] {
    margin-bottom: 24px;
}

.loading-container[b-c2eibhf3k6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px;
    gap: 16px;
    color: var(--neutral-foreground-hint);
}

.empty-state[b-c2eibhf3k6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px;
    gap: 16px;
    color: var(--neutral-foreground-hint);
}

/* Groups Grid */
.groups-grid[b-c2eibhf3k6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
}

.group-card[b-c2eibhf3k6] {
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 12px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.group-card:hover[b-c2eibhf3k6] {
    border-color: var(--accent-stroke-control-rest);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.group-header[b-c2eibhf3k6] {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

.group-icon[b-c2eibhf3k6] {
    width: 48px;
    height: 48px;
    background: var(--accent-fill-rest);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.group-icon[b-c2eibhf3k6]  svg {
    color: white;
}

.group-info[b-c2eibhf3k6] {
    flex: 1;
    min-width: 0;
}

.group-info h3[b-c2eibhf3k6] {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.group-description[b-c2eibhf3k6] {
    margin: 0;
    font-size: 13px;
    color: var(--neutral-foreground-hint);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.group-footer[b-c2eibhf3k6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.member-count[b-c2eibhf3k6] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Tab Content */
.tab-content[b-c2eibhf3k6] {
    padding: 16px 0;
    min-height: 300px;
}

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

.form-group label[b-c2eibhf3k6] {
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
    font-size: 14px;
}

/* Permissions Content */
.permissions-content[b-c2eibhf3k6] {
    max-height: 400px;
    overflow-y: auto;
}

.permission-section[b-c2eibhf3k6] {
    margin-bottom: 24px;
}

.permission-section h4[b-c2eibhf3k6] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    padding-bottom: 8px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.permission-grid[b-c2eibhf3k6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 8px;
}

.permission-item[b-c2eibhf3k6] {
    padding: 8px 12px;
    background: var(--neutral-layer-1);
    border-radius: 6px;
}

/* Users Content */
.users-content[b-c2eibhf3k6] {
    display: flex;
    flex-direction: column;
}

.users-search[b-c2eibhf3k6] {
    margin-bottom: 16px;
}

.loading-users[b-c2eibhf3k6] {
    display: flex;
    justify-content: center;
    padding: 32px;
}

.users-list[b-c2eibhf3k6] {
    max-height: 350px;
    overflow-y: auto;
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
}

.user-item[b-c2eibhf3k6] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    cursor: pointer;
    transition: background-color 0.15s;
}

.user-item:last-child[b-c2eibhf3k6] {
    border-bottom: none;
}

.user-item:hover[b-c2eibhf3k6] {
    background: var(--neutral-layer-1);
}

.user-item.selected[b-c2eibhf3k6] {
    background: rgba(var(--accent-base-color), 0.1);
}

.user-checkbox[b-c2eibhf3k6] {
    flex-shrink: 0;
}

.user-details[b-c2eibhf3k6] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

.user-avatar[b-c2eibhf3k6] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.user-avatar-placeholder[b-c2eibhf3k6] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--accent-fill-rest);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    flex-shrink: 0;
}

.user-info[b-c2eibhf3k6] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.user-name[b-c2eibhf3k6] {
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-email[b-c2eibhf3k6] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.role-badge[b-c2eibhf3k6] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    text-transform: capitalize;
    flex-shrink: 0;
}

.role-badge.admin[b-c2eibhf3k6] {
    background: rgba(var(--accent-base-color), 0.2);
    color: var(--accent-foreground-rest);
}

.role-badge.user[b-c2eibhf3k6] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-rest);
}

.role-badge.pending[b-c2eibhf3k6] {
    background: rgba(255, 193, 7, 0.2);
    color: #ffc107;
}

.selected-count[b-c2eibhf3k6] {
    margin-top: 12px;
    padding: 8px 12px;
    background: var(--neutral-layer-2);
    border-radius: 6px;
    font-size: 13px;
    text-align: center;
    color: var(--neutral-foreground-hint);
}

.warning-text[b-c2eibhf3k6] {
    color: var(--error);
    font-size: 14px;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-groups-page[b-c2eibhf3k6] {
        padding: 16px;
    }

    .page-header[b-c2eibhf3k6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .header-left[b-c2eibhf3k6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .header-actions[b-c2eibhf3k6] {
        width: 100%;
        flex-direction: column;
    }

    .groups-grid[b-c2eibhf3k6] {
        grid-template-columns: 1fr;
    }

    .permission-grid[b-c2eibhf3k6] {
        grid-template-columns: 1fr;
    }
}
/* _content/psc-ai-platform/Components/Pages/Admin/SignatureDetectionSettings.razor.rz.scp.css */
.settings-page[b-g0kbzywpzx] {
    padding: 24px;
    max-width: 1000px;
    margin: 0 auto;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.page-header[b-g0kbzywpzx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header-left[b-g0kbzywpzx] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-left h1[b-g0kbzywpzx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}

.settings-content[b-g0kbzywpzx] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.settings-section[b-g0kbzywpzx] {
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 12px;
    overflow: hidden;
}

.section-header[b-g0kbzywpzx] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 20px 24px;
    background: var(--neutral-layer-2);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.section-header h2[b-g0kbzywpzx] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.section-header p[b-g0kbzywpzx] {
    margin: 4px 0 0 0;
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

.section-body[b-g0kbzywpzx] {
    padding: 24px;
}

.form-group[b-g0kbzywpzx] {
    margin-bottom: 20px;
}

.form-group:last-child[b-g0kbzywpzx] {
    margin-bottom: 0;
}

.form-group label[b-g0kbzywpzx] {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
}

.form-hint[b-g0kbzywpzx] {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.form-hint code[b-g0kbzywpzx] {
    background: var(--neutral-layer-3);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
}

.form-row[b-g0kbzywpzx] {
    display: flex;
    gap: 24px;
}

.form-row > .form-group[b-g0kbzywpzx] {
    flex: 1;
}

/* Endpoint List */
.endpoint-list[b-g0kbzywpzx] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.endpoint-item[b-g0kbzywpzx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
}

.endpoint-item .method[b-g0kbzywpzx] {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.endpoint-item .method.post[b-g0kbzywpzx] {
    background: var(--success-fill-subtle);
    color: var(--success);
}

.endpoint-item code[b-g0kbzywpzx] {
    flex: 1;
    font-family: monospace;
    font-size: 13px;
}

.endpoint-item .description[b-g0kbzywpzx] {
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

.api-note[b-g0kbzywpzx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    padding: 12px 16px;
    background: var(--accent-fill-subtle);
    border-radius: 8px;
    font-size: 13px;
    color: var(--accent-foreground-rest);
}

.api-note code[b-g0kbzywpzx] {
    background: var(--neutral-layer-1);
    padding: 2px 6px;
    border-radius: 4px;
}

.api-note a[b-g0kbzywpzx] {
    color: var(--accent-foreground-rest);
    text-decoration: underline;
}

.info-section[b-g0kbzywpzx] {
    background: var(--neutral-layer-2);
}

/* Success Banner */
.save-success-banner[b-g0kbzywpzx] {
    position: fixed;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    background: var(--success-fill-subtle);
    border: 1px solid var(--success);
    border-radius: 8px;
    color: var(--success);
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    animation: slideIn-b-g0kbzywpzx 0.3s ease-out;
}

@keyframes slideIn-b-g0kbzywpzx {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .settings-page[b-g0kbzywpzx] {
        padding: 16px;
    }

    .page-header[b-g0kbzywpzx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .form-row[b-g0kbzywpzx] {
        flex-direction: column;
        gap: 0;
    }

    .endpoint-item[b-g0kbzywpzx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .endpoint-item .description[b-g0kbzywpzx] {
        display: none;
    }
}
/* _content/psc-ai-platform/Components/Pages/Admin/SignatureTest.razor.rz.scp.css */
.test-page[b-99rvgccja9] {
    padding: 24px;
    max-width: 1000px;
    margin: 0 auto;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.page-header[b-99rvgccja9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header-left[b-99rvgccja9] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-left h1[b-99rvgccja9] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}

.test-content[b-99rvgccja9] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.test-section[b-99rvgccja9] {
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 12px;
    overflow: hidden;
}

.section-header[b-99rvgccja9] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 20px 24px;
    background: var(--neutral-layer-2);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.section-header h2[b-99rvgccja9] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.section-header p[b-99rvgccja9] {
    margin: 4px 0 0 0;
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

.section-body[b-99rvgccja9] {
    padding: 24px;
}

/* Upload Area */
.upload-area[b-99rvgccja9] {
    position: relative;
    border: 2px dashed var(--neutral-stroke-rest);
    border-radius: 12px;
    padding: 40px;
    text-align: center;
    transition: all 0.2s ease;
    background: var(--neutral-layer-2);
}

.upload-area:hover[b-99rvgccja9],
.upload-area.drag-over[b-99rvgccja9] {
    border-color: var(--accent-fill-rest);
    background: var(--accent-fill-subtle);
}

.file-input[b-99rvgccja9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.upload-label[b-99rvgccja9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.upload-text[b-99rvgccja9] {
    font-size: 14px;
    color: var(--neutral-foreground-rest);
}

.upload-text strong[b-99rvgccja9] {
    color: var(--accent-foreground-rest);
}

.file-size[b-99rvgccja9] {
    color: var(--neutral-foreground-hint);
    margin-left: 8px;
}

.upload-hint[b-99rvgccja9] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.error-message[b-99rvgccja9] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 12px 16px;
    background: var(--error-fill-subtle, rgba(255, 0, 0, 0.1));
    border-radius: 8px;
    color: var(--error);
    font-size: 14px;
}

/* Signature Preview */
.signature-preview[b-99rvgccja9] {
    margin-top: 16px;
    padding: 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    text-align: center;
}

.signature-preview img[b-99rvgccja9] {
    max-width: 300px;
    max-height: 150px;
    object-fit: contain;
}

/* Form */
.form-group[b-99rvgccja9] {
    margin-bottom: 0;
}

.form-group label[b-99rvgccja9] {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
}

/* Action Section */
.action-section[b-99rvgccja9] {
    display: flex;
    justify-content: center;
    gap: 16px;
    padding: 8px 0;
}

/* Results Section */
.results-section[b-99rvgccja9] {
    animation: fadeIn-b-99rvgccja9 0.3s ease-out;
}

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

.result-error[b-99rvgccja9] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: var(--error-fill-subtle, rgba(255, 0, 0, 0.1));
    border-radius: 8px;
    color: var(--error);
}

.result-error strong[b-99rvgccja9] {
    display: block;
    margin-bottom: 4px;
}

.result-error p[b-99rvgccja9] {
    margin: 0;
    font-size: 14px;
}

/* Metadata Grid */
.signer-result[b-99rvgccja9] {
    margin-bottom: 20px;
}

.metadata-grid[b-99rvgccja9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.metadata-card[b-99rvgccja9] {
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
}

.metadata-label[b-99rvgccja9] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    margin-bottom: 4px;
}

.metadata-value[b-99rvgccja9] {
    font-size: 14px;
    font-weight: 500;
    word-break: break-word;
}

/* Position Grid */
.position-grid[b-99rvgccja9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.position-card[b-99rvgccja9] {
    padding: 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
}

.position-label[b-99rvgccja9] {
    display: block;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    margin-bottom: 8px;
}

.position-values[b-99rvgccja9] {
    display: flex;
    gap: 16px;
    font-family: monospace;
    font-size: 13px;
}

/* Confidence Badge */
.confidence-badge[b-99rvgccja9] {
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 13px;
}

.confidence-badge.high[b-99rvgccja9] {
    background: var(--success-fill-subtle);
    color: var(--success);
}

.confidence-badge.medium[b-99rvgccja9] {
    background: var(--warning-fill-subtle);
    color: var(--warning);
}

.confidence-badge.low[b-99rvgccja9] {
    background: var(--error-fill-subtle, rgba(255, 0, 0, 0.1));
    color: var(--error);
}

/* Result Image */
.result-image-container[b-99rvgccja9] {
    padding: 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    text-align: center;
    max-height: 800px;
    overflow-y: auto;
}

.result-image-container img[b-99rvgccja9] {
    max-width: 100%;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
}

/* JSON Section */
.json-section[b-99rvgccja9] {
    margin-top: 20px;
}

.json-output[b-99rvgccja9] {
    margin-top: 12px;
    padding: 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    font-family: monospace;
    font-size: 12px;
    white-space: pre-wrap;
    word-wrap: break-word;
    max-height: 400px;
    overflow-y: auto;
}

@media (max-width: 768px) {
    .test-page[b-99rvgccja9] {
        padding: 16px;
    }

    .metadata-grid[b-99rvgccja9] {
        grid-template-columns: 1fr;
    }

    .position-grid[b-99rvgccja9] {
        grid-template-columns: 1fr;
    }

    .action-section[b-99rvgccja9] {
        flex-direction: column;
        align-items: center;
    }

    .position-values[b-99rvgccja9] {
        flex-wrap: wrap;
    }
}
/* _content/psc-ai-platform/Components/Pages/Admin/ToolServers.razor.rz.scp.css */
.admin-tool-servers-page[b-zmxjcfud3m] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-zmxjcfud3m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.header-left[b-zmxjcfud3m] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-left h1[b-zmxjcfud3m] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
}

.server-count[b-zmxjcfud3m] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

.header-actions[b-zmxjcfud3m] {
    display: flex;
    gap: 8px;
}

.info-banner[b-zmxjcfud3m] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

.loading-container[b-zmxjcfud3m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 60px 20px;
    color: var(--neutral-foreground-hint);
}

.empty-state[b-zmxjcfud3m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 60px 20px;
    text-align: center;
}

.empty-state p[b-zmxjcfud3m] {
    color: var(--neutral-foreground-hint);
    margin: 0;
}

.servers-list[b-zmxjcfud3m] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.server-card[b-zmxjcfud3m] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 8px;
    transition: background 0.15s ease;
}

.server-card:hover[b-zmxjcfud3m] {
    background: var(--neutral-layer-2);
}

.server-card.disabled[b-zmxjcfud3m] {
    opacity: 0.6;
}

.server-info[b-zmxjcfud3m] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

.server-type-icon[b-zmxjcfud3m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--accent-fill-rest);
    flex-shrink: 0;
}

.server-type-icon[b-zmxjcfud3m]  svg {
    color: white;
}

.server-details[b-zmxjcfud3m] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.server-name[b-zmxjcfud3m] {
    font-weight: 600;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.server-id[b-zmxjcfud3m] {
    font-weight: 400;
    color: var(--neutral-foreground-hint);
    margin-left: 8px;
    font-size: 0.875rem;
}

.server-url[b-zmxjcfud3m] {
    font-size: 0.8125rem;
    color: var(--neutral-foreground-hint);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.server-description[b-zmxjcfud3m] {
    font-size: 0.8125rem;
    color: var(--neutral-foreground-hint);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.server-badges[b-zmxjcfud3m] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.type-badge[b-zmxjcfud3m],
.auth-badge[b-zmxjcfud3m],
.status-badge[b-zmxjcfud3m] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
}

.type-badge.openapi[b-zmxjcfud3m] {
    background: rgba(59, 130, 246, 0.15);
    color: #3b82f6;
}

.type-badge.mcp[b-zmxjcfud3m] {
    background: rgba(168, 85, 247, 0.15);
    color: #a855f7;
}

.auth-badge[b-zmxjcfud3m] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-hint);
}

.status-badge.disabled[b-zmxjcfud3m] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.server-actions[b-zmxjcfud3m] {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}

.save-bar[b-zmxjcfud3m] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
}

/* Connection Form Modal */
.connection-form[b-zmxjcfud3m] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-row[b-zmxjcfud3m] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-row > label[b-zmxjcfud3m] {
    font-weight: 500;
    font-size: 0.875rem;
}

.form-row-header[b-zmxjcfud3m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-row-header label[b-zmxjcfud3m] {
    font-weight: 500;
    font-size: 0.875rem;
}

.form-row-actions[b-zmxjcfud3m] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.type-toggle[b-zmxjcfud3m] {
    display: flex;
    gap: 8px;
}

.type-subtitle[b-zmxjcfud3m] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    margin-left: 4px;
}

.spec-input[b-zmxjcfud3m] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.form-hint[b-zmxjcfud3m] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.auth-input[b-zmxjcfud3m] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.auth-description[b-zmxjcfud3m] {
    flex: 1;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

.oauth-status[b-zmxjcfud3m] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.status-tag[b-zmxjcfud3m] {
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.6875rem;
    font-weight: 500;
}

.status-tag.registered[b-zmxjcfud3m] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
}

.status-tag.not-registered[b-zmxjcfud3m] {
    background: rgba(234, 179, 8, 0.15);
    color: #eab308;
}

.mcp-warning[b-zmxjcfud3m] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    background: rgba(234, 179, 8, 0.1);
    border-radius: 8px;
    font-size: 0.8125rem;
    color: #eab308;
}

.mcp-warning a[b-zmxjcfud3m] {
    color: inherit;
    font-weight: 500;
}

.connection-form hr[b-zmxjcfud3m] {
    border: none;
    border-top: 1px solid var(--neutral-stroke-layer-rest);
    margin: 8px 0;
}

/* Delete confirmation */
.delete-target[b-zmxjcfud3m] {
    margin-top: 8px;
    padding: 8px 12px;
    background: var(--neutral-layer-2);
    border-radius: 6px;
}

/* Toast */
.toast[b-zmxjcfud3m] {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 0.875rem;
    z-index: 1000;
    animation: slideUp-b-zmxjcfud3m 0.3s ease;
}

.toast.success[b-zmxjcfud3m] {
    background: rgba(34, 197, 94, 0.9);
    color: white;
}

.toast.error[b-zmxjcfud3m] {
    background: rgba(239, 68, 68, 0.9);
    color: white;
}

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

/* Dark mode adjustments */
[b-zmxjcfud3m] .fluent-dialog {
    --neutral-layer-floating: var(--neutral-layer-card-container);
}
/* _content/psc-ai-platform/Components/Pages/Admin/UsageStats.razor.rz.scp.css */
.usage-page[b-5cr0dz6642] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-5cr0dz6642] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 16px;
}

.page-header h1[b-5cr0dz6642] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-size: 1.5rem;
    color: var(--neutral-foreground-rest);
}

.period-selector[b-5cr0dz6642] {
    min-width: 150px;
}

.loading-state[b-5cr0dz6642] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    gap: 16px;
    text-align: center;
}

.stats-overview[b-5cr0dz6642] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 32px;
}

.overview-card[b-5cr0dz6642] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    background: var(--neutral-layer-2);
    border-radius: 12px;
    border: 1px solid var(--neutral-stroke-divider-rest);
}

.overview-card .card-icon[b-5cr0dz6642] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent-fill-rest);
    color: white;
}

.overview-card.total .card-icon[b-5cr0dz6642] {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
}

.overview-card.requests .card-icon[b-5cr0dz6642] {
    background: linear-gradient(135deg, #3b82f6, #60a5fa);
}

.overview-card.input .card-icon[b-5cr0dz6642] {
    background: linear-gradient(135deg, #06b6d4, #22d3ee);
}

.overview-card.output .card-icon[b-5cr0dz6642] {
    background: linear-gradient(135deg, #22c55e, #4ade80);
}

.overview-card.cost .card-icon[b-5cr0dz6642] {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
}

.card-content[b-5cr0dz6642] {
    flex: 1;
}

.card-value[b-5cr0dz6642] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.card-label[b-5cr0dz6642] {
    display: block;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

.models-section[b-5cr0dz6642],
.chart-section[b-5cr0dz6642] {
    background: var(--neutral-layer-2);
    border-radius: 12px;
    border: 1px solid var(--neutral-stroke-divider-rest);
    padding: 20px;
    margin-bottom: 24px;
}

.models-section h2[b-5cr0dz6642],
.chart-section h2[b-5cr0dz6642] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px 0;
    font-size: 1.125rem;
    color: var(--neutral-foreground-rest);
}

.models-table[b-5cr0dz6642] {
    overflow-x: auto;
}

.cost-cell[b-5cr0dz6642] {
    font-family: monospace;
    color: #f59e0b;
}

.daily-chart[b-5cr0dz6642] {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 200px;
    padding: 16px 0;
    overflow-x: auto;
}

.day-bar-wrapper[b-5cr0dz6642] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 30px;
    flex: 1;
}

.day-bar[b-5cr0dz6642] {
    width: 100%;
    max-width: 40px;
    background: linear-gradient(180deg, var(--accent-fill-rest), var(--accent-fill-hover));
    border-radius: 4px 4px 0 0;
    min-height: 4px;
    transition: height 0.3s ease;
}

.day-bar:hover[b-5cr0dz6642] {
    opacity: 0.8;
}

.day-label[b-5cr0dz6642] {
    font-size: 0.625rem;
    color: var(--neutral-foreground-hint);
    margin-top: 8px;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    transform: rotate(180deg);
}

.empty-state[b-5cr0dz6642] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    gap: 16px;
    text-align: center;
    background: var(--neutral-layer-2);
    border-radius: 12px;
}

.empty-state h2[b-5cr0dz6642] {
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.empty-state p[b-5cr0dz6642] {
    color: var(--neutral-foreground-hint);
    max-width: 400px;
}

@media (max-width: 768px) {
    .usage-page[b-5cr0dz6642] {
        padding: 16px;
    }

    .page-header[b-5cr0dz6642] {
        flex-direction: column;
        align-items: stretch;
    }

    .stats-overview[b-5cr0dz6642] {
        grid-template-columns: 1fr;
    }

    .daily-chart[b-5cr0dz6642] {
        height: 150px;
    }
}
/* _content/psc-ai-platform/Components/Pages/Admin/Users.razor.rz.scp.css */
.admin-users-page[b-hbwt5q6zrv] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-hbwt5q6zrv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header-left[b-hbwt5q6zrv] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-left h1[b-hbwt5q6zrv] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.user-count[b-hbwt5q6zrv] {
    color: var(--neutral-foreground-hint);
    font-size: 14px;
    padding: 4px 12px;
    background: var(--neutral-layer-2);
    border-radius: 16px;
}

.search-bar[b-hbwt5q6zrv] {
    margin-bottom: 24px;
}

.loading-container[b-hbwt5q6zrv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px;
    gap: 16px;
    color: var(--neutral-foreground-hint);
}

.empty-state[b-hbwt5q6zrv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px;
    gap: 16px;
    color: var(--neutral-foreground-hint);
}

.users-table-container[b-hbwt5q6zrv] {
    overflow-x: auto;
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-card-container);
}

.users-table[b-hbwt5q6zrv] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.users-table th[b-hbwt5q6zrv],
.users-table td[b-hbwt5q6zrv] {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.users-table th[b-hbwt5q6zrv] {
    background: var(--neutral-layer-2);
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    white-space: nowrap;
}

.users-table th.sortable[b-hbwt5q6zrv] {
    cursor: pointer;
    user-select: none;
}

.users-table th.sortable:hover[b-hbwt5q6zrv] {
    background: var(--neutral-layer-3);
}

.users-table th.active[b-hbwt5q6zrv] {
    color: var(--accent-foreground-rest);
}

.users-table tbody tr:hover[b-hbwt5q6zrv] {
    background: var(--neutral-layer-1);
}

.users-table tbody tr:last-child td[b-hbwt5q6zrv] {
    border-bottom: none;
}

.role-badge[b-hbwt5q6zrv] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
}

.role-badge.admin[b-hbwt5q6zrv] {
    background: rgba(var(--accent-base-color), 0.2);
    color: var(--accent-foreground-rest);
}

.role-badge.user[b-hbwt5q6zrv] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-rest);
}

.role-badge.pending[b-hbwt5q6zrv] {
    background: rgba(255, 193, 7, 0.2);
    color: #ffc107;
}

.user-info[b-hbwt5q6zrv] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-avatar[b-hbwt5q6zrv] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.user-avatar-placeholder[b-hbwt5q6zrv] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--accent-fill-rest);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
}

.action-buttons[b-hbwt5q6zrv] {
    display: flex;
    gap: 4px;
}

.pagination[b-hbwt5q6zrv] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.page-info[b-hbwt5q6zrv] {
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

/* Modal styles */
.form-group[b-hbwt5q6zrv] {
    margin-bottom: 16px;
}

.form-group label[b-hbwt5q6zrv] {
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
    font-size: 14px;
}

.form-hint[b-hbwt5q6zrv] {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.warning-text[b-hbwt5q6zrv] {
    color: var(--error);
    font-size: 14px;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-users-page[b-hbwt5q6zrv] {
        padding: 16px;
    }

    .page-header[b-hbwt5q6zrv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .header-left[b-hbwt5q6zrv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .users-table[b-hbwt5q6zrv] {
        font-size: 13px;
    }

    .users-table th[b-hbwt5q6zrv],
    .users-table td[b-hbwt5q6zrv] {
        padding: 8px 12px;
    }
}
/* _content/psc-ai-platform/Components/Pages/Admin/VirtualAgents.razor.rz.scp.css */
.virtual-agents-page[b-2cebc0ca1a] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-2cebc0ca1a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header-left[b-2cebc0ca1a] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-left h1[b-2cebc0ca1a] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}

.item-count[b-2cebc0ca1a] {
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

.info-banner[b-2cebc0ca1a] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    margin-bottom: 24px;
    font-size: 14px;
    color: var(--neutral-foreground-rest);
}

.loading-container[b-2cebc0ca1a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px;
    gap: 16px;
    color: var(--neutral-foreground-hint);
}

.empty-state[b-2cebc0ca1a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px;
    gap: 16px;
    text-align: center;
}

.empty-state h3[b-2cebc0ca1a] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.empty-state p[b-2cebc0ca1a] {
    margin: 0;
    color: var(--neutral-foreground-hint);
}

.virtual-agents-grid[b-2cebc0ca1a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 20px;
}

.va-card[b-2cebc0ca1a] {
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 12px;
    padding: 20px;
    transition: all 0.2s ease;
}

.va-card:hover[b-2cebc0ca1a] {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.va-card.inactive[b-2cebc0ca1a] {
    opacity: 0.6;
}

.va-card-header[b-2cebc0ca1a] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}

.va-info[b-2cebc0ca1a] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.va-details h3[b-2cebc0ca1a] {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 600;
}

.va-type[b-2cebc0ca1a] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    background: var(--neutral-layer-3);
    padding: 2px 8px;
    border-radius: 4px;
}

.va-actions[b-2cebc0ca1a] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.va-description[b-2cebc0ca1a] {
    margin: 0 0 16px 0;
    font-size: 14px;
    color: var(--neutral-foreground-rest);
    line-height: 1.5;
}

.va-stats[b-2cebc0ca1a] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 0;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.va-stat[b-2cebc0ca1a] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

.va-footer[b-2cebc0ca1a] {
    margin-top: 12px;
}

.va-created[b-2cebc0ca1a] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

/* Modal Styles */
.modal-overlay[b-2cebc0ca1a] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 24px;
}

.modal-content[b-2cebc0ca1a] {
    background: var(--neutral-layer-floating);
    border-radius: 12px;
    width: 100%;
    max-width: 700px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.modal-header[b-2cebc0ca1a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.modal-header h2[b-2cebc0ca1a] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

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

.modal-footer[b-2cebc0ca1a] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.form-section[b-2cebc0ca1a] {
    margin-bottom: 28px;
}

.form-section h3[b-2cebc0ca1a] {
    margin: 0 0 16px 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--accent-foreground-rest);
}

.section-description[b-2cebc0ca1a] {
    margin: -8px 0 16px 0;
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

.form-group[b-2cebc0ca1a] {
    margin-bottom: 16px;
}

.form-group label[b-2cebc0ca1a] {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 500;
}

.form-hint[b-2cebc0ca1a] {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.form-row[b-2cebc0ca1a] {
    display: flex;
    gap: 16px;
}

.form-row > *[b-2cebc0ca1a] {
    flex: 1;
}

.model-pool-list[b-2cebc0ca1a] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 300px;
    overflow-y: auto;
    padding: 4px;
}

.model-pool-item[b-2cebc0ca1a] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    border: 1px solid transparent;
    transition: all 0.2s ease;
}

.model-pool-item.selected[b-2cebc0ca1a] {
    border-color: var(--accent-fill-rest);
    background: var(--accent-fill-subtle);
}

.model-info[b-2cebc0ca1a] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.model-name[b-2cebc0ca1a] {
    font-weight: 500;
    font-size: 14px;
}

.model-id[b-2cebc0ca1a] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    font-family: monospace;
}

.model-priority[b-2cebc0ca1a] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.model-priority label[b-2cebc0ca1a] {
    font-size: 11px;
    color: var(--neutral-foreground-hint);
}

.empty-pool[b-2cebc0ca1a] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 32px;
    color: var(--neutral-foreground-hint);
}

/* Model Pool Section */
.model-pool-section[b-2cebc0ca1a] {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.model-pool-section label[b-2cebc0ca1a] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    margin-bottom: 8px;
}

.help-text[b-2cebc0ca1a] {
    font-size: 13px;
    color: var(--neutral-foreground-hint);
    margin: 0 0 16px 0;
}

.loading-models[b-2cebc0ca1a] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px;
    color: var(--neutral-foreground-hint);
}

.model-pool-container[b-2cebc0ca1a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.model-list[b-2cebc0ca1a] {
    background: var(--neutral-layer-2);
    border-radius: 8px;
    padding: 12px;
    min-height: 200px;
    max-height: 300px;
    display: flex;
    flex-direction: column;
}

.model-list h4[b-2cebc0ca1a] {
    margin: 0 0 12px 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.model-items[b-2cebc0ca1a] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.model-item[b-2cebc0ca1a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.model-item:hover[b-2cebc0ca1a] {
    border-color: var(--accent-fill-rest);
    background: var(--accent-fill-subtle);
}

.model-item.selected[b-2cebc0ca1a] {
    background: var(--neutral-layer-3);
    cursor: default;
}

.model-item.selected:hover[b-2cebc0ca1a] {
    border-color: var(--neutral-stroke-layer-rest);
    background: var(--neutral-layer-3);
}

.model-item .model-info[b-2cebc0ca1a] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.model-item .model-name[b-2cebc0ca1a] {
    font-size: 13px;
    font-weight: 500;
}

.model-item .model-priority[b-2cebc0ca1a] {
    font-size: 11px;
    color: var(--neutral-foreground-hint);
}

.model-item .model-actions[b-2cebc0ca1a] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.no-models[b-2cebc0ca1a] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    color: var(--neutral-foreground-hint);
    font-size: 13px;
    text-align: center;
}

.warning-text[b-2cebc0ca1a] {
    color: var(--error);
    font-size: 13px;
}

@media (max-width: 768px) {
    .virtual-agents-page[b-2cebc0ca1a] {
        padding: 16px;
    }

    .page-header[b-2cebc0ca1a] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .virtual-agents-grid[b-2cebc0ca1a] {
        grid-template-columns: 1fr;
    }

    .modal-content[b-2cebc0ca1a] {
        max-height: 100vh;
        border-radius: 0;
    }

    .form-row[b-2cebc0ca1a] {
        flex-direction: column;
    }

    .model-pool-container[b-2cebc0ca1a] {
        grid-template-columns: 1fr;
    }
}
/* _content/psc-ai-platform/Components/Pages/Home.razor.rz.scp.css */
/* Scoped CSS for Home component (migrated from inline <style>) */
html[b-abvcororr6], body[b-abvcororr6] { height:100%; margin:0; padding:0; }
.chat-container[b-abvcororr6] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    background: var(--neutral-layer-1);
}
.chat-header[b-abvcororr6] { display:flex; justify-content:space-between; align-items:center; padding:8px 24px; border-bottom:1px solid var(--neutral-stroke-divider-rest); background:var(--neutral-layer-2); gap:16px; overflow:visible; flex-shrink:0; }
.header-left[b-abvcororr6] { display:flex; align-items:center; gap:12px; flex:1; min-width:0; }
.header-right[b-abvcororr6] { display:flex; align-items:center; gap:12px; }
.messages-container[b-abvcororr6] { flex:1; overflow-y:auto; padding:24px; padding-bottom:160px; display:flex; flex-direction:column; gap:16px; }
.empty-state[b-abvcororr6] { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; gap:16px; color:var(--neutral-foreground-hint); text-align:center; }
.suggested-prompts[b-abvcororr6] { margin-top:32px; max-width:600px; width:100%; }
.suggested-prompts-label[b-abvcororr6] { font-size:12px; font-weight:500; color:var(--neutral-foreground-hint); margin-bottom:12px; text-align:left; }
.suggested-prompt-button[b-abvcororr6] { width:100%; padding:12px 16px; margin-bottom:8px; border:1px solid var(--neutral-stroke-rest); border-radius:12px; background:var(--neutral-layer-1); color:var(--neutral-foreground-rest); cursor:pointer; text-align:left; font-size:14px; transition:all .2s ease; white-space:normal; word-wrap:break-word; }
.suggested-prompt-button:hover[b-abvcororr6] { background:var(--neutral-layer-3); border-color:var(--neutral-stroke-hover); transform:translateY(-1px); box-shadow:0 2px 8px rgba(0,0,0,0.1); }
.suggested-prompt-button:active[b-abvcororr6] { transform:translateY(0); }
.message-wrapper[b-abvcororr6] { display:flex; }
.message-wrapper.user[b-abvcororr6] { justify-content:flex-end; }
.message-wrapper.assistant[b-abvcororr6] { justify-content:flex-start; }
.message-bubble[b-abvcororr6] { max-width:70%; padding:16px 20px; border-radius:12px; background:var(--neutral-layer-3); box-shadow:0 1px 3px rgba(0,0,0,0.1); }
.message-wrapper.user .message-bubble[b-abvcororr6] { background:var(--neutral-layer-3); color:var(--neutral-foreground-rest); }
.message-header[b-abvcororr6] { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; font-size:12px; }
.message-sender[b-abvcororr6] { display:flex; align-items:center; gap:6px; font-weight:600; }
.message-time[b-abvcororr6] { color:var(--neutral-foreground-hint); font-size:11px; }
.message-content[b-abvcororr6] { line-height:1.6; word-wrap:break-word; }
.message-actions[b-abvcororr6] { display:flex; gap:8px; margin-top:12px; padding-top:12px; border-top:1px solid var(--neutral-stroke-divider-rest); }
.message-actions fluent-button[b-abvcororr6]::part(control) { padding: 4px 8px; min-width: auto; }
.message-actions fluent-button[appearance="accent"][b-abvcororr6] { opacity: 1; }
.message-actions fluent-button[appearance="lightweight"][b-abvcororr6] { opacity: 0.7; }
.message-actions fluent-button[appearance="lightweight"]:hover[b-abvcororr6] { opacity: 1; }
.message-files[b-abvcororr6] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--neutral-stroke-divider-rest); }
.message-file-item[b-abvcororr6] { display: flex; align-items: center; gap: 6px; padding: 6px 10px; background: var(--neutral-layer-2); border: 1px solid var(--neutral-stroke-rest); border-radius: 8px; font-size: 12px; }
.message-file-item .file-name[b-abvcororr6] { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.message-file-item .file-link[b-abvcororr6] { display: flex; align-items: center; color: var(--accent-fill-rest); text-decoration: none; }
.message-file-item .file-link:hover[b-abvcororr6] { color: var(--accent-fill-hover); }
.thinking-indicator[b-abvcororr6] { display:flex; align-items:center; gap:8px; color:var(--neutral-foreground-hint); }
.cursor-blink[b-abvcororr6] { animation:blink-b-abvcororr6 1s step-end infinite; }
@keyframes blink-b-abvcororr6 { 0%,50%{ opacity:1;} 51%,100%{ opacity:0;} }
.input-container[b-abvcororr6] { position:absolute; bottom:0vh; left:0; right:0; margin:0; padding:12px 24px 12px 24px; border-top:1px solid var(--neutral-stroke-divider-rest); background:var(--neutral-layer-2); z-index:10; }
.input-wrapper[b-abvcororr6] { max-width:900px; margin:0 auto; }
.input-box-wrapper[b-abvcororr6] { position:relative; }
.input-box[b-abvcororr6] { display:flex; gap:12px; align-items:flex-end; background:var(--neutral-layer-1); border:1px solid var(--neutral-stroke-rest); border-radius:12px; padding:8px; transition:border-color .2s; }
.input-box:focus-within[b-abvcororr6] { border-color:var(--accent-fill-rest); }

/* Prompt Suggestions Popup */
.prompt-suggestions-popup[b-abvcororr6] {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    margin-bottom: 8px;
    background: var(--neutral-layer-floating);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    z-index: 100;
    max-height: 300px;
    overflow: hidden;
}

.prompt-suggestions-header[b-abvcororr6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    font-size: 12px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.prompt-suggestions-hint[b-abvcororr6] {
    font-weight: 400;
    color: var(--neutral-foreground-hint);
    font-size: 11px;
}

.prompt-suggestions-list[b-abvcororr6] {
    max-height: 250px;
    overflow-y: auto;
    padding: 4px;
}

.prompt-suggestion-item[b-abvcororr6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 12px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s ease;
}

.prompt-suggestion-item:hover[b-abvcororr6],
.prompt-suggestion-item.selected[b-abvcororr6] {
    background: var(--neutral-layer-3);
}

.prompt-suggestion-command[b-abvcororr6] {
    font-size: 13px;
    font-weight: 600;
    color: var(--accent-fill-rest);
}

.prompt-suggestion-title[b-abvcororr6] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.input-hint[b-abvcororr6] { margin:6px 0 0 0; padding:0; font-size:12px; color:var(--neutral-foreground-hint); text-align:center; }
kbd[b-abvcororr6] { padding:2px 6px; background:var(--neutral-layer-3); border:1px solid var(--neutral-stroke-rest); border-radius:4px; font-family:monospace; font-size:11px; }
.error-container[b-abvcororr6] { padding:0 24px; margin-bottom:16px; }

/* Chat Controls Panel */
.controls-panel[b-abvcororr6] {
    position: absolute;
    top: 60px;
    right: 16px;
    width: 320px;
    max-height: calc(100vh - 120px);
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    z-index: 50;
    overflow-y: auto;
}

.controls-header[b-abvcororr6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    position: sticky;
    top: 0;
    background: var(--neutral-layer-card-container);
    z-index: 1;
}

.controls-title[b-abvcororr6] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--neutral-foreground-rest);
}

.controls-section[b-abvcororr6] {
    padding: 0;
}

.controls-textarea[b-abvcororr6] {
    width: 100%;
    min-height: 60px;
    padding: 10px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    background: var(--neutral-layer-1);
    color: var(--neutral-foreground-rest);
    font-family: inherit;
    font-size: 0.875rem;
    resize: vertical;
}

.controls-textarea:focus[b-abvcororr6] {
    outline: none;
    border-color: var(--accent-fill-rest);
}

.param-row[b-abvcororr6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.param-row:last-child[b-abvcororr6] {
    border-bottom: none;
}

.param-label[b-abvcororr6] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
}

.param-value-btn[b-abvcororr6] {
    min-width: 80px;
    text-align: right;
    color: var(--neutral-foreground-hint);
}

.controls-footer[b-abvcororr6] {
    padding: 12px 16px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}
.follow-ups-container[b-abvcororr6] { margin-top:12px; padding-top:12px; border-top:1px solid var(--neutral-stroke-divider-rest); }
.follow-ups-container button:hover[b-abvcororr6] { background:var(--neutral-layer-3)!important; border-color:var(--neutral-stroke-hover); }
.follow-ups-container button:active[b-abvcororr6] { transform:scale(.98); }
@keyframes fadeIn-b-abvcororr6 { from{ opacity:0; transform:translateY(10px);} to{ opacity:1; transform:translateY(0);} }
fluent-select[b-abvcororr6]::part(listbox), fluent-listbox[b-abvcororr6] { max-height:400px !important; overflow-y:auto !important; }
@media (max-width: 768px) {
 .chat-header[b-abvcororr6] { padding:6px 16px; }
 .messages-container[b-abvcororr6] { padding:16px; padding-bottom:140px; }
 .message-bubble[b-abvcororr6] { max-width:85%; }
 .input-container[b-abvcororr6] { padding:10px 16px 10px 16px; }
}
/* _content/psc-ai-platform/Components/Pages/ModelChat.razor.rz.scp.css */
.model-chat-container[b-r5nl5uthg9] {
    display: flex;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background: var(--neutral-layer-1);
}

/* Widget Mode */
.model-chat-container.widget-mode[b-r5nl5uthg9] {
    border-radius: 16px;
    overflow: hidden;
}

.model-chat-container.widget-mode .chat-header[b-r5nl5uthg9] {
    padding: 12px 16px;
}

.model-chat-container.widget-mode .messages-container[b-r5nl5uthg9] {
    padding: 12px;
}

.model-chat-container.widget-mode .input-area[b-r5nl5uthg9] {
    padding: 12px;
}

/* Widget Sidebar - always overlay style */
.sidebar.widget-sidebar[b-r5nl5uthg9] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    transform: translateX(-100%);
    height: 100%;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}

.sidebar.widget-sidebar.open[b-r5nl5uthg9] {
    transform: translateX(0);
}

/* Sidebar */
.sidebar[b-r5nl5uthg9] {
    width: 280px;
    height: 100%;
    background: var(--neutral-layer-2);
    border-right: 1px solid var(--neutral-stroke-divider-rest);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

@media (max-width: 768px) {
    .sidebar[b-r5nl5uthg9] {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 100;
        transform: translateX(-100%);
    }

    .sidebar.open[b-r5nl5uthg9] {
        transform: translateX(0);
    }
}

.sidebar-header[b-r5nl5uthg9] {
    padding: 16px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.brand[b-r5nl5uthg9] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.sidebar-actions[b-r5nl5uthg9] {
    padding: 12px 16px;
}

.sessions-list[b-r5nl5uthg9] {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
}

.session-item[b-r5nl5uthg9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.session-item:hover[b-r5nl5uthg9] {
    background: var(--neutral-layer-3);
}

.session-item.active[b-r5nl5uthg9] {
    background: var(--accent-fill-rest);
    color: white;
}

.session-info[b-r5nl5uthg9] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.session-title[b-r5nl5uthg9] {
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.session-actions[b-r5nl5uthg9] {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.session-item:hover .session-actions[b-r5nl5uthg9] {
    opacity: 1;
}

.sidebar-footer[b-r5nl5uthg9] {
    padding: 12px 16px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.sidebar-overlay[b-r5nl5uthg9] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
}

/* Main Chat */
.main-chat[b-r5nl5uthg9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
}

.chat-header[b-r5nl5uthg9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
    flex-shrink: 0;
}

.header-left[b-r5nl5uthg9] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.chat-title[b-r5nl5uthg9] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 1rem;
    color: var(--neutral-foreground-rest);
}

.model-avatar[b-r5nl5uthg9] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    object-fit: cover;
}

/* Settings Panel */
.settings-panel[b-r5nl5uthg9] {
    position: absolute;
    top: 60px;
    right: 16px;
    width: 280px;
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    z-index: 50;
    padding: 16px;
}

.settings-header[b-r5nl5uthg9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.settings-title[b-r5nl5uthg9] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--neutral-foreground-rest);
}

.settings-section[b-r5nl5uthg9] {
    margin-bottom: 16px;
}

.settings-label[b-r5nl5uthg9] {
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--neutral-foreground-hint);
    margin-bottom: 8px;
    text-transform: uppercase;
}

.theme-toggle[b-r5nl5uthg9] {
    display: flex;
    gap: 8px;
}

.color-grid[b-r5nl5uthg9] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.color-btn[b-r5nl5uthg9] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 2px solid transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.color-btn:hover[b-r5nl5uthg9] {
    transform: scale(1.1);
}

.color-btn.active[b-r5nl5uthg9] {
    border-color: white;
    box-shadow: 0 0 0 2px var(--accent-fill-rest);
}

.copyright-notice[b-r5nl5uthg9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    padding-top: 12px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

/* Chat Controls Panel */
.controls-panel[b-r5nl5uthg9] {
    position: absolute;
    top: 60px;
    right: 16px;
    width: 320px;
    max-height: calc(100vh - 120px);
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    z-index: 50;
    overflow-y: auto;
}

.controls-header[b-r5nl5uthg9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    position: sticky;
    top: 0;
    background: var(--neutral-layer-card-container);
    z-index: 1;
}

.controls-title[b-r5nl5uthg9] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--neutral-foreground-rest);
}

.controls-section[b-r5nl5uthg9] {
    padding: 0;
}

.controls-textarea[b-r5nl5uthg9] {
    width: 100%;
    min-height: 60px;
    padding: 10px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    background: var(--neutral-layer-1);
    color: var(--neutral-foreground-rest);
    font-family: inherit;
    font-size: 0.875rem;
    resize: vertical;
}

.controls-textarea:focus[b-r5nl5uthg9] {
    outline: none;
    border-color: var(--accent-fill-rest);
}

.param-row[b-r5nl5uthg9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.param-row:last-child[b-r5nl5uthg9] {
    border-bottom: none;
}

.param-label[b-r5nl5uthg9] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
}

.param-value-btn[b-r5nl5uthg9] {
    min-width: 80px;
    text-align: right;
    color: var(--neutral-foreground-hint);
}

.controls-footer[b-r5nl5uthg9] {
    padding: 12px 16px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.header-right[b-r5nl5uthg9] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Messages Container */
.messages-container[b-r5nl5uthg9] {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.loading-state[b-r5nl5uthg9],
.error-state[b-r5nl5uthg9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 16px;
    text-align: center;
    padding: 40px;
}

.error-state h2[b-r5nl5uthg9] {
    margin: 0;
    color: var(--error);
}

.error-state p[b-r5nl5uthg9] {
    color: var(--neutral-foreground-hint);
    margin: 0;
}

/* Welcome Screen */
.welcome-screen[b-r5nl5uthg9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 20px;
    max-width: 600px;
    margin: 0 auto;
}

.welcome-icon[b-r5nl5uthg9] {
    margin-bottom: 16px;
}

.welcome-avatar[b-r5nl5uthg9] {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    object-fit: cover;
}

.welcome-screen h1[b-r5nl5uthg9] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.welcome-screen h2[b-r5nl5uthg9] {
    margin: 8px 0 16px;
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--accent-fill-rest);
}

.model-description[b-r5nl5uthg9] {
    color: var(--neutral-foreground-hint);
    line-height: 1.6;
    margin-bottom: 24px;
}

.suggested-questions[b-r5nl5uthg9] {
    width: 100%;
    text-align: left;
}

.suggested-questions p[b-r5nl5uthg9] {
    margin-bottom: 12px;
    color: var(--neutral-foreground-rest);
}

.suggestions-grid[b-r5nl5uthg9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.suggestion-btn[b-r5nl5uthg9] {
    padding: 12px 16px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    background: var(--neutral-layer-card-container);
    color: var(--neutral-foreground-rest);
    cursor: pointer;
    text-align: left;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

.suggestion-btn:hover[b-r5nl5uthg9] {
    background: var(--neutral-layer-3);
    border-color: var(--accent-fill-rest);
}

/* Messages */
.message[b-r5nl5uthg9] {
    display: flex;
    gap: 12px;
    max-width: 90%;
}

.message.user[b-r5nl5uthg9] {
    align-self: flex-end;
    flex-direction: row-reverse;
}

.message-avatar[b-r5nl5uthg9] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--neutral-layer-3);
}

.message-avatar .avatar-img[b-r5nl5uthg9] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}

.message-body[b-r5nl5uthg9] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.message-header[b-r5nl5uthg9] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sender-name[b-r5nl5uthg9] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.message-time[b-r5nl5uthg9] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.message-text[b-r5nl5uthg9],
.message-content[b-r5nl5uthg9] {
    padding: 12px 16px;
    border-radius: 16px;
    font-size: 0.9375rem;
    line-height: 1.6;
}

.message.user .message-text[b-r5nl5uthg9],
.message.user .message-content[b-r5nl5uthg9] {
    background: var(--accent-fill-rest);
    color: white;
    border-bottom-right-radius: 4px;
}

.message.assistant .message-text[b-r5nl5uthg9],
.message.assistant .message-content[b-r5nl5uthg9] {
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-rest);
    color: var(--neutral-foreground-rest);
    border-bottom-left-radius: 4px;
}

.message-text code[b-r5nl5uthg9],
.message-content code[b-r5nl5uthg9] {
    background: rgba(0, 0, 0, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: monospace;
    font-size: 0.875em;
}

/* Follow-ups */
.follow-ups[b-r5nl5uthg9] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.follow-ups-label[b-r5nl5uthg9] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--neutral-foreground-hint);
    margin: 0 0 8px 0;
}

.follow-ups-list[b-r5nl5uthg9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.followup-btn[b-r5nl5uthg9] {
    padding: 8px 12px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    background: var(--neutral-layer-1);
    color: var(--neutral-foreground-rest);
    cursor: pointer;
    text-align: left;
    font-size: 0.8125rem;
    transition: background 0.2s ease;
}

.followup-btn:hover[b-r5nl5uthg9] {
    background: var(--neutral-layer-3);
}

/* Message Actions */
.message-actions[b-r5nl5uthg9] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

[b-r5nl5uthg9] .message-actions fluent-button::part(control) {
    padding: 4px 8px;
    min-width: auto;
}

[b-r5nl5uthg9] .message-actions fluent-button[appearance="accent"] {
    opacity: 1;
}

[b-r5nl5uthg9] .message-actions fluent-button[appearance="lightweight"] {
    opacity: 0.7;
}

[b-r5nl5uthg9] .message-actions fluent-button[appearance="lightweight"]:hover {
    opacity: 1;
}

[b-r5nl5uthg9] .message-actions fluent-button[disabled] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Typing Indicator */
.typing-indicator[b-r5nl5uthg9] {
    display: flex;
    gap: 4px;
    padding: 4px 0;
}

.typing-indicator span[b-r5nl5uthg9] {
    width: 8px;
    height: 8px;
    background: var(--accent-fill-rest);
    border-radius: 50%;
    animation: typing-b-r5nl5uthg9 1.4s infinite ease-in-out;
}

.typing-indicator span:nth-child(1)[b-r5nl5uthg9] {
    animation-delay: 0s;
}

.typing-indicator span:nth-child(2)[b-r5nl5uthg9] {
    animation-delay: 0.2s;
}

.typing-indicator span:nth-child(3)[b-r5nl5uthg9] {
    animation-delay: 0.4s;
}

@keyframes typing-b-r5nl5uthg9 {
    0%, 60%, 100% {
        transform: translateY(0);
        opacity: 0.6;
    }
    30% {
        transform: translateY(-6px);
        opacity: 1;
    }
}

.cursor-blink[b-r5nl5uthg9] {
    animation: blink-b-r5nl5uthg9 0.8s infinite;
}

@keyframes blink-b-r5nl5uthg9 {
    0%, 50% {
        opacity: 1;
    }
    51%, 100% {
        opacity: 0;
    }
}

/* Input Area */
.input-area[b-r5nl5uthg9] {
    padding: 16px 20px;
    background: var(--neutral-layer-2);
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    flex-shrink: 0;
}

.error-banner[b-r5nl5uthg9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(239, 68, 68, 0.1);
    border-radius: 8px;
    margin-bottom: 12px;
    font-size: 0.875rem;
    color: var(--error);
}

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

.input-wrapper[b-r5nl5uthg9] {
    margin-bottom: 8px;
}

.input-box[b-r5nl5uthg9] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    padding: 8px 12px;
}

.chat-input[b-r5nl5uthg9] {
    flex: 1;
    border: none;
    background: transparent;
    resize: none;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: var(--neutral-foreground-rest);
    min-height: 24px;
    max-height: 120px;
    outline: none;
}

.chat-input[b-r5nl5uthg9]::placeholder {
    color: var(--neutral-foreground-hint);
}

.input-footer[b-r5nl5uthg9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    padding: 0 8px;
}

.input-footer .copyright[b-r5nl5uthg9] {
    font-weight: 500;
}

/* Error message styling in chat - like Open WebUI */
.message.assistant .message-content.error-message[b-r5nl5uthg9],
.message-content.error-message[b-r5nl5uthg9] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    color: var(--neutral-foreground-rest);
}

/* For the warning icon and error prefix */
.message-content strong[b-r5nl5uthg9] {
    color: inherit;
}

/* Error banner improvements */
.error-banner[b-r5nl5uthg9] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    padding: 12px 16px;
    border-radius: 12px;
    margin-bottom: 12px;
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
    line-height: 1.5;
}

.error-banner span[b-r5nl5uthg9] {
    flex: 1;
    word-break: break-word;
}
/* _content/psc-ai-platform/Components/Pages/NoteEditor.razor.rz.scp.css */
.note-editor-container[b-6619uln791] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    background: var(--neutral-layer-1);
}

.loading-state[b-6619uln791],
.error-state[b-6619uln791] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 1rem;
    text-align: center;
}

.error-state h2[b-6619uln791] {
    margin: 1rem 0 0.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.error-state p[b-6619uln791] {
    color: var(--neutral-foreground-hint);
    margin-bottom: 1.5rem;
}

.note-editor[b-6619uln791] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.note-editor-header[b-6619uln791] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    gap: 1rem;
}

.note-header-left[b-6619uln791] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
}

.note-title-input[b-6619uln791] {
    flex: 1;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    background: transparent;
    border: none;
    outline: none;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.note-title-input:hover[b-6619uln791] {
    background: var(--neutral-fill-subtle);
}

.note-title-input:focus[b-6619uln791] {
    background: var(--neutral-fill-input-rest);
}

.note-title-input[b-6619uln791]::placeholder {
    color: var(--neutral-foreground-hint);
}

.note-header-right[b-6619uln791] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.note-meta[b-6619uln791] {
    display: flex;
    gap: 1rem;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
    padding-right: 1rem;
    border-right: 1px solid var(--neutral-stroke-divider-rest);
}

.note-editor-content[b-6619uln791] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.note-markdown-editor[b-6619uln791] {
    width: 100%;
    height: 100%;
    padding: 1rem;
    border: none;
    outline: none;
    resize: none;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 14px;
    line-height: 1.6;
    background: transparent;
    color: inherit;
    border-top: none !important;
}

/* View Mode Toggle Buttons */
.view-mode-toggle[b-6619uln791] {
    display: flex;
    gap: 0.25rem;
    border-radius: 8px;
    background: var(--neutral-layer-3);
    padding: 0.25rem;
}

/* Split View Layout */
.split-view-container[b-6619uln791] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    height: 100%;
    background: var(--neutral-stroke-divider-rest);
}

.editor-pane[b-6619uln791], .preview-pane[b-6619uln791] {
    background: var(--neutral-layer-1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.editor-pane[b-6619uln791] {
    border-right: 1px solid var(--neutral-stroke-divider-rest);
}

.editor-pane textarea[b-6619uln791] {
    flex: 1;
    overflow-y: auto;
}

.preview-pane[b-6619uln791] {
    display: flex;
    flex-direction: column;
}

.preview-header[b-6619uln791] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-foreground-hint);
}

.preview-content[b-6619uln791] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
    line-height: 1.6;
}

/* Preview Only Mode */
.note-preview-only[b-6619uln791] {
    width: 100%;
    height: 100%;
    padding: 2rem;
    overflow-y: auto;
    line-height: 1.8;
    max-width: 900px;
    margin: 0 auto;
}

/* Edit Only Mode */
.edit-only-container[b-6619uln791] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Preview Content Styling */
.preview-content h1[b-6619uln791],
.note-preview-only h1[b-6619uln791] {
    font-size: 2rem;
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.preview-content h2[b-6619uln791],
.note-preview-only h2[b-6619uln791] {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 1.25rem;
    margin-bottom: 0.75rem;
}

.preview-content h3[b-6619uln791],
.note-preview-only h3[b-6619uln791] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.preview-content h4[b-6619uln791],
.note-preview-only h4[b-6619uln791] {
    font-size: 1.125rem;
    font-weight: 600;
    margin-top: 0.75rem;
    margin-bottom: 0.5rem;
}

.preview-content h5[b-6619uln791],
.note-preview-only h5[b-6619uln791] {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 0.75rem;
    margin-bottom: 0.5rem;
}

.preview-content h6[b-6619uln791],
.note-preview-only h6[b-6619uln791] {
    font-size: 0.875rem;
    font-weight: 600;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.preview-content p[b-6619uln791],
.note-preview-only p[b-6619uln791] {
    margin-bottom: 1rem;
}

.preview-content ul[b-6619uln791],
.preview-content ol[b-6619uln791],
.note-preview-only ul[b-6619uln791],
.note-preview-only ol[b-6619uln791] {
    margin-bottom: 1rem;
    padding-left: 2rem;
}

.preview-content li[b-6619uln791],
.note-preview-only li[b-6619uln791] {
    margin-bottom: 0.5rem;
}

.preview-content code[b-6619uln791],
.note-preview-only code[b-6619uln791] {
    background: var(--neutral-layer-3);
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.875em;
}

.preview-content pre[b-6619uln791],
.note-preview-only pre[b-6619uln791] {
    background: var(--neutral-layer-3);
    padding: 1rem;
    border-radius: 8px;
    overflow-x: auto;
    margin-bottom: 1rem;
}

.preview-content pre code[b-6619uln791],
.note-preview-only pre code[b-6619uln791] {
    background: transparent;
    padding: 0;
}

.preview-content blockquote[b-6619uln791],
.note-preview-only blockquote[b-6619uln791] {
    border-left: 4px solid var(--accent-fill-rest);
    padding-left: 1rem;
    margin: 1rem 0;
    color: var(--neutral-foreground-hint);
}

/* Enhanced Table Styling */
.preview-content table[b-6619uln791],
.note-preview-only table[b-6619uln791] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
    border: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-1);
    font-size: 0.875rem;
}

.preview-content thead[b-6619uln791],
.note-preview-only thead[b-6619uln791] {
    background: var(--neutral-layer-3);
}

.preview-content th[b-6619uln791],
.note-preview-only th[b-6619uln791] {
    border: 1px solid var(--neutral-stroke-divider-rest);
    padding: 0.75rem;
    text-align: left;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.preview-content td[b-6619uln791],
.note-preview-only td[b-6619uln791] {
    border: 1px solid var(--neutral-stroke-divider-rest);
    padding: 0.75rem;
    text-align: left;
    color: var(--neutral-foreground-rest);
}

.preview-content tbody tr:nth-child(even)[b-6619uln791],
.note-preview-only tbody tr:nth-child(even)[b-6619uln791] {
    background: var(--neutral-layer-2);
}

.preview-content tbody tr:hover[b-6619uln791],
.note-preview-only tbody tr:hover[b-6619uln791] {
    background: var(--neutral-layer-3);
}

/* Ensure tables are responsive */
.preview-content table[b-6619uln791],
.note-preview-only table[b-6619uln791] {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

.preview-content table[b-6619uln791],
.note-preview-only table[b-6619uln791] {
    display: table;
    overflow-x: auto;
    max-width: 100%;
}

/* Fix for table container */
.preview-content[b-6619uln791],
.note-preview-only[b-6619uln791] {
    overflow-x: auto;
}

.preview-content hr[b-6619uln791],
.note-preview-only hr[b-6619uln791] {
    border: none;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    margin: 1.5rem 0;
}

.preview-content img[b-6619uln791],
.note-preview-only img[b-6619uln791] {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1rem 0;
}

.preview-content a[b-6619uln791],
.note-preview-only a[b-6619uln791] {
    color: var(--accent-fill-rest);
    text-decoration: none;
}

.preview-content a:hover[b-6619uln791],
.note-preview-only a:hover[b-6619uln791] {
    text-decoration: underline;
}

.no-content-preview[b-6619uln791] {
    color: var(--neutral-foreground-hint);
    font-style: italic;
    text-align: center;
    padding: 2rem;
}

/* Responsive: Stack split view on mobile */
@media (max-width: 768px) {
    .split-view-container[b-6619uln791] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
    }

    .editor-pane[b-6619uln791] {
        border-right: none;
        border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    }
}

/* Dark mode enhancements */
@media (prefers-color-scheme: dark) {
    .note-markdown-editor[b-6619uln791],
    .note-preview-content[b-6619uln791] {
        background: var(--neutral-layer-1);
    }

    .note-preview-content code[b-6619uln791],
    .note-preview-content pre[b-6619uln791] {
        background: var(--neutral-layer-3);
    }
}

/* Markdown Toolbar Styles */
[b-6619uln791] .markdown-toolbar {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--neutral-layer-2);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px 8px 0 0;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
}

[b-6619uln791] .markdown-toolbar fluent-button {
    min-width: 32px;
    height: 32px;
    padding: 0.25rem;
}

[b-6619uln791] .markdown-toolbar svg {
    width: 1rem;
    height: 1rem;
    color: var(--neutral-foreground-rest);
}

[b-6619uln791] .markdown-toolbar fluent-button:hover svg {
    color: var(--accent-fill-rest);
}

[b-6619uln791] .markdown-toolbar fluent-select {
    height: 32px;
    font-size: 0.875rem;
}

/* Toolbar divider */
[b-6619uln791] .markdown-toolbar .h-6 {
    height: 1.5rem;
    width: 1px;
    background-color: var(--neutral-stroke-divider-rest);
    margin: 0 0.25rem;
}

/* Ensure textarea and toolbar work together */
.note-editor-content[b-6619uln791] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.note-editor-content .markdown-toolbar + textarea[b-6619uln791] {
    border-radius: 0 0 8px 8px;
}
/* _content/psc-ai-platform/Components/Pages/Notes.razor.rz.scp.css */
.notes-container[b-zykhan7rcp] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    background: var(--neutral-layer-1);
}

.notes-header[b-zykhan7rcp] {
    padding: 1rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
}

.search-box[b-zykhan7rcp] {
    max-width: 600px;
    margin: 0 auto;
}

.search-results-info[b-zykhan7rcp] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.75rem;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
    gap: 0.5rem;
}

.search-results-info span[b-zykhan7rcp] {
    display: flex;
    align-items: center;
}

.notes-content[b-zykhan7rcp] {
    flex: 1;
    overflow-y: auto;
    padding: 2rem;
}

.loading-state[b-zykhan7rcp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 1rem;
    color: var(--neutral-foreground-hint);
}

.empty-state[b-zykhan7rcp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
}

.empty-state h2[b-zykhan7rcp] {
    margin: 1rem 0 0.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.empty-state p[b-zykhan7rcp] {
    color: var(--neutral-foreground-hint);
}

.time-group[b-zykhan7rcp] {
    margin-bottom: 2rem;
}

.time-group-header[b-zykhan7rcp] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.notes-grid-items[b-zykhan7rcp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;
}

.note-card[b-zykhan7rcp] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    padding: 1.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 180px;
}

.note-card:hover[b-zykhan7rcp] {
    background: var(--neutral-layer-3);
    border-color: var(--accent-fill-rest);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.note-card-header[b-zykhan7rcp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.note-title[b-zykhan7rcp] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    margin: 0;
    flex: 1;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.note-preview[b-zykhan7rcp] {
    flex: 1;
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
    line-height: 1.5;
}

.note-preview p[b-zykhan7rcp] {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.note-preview .no-content[b-zykhan7rcp] {
    font-style: italic;
    color: var(--neutral-foreground-disabled);
}

.note-footer[b-zykhan7rcp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    padding-top: 0.5rem;
    border-top: 1px solid var(--neutral-stroke-subtle);
}

.fab-container[b-zykhan7rcp] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 10;
}

.fab-container fluent-button[b-zykhan7rcp] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.fab-container fluent-button:hover[b-zykhan7rcp] {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
    transform: scale(1.05);
    transition: all 0.2s ease;
}

.fab-container fluent-icon[b-zykhan7rcp] {
    color: white !important;
}

/* Responsive design */
@media (max-width: 768px) {
    .notes-content[b-zykhan7rcp] {
        padding: 1rem;
    }

    .notes-grid-items[b-zykhan7rcp] {
        grid-template-columns: 1fr;
    }

    .fab-container[b-zykhan7rcp] {
        bottom: 1rem;
        right: 1rem;
    }
}

/* Dark mode enhancements */
@media (prefers-color-scheme: dark) {
    .note-card[b-zykhan7rcp] {
        background: var(--neutral-layer-2);
    }

    .note-card:hover[b-zykhan7rcp] {
        background: var(--neutral-layer-3);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }
}

/* Note menu trigger */
.note-menu-container[b-zykhan7rcp] {
    position: relative;
}

.note-actions-trigger[b-zykhan7rcp] {
    display: inline-flex;
    cursor: pointer;
}

/* Context menu overlay */
.context-menu-overlay[b-zykhan7rcp] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

/* Context menu (fixed position) */
.context-menu[b-zykhan7rcp] {
    position: fixed;
    background: var(--neutral-layer-floating);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 0.75rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    min-width: 180px;
    padding: 0.5rem;
}

.context-menu-header[b-zykhan7rcp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.25rem 0.25rem 0.5rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    margin-bottom: 0.25rem;
}

.context-menu-title[b-zykhan7rcp] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.context-menu-close[b-zykhan7rcp] {
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    color: var(--neutral-foreground-hint);
    cursor: pointer;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    line-height: 1;
    flex-shrink: 0;
}

.context-menu-close:hover[b-zykhan7rcp] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-rest);
}

.context-menu-content[b-zykhan7rcp] {
    display: flex;
    flex-direction: column;
}

.context-menu-item[b-zykhan7rcp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.625rem 0.75rem;
    border: none;
    background: transparent;
    color: var(--neutral-foreground-rest);
    cursor: pointer;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    text-align: left;
}

.context-menu-item:hover[b-zykhan7rcp] {
    background: var(--neutral-layer-3);
}

.context-menu-item.danger[b-zykhan7rcp] {
    color: #d13438;
}

.context-menu-item.danger:hover[b-zykhan7rcp] {
    background: rgba(209, 52, 56, 0.1);
}

.context-menu-item-icon[b-zykhan7rcp] {
    font-size: 1rem;
    width: 1.25rem;
    text-align: center;
}

.context-menu-divider[b-zykhan7rcp] {
    height: 1px;
    background: var(--neutral-stroke-divider-rest);
    margin: 0.5rem 0;
}
/* _content/psc-ai-platform/Components/Pages/PublicChat.razor.rz.scp.css */
/* Public Chat - Standalone Page Styles */

/* Main Container */
.public-chat-container[b-iedysdh7qs] {
    display: flex;
    height: 100vh;
    width: 100%;
    background: var(--neutral-layer-1);
    overflow: hidden;
    position: relative;
}

/* Sidebar */
.sidebar[b-iedysdh7qs] {
    width: 280px;
    min-width: 280px;
    max-width: 280px;
    background: var(--neutral-layer-2);
    border-right: 1px solid var(--neutral-stroke-divider-rest);
    display: flex;
    flex-direction: column;
    transition: margin-left 0.3s ease, transform 0.3s ease;
    z-index: 100;
    margin-left: -280px; /* Hidden by default */
}

.sidebar.open[b-iedysdh7qs] {
    margin-left: 0; /* Visible when open */
}

.sidebar-header[b-iedysdh7qs] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 12px 16px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    min-height: 56px;
}

.brand[b-iedysdh7qs] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.sidebar-actions[b-iedysdh7qs] {
    padding: 12px;
}

/* Search Input */
.sidebar-search[b-iedysdh7qs] {
    padding: 0 12px 12px 12px;
}

.sidebar-search fluent-text-field[b-iedysdh7qs] {
    --neutral-fill-input-rest: var(--neutral-layer-3);
}

.sidebar-search fluent-text-field[b-iedysdh7qs]::part(root) {
    border-radius: 8px;
}

.sidebar-search fluent-button[b-iedysdh7qs] {
    /* FluentButton uses internal parts for visual fills. Override them all. */
    background: transparent !important;
    border: none !important;

    --neutral-fill-stealth-rest: transparent !important;
    --neutral-fill-stealth-hover: transparent !important;
    --neutral-fill-stealth-active: transparent !important;
    --neutral-fill-rest: transparent !important;
    --neutral-fill-hover: transparent !important;
    --neutral-fill-active: transparent !important;
}

.sidebar-search fluent-button[b-iedysdh7qs]::part(control) {
    background: transparent !important;
}

.sidebar-search fluent-button[b-iedysdh7qs]::part(base),
.sidebar-search fluent-button[b-iedysdh7qs]::part(content) {
    background: transparent !important;
}

.sidebar-search fluent-button:hover[b-iedysdh7qs]::part(base),
.sidebar-search fluent-button:active[b-iedysdh7qs]::part(base),
.sidebar-search fluent-button:focus-within[b-iedysdh7qs]::part(base) {
    background: transparent !important;
}

.sessions-list[b-iedysdh7qs] {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
}

.session-item[b-iedysdh7qs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s;
    position: relative;
}

.session-item:hover[b-iedysdh7qs] {
    background: var(--neutral-layer-3);
}

.session-item.active[b-iedysdh7qs] {
    background: transparent;
    color: inherit;
}

/* Bold vertical line on left border for active item - like main chat page */
.session-item.active[b-iedysdh7qs]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 3px;
    background: var(--accent-fill-rest);
    border-radius: 2px;
}

.session-info[b-iedysdh7qs] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

/* Fixed size for chat icons in history list - use ::deep for Blazor component isolation */
.session-info[b-iedysdh7qs]  fluent-icon,
.session-info[b-iedysdh7qs]  svg,
.session-info > fluent-icon[b-iedysdh7qs],
.session-info > svg[b-iedysdh7qs] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    flex-shrink: 0 !important;
}

.session-title[b-iedysdh7qs] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.session-actions[b-iedysdh7qs] {
    opacity: 0;
    transition: opacity 0.2s;
}

.session-item:hover .session-actions[b-iedysdh7qs] {
    opacity: 1;
}

.no-sessions[b-iedysdh7qs] {
    text-align: center;
    padding: 24px;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

.sidebar-footer[b-iedysdh7qs] {
    padding: 12px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.sidebar-overlay[b-iedysdh7qs] {
    display: none;
}

/* Main Chat Area */
.main-chat[b-iedysdh7qs] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
    height: 100vh;
}

.chat-header[b-iedysdh7qs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: var(--neutral-layer-2);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    flex-shrink: 0;
    min-height: 56px;
}

.header-left[b-iedysdh7qs] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 32px;
}

.chat-title[b-iedysdh7qs] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 16px;
    color: var(--neutral-foreground-rest);
}

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

.ukh-logo[b-iedysdh7qs] {
    height: 40px;
    object-fit: contain;
}

/* Settings Panel */
.settings-panel[b-iedysdh7qs] {
    position: absolute;
    top: 60px;
    right: 12px;
    width: 280px;
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    z-index: 100;
    padding: 16px;
    animation: slideDown-b-iedysdh7qs 0.2s ease-out;
}

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

.settings-header[b-iedysdh7qs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.settings-title[b-iedysdh7qs] {
    font-weight: 600;
    font-size: 16px;
    color: var(--neutral-foreground-rest);
}

.settings-section[b-iedysdh7qs] {
    margin-bottom: 16px;
}

.settings-section:last-child[b-iedysdh7qs] {
    margin-bottom: 0;
}

.settings-label[b-iedysdh7qs] {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: var(--neutral-foreground-hint);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.theme-toggle[b-iedysdh7qs] {
    display: flex;
    gap: 8px;
}

.color-grid[b-iedysdh7qs] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.color-btn[b-iedysdh7qs] {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 8px;
    border: 2px solid transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.color-btn:hover[b-iedysdh7qs] {
    transform: scale(1.1);
}

.color-btn.active[b-iedysdh7qs] {
    border-color: var(--neutral-foreground-rest);
    box-shadow: 0 0 0 2px var(--neutral-layer-1);
}

/* Copyright Notice */
.copyright-notice[b-iedysdh7qs] {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    font-size: 11px;
    color: var(--neutral-foreground-hint);
    text-align: center;
}

/* Messages Container - With padding for input area */
.messages-container[b-iedysdh7qs] {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
    padding-bottom: 160px; /* Space for fixed input area */
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Welcome Screen */
.welcome-screen[b-iedysdh7qs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 20px;
    max-width: 600px;
    margin: 0 auto;
}

.welcome-icon[b-iedysdh7qs] {
    margin-bottom: 16px;
}

.welcome-screen h1[b-iedysdh7qs] {
    font-size: 28px;
    margin: 0 0 8px 0;
    color: var(--neutral-foreground-rest);
}

.welcome-screen h2[b-iedysdh7qs] {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 16px 0;
    color: var(--accent-fill-rest);
}

.welcome-screen p[b-iedysdh7qs] {
    font-size: 14px;
    color: var(--neutral-foreground-hint);
    margin: 0 0 12px 0;
}

.topic-list[b-iedysdh7qs] {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
    text-align: left;
}

.topic-list li[b-iedysdh7qs] {
    padding: 8px 0;
    font-size: 14px;
    color: var(--neutral-foreground-rest);
}

.suggested-questions[b-iedysdh7qs] {
    width: 100%;
    margin-top: 24px;
}

.suggested-questions p[b-iedysdh7qs] {
    margin-bottom: 12px;
    font-weight: 500;
}

.suggestions-grid[b-iedysdh7qs] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.suggestion-btn[b-iedysdh7qs] {
    padding: 12px 16px;
    background: var(--neutral-layer-3);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    cursor: pointer;
    text-align: left;
    font-size: 13px;
    color: var(--neutral-foreground-rest);
    transition: all 0.2s;
}

.suggestion-btn:hover[b-iedysdh7qs] {
    background: var(--neutral-layer-4);
    border-color: var(--accent-fill-rest);
}

/* Messages */
.message[b-iedysdh7qs] {
    display: flex;
    gap: 12px;
    max-width: 85%;
    align-self: flex-start;
}

.message.user[b-iedysdh7qs] {
    align-self: flex-end;
    flex-direction: row-reverse;
}

.message.assistant[b-iedysdh7qs] {
    align-self: flex-start;
}

.message-avatar[b-iedysdh7qs] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    background: var(--neutral-layer-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.message-avatar.user[b-iedysdh7qs] {
    background: var(--neutral-layer-4);
}

.message-avatar.assistant[b-iedysdh7qs] {
    background: var(--neutral-layer-3);
}

.message-body[b-iedysdh7qs] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.message-header[b-iedysdh7qs] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}

.sender-name[b-iedysdh7qs] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.message-time[b-iedysdh7qs] {
    color: var(--neutral-foreground-hint);
}

.message-text[b-iedysdh7qs] {
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.6;
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-rest);
    border-bottom-left-radius: 4px;
}

.message.user .message-text[b-iedysdh7qs] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-rest);
    border-bottom-left-radius: 4px;
}

.message.assistant .message-text[b-iedysdh7qs] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-rest);
    border-bottom-left-radius: 4px;
}

.message-text code[b-iedysdh7qs] {
    background: rgba(0, 0, 0, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 13px;
}

/* Typing Indicator */
.typing-indicator[b-iedysdh7qs] {
    display: flex;
    gap: 4px;
    padding: 4px 0;
}

.typing-indicator span[b-iedysdh7qs] {
    width: 8px;
    height: 8px;
    background: var(--accent-fill-rest);
    border-radius: 50%;
    animation: typing-b-iedysdh7qs 1.4s infinite ease-in-out;
}

.typing-indicator span:nth-child(1)[b-iedysdh7qs] { animation-delay: 0s; }
.typing-indicator span:nth-child(2)[b-iedysdh7qs] { animation-delay: 0.2s; }
.typing-indicator span:nth-child(3)[b-iedysdh7qs] { animation-delay: 0.4s; }

@keyframes typing-b-iedysdh7qs {
    0%, 80%, 100% {
        transform: scale(0.8);
        opacity: 0.5;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}

.cursor-blink[b-iedysdh7qs] {
    animation: blink-b-iedysdh7qs 1s step-end infinite;
    color: var(--accent-fill-rest);
}

@keyframes blink-b-iedysdh7qs {
    50% { opacity: 0; }
}

/* Follow-ups */
.follow-ups[b-iedysdh7qs] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.follow-ups-label[b-iedysdh7qs] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    margin-bottom: 8px;
}

.follow-up-btn[b-iedysdh7qs] {
    display: block;
    width: 100%;
    padding: 8px 12px;
    margin-bottom: 6px;
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    cursor: pointer;
    text-align: left;
    font-size: 13px;
    color: var(--neutral-foreground-rest);
    transition: all 0.2s;
}

.follow-up-btn:hover[b-iedysdh7qs] {
    background: var(--neutral-layer-3);
    border-color: var(--accent-fill-rest);
}

/* Input Area - FIXED at bottom like Home.razor */
.input-area[b-iedysdh7qs] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 24px 12px 24px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
    z-index: 10;
}

.input-wrapper[b-iedysdh7qs] {
    max-width: 900px;
    margin: 0 auto;
}

.error-banner[b-iedysdh7qs] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    margin-bottom: 12px;
    background: #fef2f2;
    color: #dc2626;
    border-radius: 8px;
    font-size: 14px;
}

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

.input-box[b-iedysdh7qs] {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    padding: 8px;
    transition: border-color 0.2s;
}

.input-box:focus-within[b-iedysdh7qs] {
    border-color: var(--accent-fill-rest);
}

.chat-input[b-iedysdh7qs] {
    flex: 1;
    padding: 8px 12px;
    border: none;
    font-size: 14px;
    resize: none;
    min-height: 24px;
    max-height: 120px;
    background: transparent;
    color: var(--neutral-foreground-rest);
    font-family: inherit;
    outline: none;
}

.chat-input[b-iedysdh7qs]::placeholder {
    color: var(--neutral-foreground-hint);
}

.input-footer[b-iedysdh7qs] {
    margin-top: 8px;
    text-align: center;
    font-size: 11px;
    color: var(--neutral-foreground-hint);
}

/* Responsive - Mobile */
@media (max-width: 768px) {
    .sidebar[b-iedysdh7qs] {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        margin-left: 0;
        transform: translateX(-100%);
    }

    .sidebar.open[b-iedysdh7qs] {
        transform: translateX(0);
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.2);
    }

    .sidebar-overlay[b-iedysdh7qs] {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 99;
    }

    .suggestions-grid[b-iedysdh7qs] {
        grid-template-columns: 1fr;
    }

    .message[b-iedysdh7qs] {
        max-width: 95%;
    }

    .chat-title span[b-iedysdh7qs] {
        display: none;
    }

    .welcome-screen h1[b-iedysdh7qs] {
        font-size: 22px;
    }

    .welcome-screen h2[b-iedysdh7qs] {
        font-size: 16px;
    }
}

/* Desktop overlay - hidden */
@media (min-width: 769px) {
    .sidebar-overlay[b-iedysdh7qs] {
        display: none !important;
    }
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .message.user .message-text code[b-iedysdh7qs] {
        background: rgba(255, 255, 255, 0.15);
    }
    
    .message.assistant .message-text code[b-iedysdh7qs] {
        background: rgba(0, 0, 0, 0.2);
    }

    .error-banner[b-iedysdh7qs] {
        background: #450a0a;
        color: #fca5a5;
    }
}
/* _content/psc-ai-platform/Components/Pages/Settings/Account.razor.rz.scp.css */
.account-page[b-we7i613zuu] {
    padding: 24px;
    max-width: 900px;
    margin: 0 auto;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 48px;
}

.page-header[b-we7i613zuu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.header-left[b-we7i613zuu] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-left h1[b-we7i613zuu] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.settings-section[b-we7i613zuu] {
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
}

.settings-section h2[b-we7i613zuu] {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 8px 0;
}

.section-description[b-we7i613zuu] {
    color: var(--neutral-foreground-hint);
    font-size: 14px;
    margin: 0 0 24px 0;
}

.settings-list[b-we7i613zuu] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.setting-item[b-we7i613zuu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-divider-rest);
    transition: background-color 0.2s ease;
}

.setting-item:hover[b-we7i613zuu] {
    background: var(--neutral-layer-2);
}

.setting-item.danger[b-we7i613zuu] {
    border-color: rgba(var(--error-rgb, 220, 53, 69), 0.3);
    background: rgba(var(--error-rgb, 220, 53, 69), 0.05);
}

.setting-item.save-row[b-we7i613zuu] {
    background: transparent;
    border: none;
    padding: 16px 0 0 0;
    justify-content: flex-end;
}

.setting-item.save-row:hover[b-we7i613zuu] {
    background: transparent;
}

.setting-info[b-we7i613zuu] {
    flex: 1;
}

.setting-label[b-we7i613zuu] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 4px;
}

.setting-label.warning-text[b-we7i613zuu] {
    color: var(--error);
}

.setting-description[b-we7i613zuu] {
    color: var(--neutral-foreground-hint);
    font-size: 13px;
    padding-left: 30px;
}

.setting-description.warning-text[b-we7i613zuu] {
    color: var(--error);
}

.setting-input[b-we7i613zuu] {
    flex-shrink: 0;
    margin-left: 16px;
}

.setting-action[b-we7i613zuu] {
    flex-shrink: 0;
    margin-left: 16px;
}

.api-key-actions[b-we7i613zuu] {
    display: flex;
    align-items: center;
}

.api-key-display[b-we7i613zuu] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.confirm-buttons[b-we7i613zuu] {
    display: flex;
    gap: 8px;
}

.status-message[b-we7i613zuu] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
}

.status-message.success[b-we7i613zuu] {
    background: rgba(40, 167, 69, 0.1);
    border: 1px solid rgba(40, 167, 69, 0.3);
    color: #28a745;
}

.status-message.error[b-we7i613zuu] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    color: var(--error);
}

/* Responsive */
@media (max-width: 768px) {
    .account-page[b-we7i613zuu] {
        padding: 16px;
    }

    .setting-item[b-we7i613zuu] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .setting-input[b-we7i613zuu],
    .setting-action[b-we7i613zuu] {
        margin-left: 0;
        width: 100%;
    }

    .setting-input fluent-text-field[b-we7i613zuu],
    .setting-input fluent-text-area[b-we7i613zuu],
    .setting-input fluent-select[b-we7i613zuu],
    .setting-input fluent-date-picker[b-we7i613zuu] {
        width: 100% !important;
    }

    .api-key-display[b-we7i613zuu] {
        flex-wrap: wrap;
    }

    .api-key-display fluent-text-field[b-we7i613zuu] {
        width: 100% !important;
        min-width: 200px;
    }

    .confirm-buttons[b-we7i613zuu] {
        width: 100%;
    }

    .confirm-buttons button[b-we7i613zuu] {
        flex: 1;
    }
}
/* _content/psc-ai-platform/Components/Pages/Settings/DataControls.razor.rz.scp.css */
.data-controls-page[b-jln3s7eii7] {
    padding: 24px;
    max-width: 800px;
    margin: 0 auto;
}

.page-header[b-jln3s7eii7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.header-left[b-jln3s7eii7] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-left h1[b-jln3s7eii7] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.settings-section[b-jln3s7eii7] {
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 12px;
    padding: 24px;
}

.settings-section h2[b-jln3s7eii7] {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 8px 0;
}

.section-description[b-jln3s7eii7] {
    color: var(--neutral-foreground-hint);
    font-size: 14px;
    margin: 0 0 24px 0;
}

.settings-list[b-jln3s7eii7] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.setting-item[b-jln3s7eii7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-divider-rest);
    transition: background-color 0.2s ease;
}

.setting-item:hover[b-jln3s7eii7] {
    background: var(--neutral-layer-2);
}

.setting-item.danger[b-jln3s7eii7] {
    border-color: rgba(var(--error-rgb, 220, 53, 69), 0.3);
}

.setting-info[b-jln3s7eii7] {
    flex: 1;
}

.setting-label[b-jln3s7eii7] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 4px;
}

.setting-description[b-jln3s7eii7] {
    color: var(--neutral-foreground-hint);
    font-size: 13px;
    padding-left: 30px;
}

.setting-description.warning-text[b-jln3s7eii7] {
    color: var(--error);
}

.setting-action[b-jln3s7eii7] {
    flex-shrink: 0;
    margin-left: 16px;
}

.confirm-buttons[b-jln3s7eii7] {
    display: flex;
    gap: 8px;
}

.status-message[b-jln3s7eii7] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
}

.status-message.success[b-jln3s7eii7] {
    background: rgba(40, 167, 69, 0.1);
    border: 1px solid rgba(40, 167, 69, 0.3);
    color: #28a745;
}

.status-message.error[b-jln3s7eii7] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    color: var(--error);
}

/* Responsive */
@media (max-width: 600px) {
    .data-controls-page[b-jln3s7eii7] {
        padding: 16px;
    }

    .setting-item[b-jln3s7eii7] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .setting-action[b-jln3s7eii7] {
        margin-left: 0;
        width: 100%;
    }

    .setting-action button[b-jln3s7eii7] {
        width: 100%;
    }

    .confirm-buttons[b-jln3s7eii7] {
        width: 100%;
    }

    .confirm-buttons button[b-jln3s7eii7] {
        flex: 1;
    }
}
/* _content/psc-ai-platform/Components/Pages/Workspace/AppDashboard.razor.rz.scp.css */
.app-dashboard-container[b-bnkro8zx8x] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    background: var(--neutral-layer-1);
    overflow: hidden;
}

.dashboard-header[b-bnkro8zx8x] {
    padding: 16px 24px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.header-title[b-bnkro8zx8x] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-title h1[b-bnkro8zx8x] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.header-subtitle[b-bnkro8zx8x] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

.dashboard-scroll-area[b-bnkro8zx8x] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.dashboard-content[b-bnkro8zx8x] {
    padding: 24px;
    padding-bottom: 120px;
    max-width: 1800px;
    margin: 0 auto;
}

/* Loading & Empty States */
.loading-state[b-bnkro8zx8x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    gap: 16px;
}

.empty-state-small[b-bnkro8zx8x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    gap: 8px;
    color: var(--neutral-foreground-hint);
}

.empty-state-small p[b-bnkro8zx8x] {
    margin: 0;
    font-size: 0.875rem;
}

/* Quick Stats Row */
.quick-stats-row[b-bnkro8zx8x] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.quick-stat-card[b-bnkro8zx8x] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

.quick-stat-card[b-bnkro8zx8x]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
}

.quick-stat-card.users[b-bnkro8zx8x]::before { background: linear-gradient(90deg, #3b82f6, #60a5fa); }
.quick-stat-card.chats[b-bnkro8zx8x]::before { background: linear-gradient(90deg, #8b5cf6, #a78bfa); }
.quick-stat-card.messages[b-bnkro8zx8x]::before { background: linear-gradient(90deg, #06b6d4, #22d3ee); }
.quick-stat-card.models[b-bnkro8zx8x]::before { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
.quick-stat-card.feedback-positive[b-bnkro8zx8x]::before { background: linear-gradient(90deg, #22c55e, #4ade80); }
.quick-stat-card.feedback-negative[b-bnkro8zx8x]::before { background: linear-gradient(90deg, #ef4444, #f87171); }
.quick-stat-card.ocr-jobs[b-bnkro8zx8x]::before { background: linear-gradient(90deg, #ec4899, #f472b6); }

.quick-stat-card:hover[b-bnkro8zx8x] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.quick-stat-icon[b-bnkro8zx8x] {
    color: var(--neutral-foreground-hint);
}

.quick-stat-info[b-bnkro8zx8x] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.quick-stat-value[b-bnkro8zx8x] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
    line-height: 1;
}

.quick-stat-label[b-bnkro8zx8x] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.quick-stat-change[b-bnkro8zx8x] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.quick-stat-change.positive[b-bnkro8zx8x] {
    color: #22c55e;
}

.quick-stat-change.negative[b-bnkro8zx8x] {
    color: #ef4444;
}

.quick-stat-change.active[b-bnkro8zx8x] {
    color: var(--accent-fill-rest);
}

.quick-stat-mini[b-bnkro8zx8x] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.quick-stat-mini.positive[b-bnkro8zx8x] { color: #22c55e; }
.quick-stat-mini.negative[b-bnkro8zx8x] { color: #ef4444; }

/* Dashboard Grid */
.dashboard-grid[b-bnkro8zx8x] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
}

.dashboard-column[b-bnkro8zx8x] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Dashboard Cards */
.dashboard-card[b-bnkro8zx8x] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    overflow: hidden;
}

.card-header[b-bnkro8zx8x] {
    padding: 16px 20px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-header h2[b-bnkro8zx8x] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    display: flex;
    align-items: center;
    gap: 8px;
}

.card-subtitle[b-bnkro8zx8x] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.card-content[b-bnkro8zx8x] {
    padding: 20px;
}

/* Activity Chart */
.activity-chart[b-bnkro8zx8x] {
    display: flex;
    gap: 2px;
    height: 150px;
    align-items: flex-end;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    margin-bottom: 16px;
}

.chart-bar-container[b-bnkro8zx8x] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    position: relative;
}

.chart-bar[b-bnkro8zx8x] {
    width: 100%;
    max-width: 20px;
    background: linear-gradient(to top, var(--accent-fill-rest), var(--accent-fill-hover));
    border-radius: 4px 4px 0 0;
    transition: all 0.3s ease;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 4px;
    min-height: 4px;
}

.chart-bar.today[b-bnkro8zx8x] {
    background: linear-gradient(to top, #22c55e, #4ade80);
}

.chart-bar:hover[b-bnkro8zx8x] {
    opacity: 0.8;
}

.bar-value[b-bnkro8zx8x] {
    font-size: 0.6rem;
    font-weight: 600;
    color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.bar-label[b-bnkro8zx8x] {
    position: absolute;
    bottom: -20px;
    font-size: 0.6rem;
    color: var(--neutral-foreground-hint);
    white-space: nowrap;
}

.chart-summary[b-bnkro8zx8x] {
    display: flex;
    justify-content: space-around;
}

.summary-stat[b-bnkro8zx8x] {
    text-align: center;
}

.summary-value[b-bnkro8zx8x] {
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.summary-label[b-bnkro8zx8x] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

/* Heatmap */
.heatmap-container[b-bnkro8zx8x] {
    margin-bottom: 16px;
}

.heatmap-labels[b-bnkro8zx8x] {
    display: flex;
    justify-content: space-between;
    padding-left: 50px;
    margin-bottom: 8px;
    font-size: 0.7rem;
    color: var(--neutral-foreground-hint);
}

.heatmap-grid[b-bnkro8zx8x] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.heatmap-row[b-bnkro8zx8x] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.heatmap-day[b-bnkro8zx8x] {
    width: 45px;
    font-size: 0.7rem;
    color: var(--neutral-foreground-hint);
    text-align: right;
    padding-right: 8px;
}

.heatmap-cell[b-bnkro8zx8x] {
    flex: 1;
    height: 16px;
    border-radius: 2px;
    background: var(--accent-fill-rest);
    opacity: 0.15;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.heatmap-cell:hover[b-bnkro8zx8x] {
    transform: scale(1.1);
}

.heatmap-cell.intensity-0[b-bnkro8zx8x] { opacity: 0.15; }
.heatmap-cell.intensity-1[b-bnkro8zx8x] { opacity: 0.35; }
.heatmap-cell.intensity-2[b-bnkro8zx8x] { opacity: 0.55; }
.heatmap-cell.intensity-3[b-bnkro8zx8x] { opacity: 0.75; }
.heatmap-cell.intensity-4[b-bnkro8zx8x] { opacity: 1; }

.heatmap-legend[b-bnkro8zx8x] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
    font-size: 0.7rem;
    color: var(--neutral-foreground-hint);
}

.legend-scale[b-bnkro8zx8x] {
    display: flex;
    gap: 2px;
}

.legend-cell[b-bnkro8zx8x] {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background: var(--accent-fill-rest);
}

.legend-cell.intensity-0[b-bnkro8zx8x] { opacity: 0.15; }
.legend-cell.intensity-1[b-bnkro8zx8x] { opacity: 0.35; }
.legend-cell.intensity-2[b-bnkro8zx8x] { opacity: 0.55; }
.legend-cell.intensity-3[b-bnkro8zx8x] { opacity: 0.75; }
.legend-cell.intensity-4[b-bnkro8zx8x] { opacity: 1; }

/* Top Models */
.top-models-list[b-bnkro8zx8x] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.top-model-item[b-bnkro8zx8x] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.top-model-item:hover[b-bnkro8zx8x] {
    background: var(--neutral-layer-3);
}

.model-rank[b-bnkro8zx8x] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--neutral-stroke-rest);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.model-rank.rank-1[b-bnkro8zx8x] { background: linear-gradient(135deg, #fbbf24, #f59e0b); color: white; }
.model-rank.rank-2[b-bnkro8zx8x] { background: linear-gradient(135deg, #9ca3af, #6b7280); color: white; }
.model-rank.rank-3[b-bnkro8zx8x] { background: linear-gradient(135deg, #d97706, #b45309); color: white; }

.model-info[b-bnkro8zx8x] {
    flex: 1;
    min-width: 0;
}

.model-name[b-bnkro8zx8x] {
    display: block;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.model-stats[b-bnkro8zx8x] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.model-bar-container[b-bnkro8zx8x] {
    width: 120px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.model-bar[b-bnkro8zx8x] {
    height: 8px;
    background: linear-gradient(90deg, var(--accent-fill-rest), var(--accent-fill-hover));
    border-radius: 4px;
    min-width: 4px;
}

.model-percentage[b-bnkro8zx8x] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    min-width: 40px;
    text-align: right;
}

/* Feedback Donut */
.feedback-donut-container[b-bnkro8zx8x] {
    position: relative;
    width: 160px;
    height: 160px;
    margin: 0 auto 20px;
}

.feedback-donut[b-bnkro8zx8x] {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.donut-center[b-bnkro8zx8x] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.donut-value[b-bnkro8zx8x] {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.donut-label[b-bnkro8zx8x] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.feedback-legend[b-bnkro8zx8x] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.legend-item[b-bnkro8zx8x] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.legend-dot[b-bnkro8zx8x] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.legend-item.positive .legend-dot[b-bnkro8zx8x] { background: #22c55e; }
.legend-item.negative .legend-dot[b-bnkro8zx8x] { background: #ef4444; }

.legend-label[b-bnkro8zx8x] {
    flex: 1;
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
}

.legend-value[b-bnkro8zx8x] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

/* Top Users */
.top-users-list[b-bnkro8zx8x] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.top-user-item[b-bnkro8zx8x] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
}

.user-rank[b-bnkro8zx8x] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--neutral-stroke-rest);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.user-rank.rank-1[b-bnkro8zx8x] { background: linear-gradient(135deg, #fbbf24, #f59e0b); color: white; }
.user-rank.rank-2[b-bnkro8zx8x] { background: linear-gradient(135deg, #9ca3af, #6b7280); color: white; }
.user-rank.rank-3[b-bnkro8zx8x] { background: linear-gradient(135deg, #d97706, #b45309); color: white; }

.user-avatar[b-bnkro8zx8x] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--neutral-layer-3);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.user-avatar img[b-bnkro8zx8x] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-info[b-bnkro8zx8x] {
    flex: 1;
}

.user-name[b-bnkro8zx8x] {
    display: block;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    font-size: 0.875rem;
}

.user-stats[b-bnkro8zx8x] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

/* Recent Activity */
.recent-activity-list[b-bnkro8zx8x] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.activity-item[b-bnkro8zx8x] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.activity-item:hover[b-bnkro8zx8x] {
    background: var(--neutral-layer-1);
}

.activity-icon[b-bnkro8zx8x] {
    flex-shrink: 0;
}

.activity-info[b-bnkro8zx8x] {
    flex: 1;
    min-width: 0;
}

.activity-title[b-bnkro8zx8x] {
    display: block;
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.activity-time[b-bnkro8zx8x] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

/* Health Metrics */
.health-metrics[b-bnkro8zx8x] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.health-item[b-bnkro8zx8x] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
}

.health-indicator[b-bnkro8zx8x] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.health-indicator.good[b-bnkro8zx8x] { background: #22c55e; box-shadow: 0 0 8px rgba(34, 197, 94, 0.5); }
.health-indicator.warning[b-bnkro8zx8x] { background: #f59e0b; box-shadow: 0 0 8px rgba(245, 158, 11, 0.5); }
.health-indicator.poor[b-bnkro8zx8x] { background: #ef4444; box-shadow: 0 0 8px rgba(239, 68, 68, 0.5); }

.health-info[b-bnkro8zx8x] {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.health-label[b-bnkro8zx8x] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
}

.health-value[b-bnkro8zx8x] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

/* Responsive */
@media (max-width: 1600px) {
    .quick-stats-row[b-bnkro8zx8x] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1200px) {
    .quick-stats-row[b-bnkro8zx8x] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1100px) {
    .dashboard-grid[b-bnkro8zx8x] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .quick-stats-row[b-bnkro8zx8x] {
        grid-template-columns: repeat(2, 1fr);
    }

    .dashboard-content[b-bnkro8zx8x] {
        padding: 16px;
    }

    .model-bar-container[b-bnkro8zx8x] {
        display: none;
    }
}

/* Admin Actions */
.dashboard-card.admin-actions[b-bnkro8zx8x] {
    border: 1px solid var(--accent-fill-rest);
    background: linear-gradient(135deg, var(--neutral-layer-2) 0%, rgba(var(--accent-base-color), 0.05) 100%);
}

.admin-action-item[b-bnkro8zx8x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
}

.action-info[b-bnkro8zx8x] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.action-title[b-bnkro8zx8x] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.action-description[b-bnkro8zx8x] {
    font-size: 0.8125rem;
    color: var(--neutral-foreground-hint);
}

.action-stats[b-bnkro8zx8x] {
    font-size: 0.75rem;
    color: var(--accent-foreground-rest);
    font-weight: 500;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .quick-stat-card:hover[b-bnkro8zx8x] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }
}
/* _content/psc-ai-platform/Components/Pages/Workspace/ChatLogs.razor.rz.scp.css */
.chat-logs-container[b-t4av8refvz] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px;
    background: var(--neutral-layer-1);
    overflow: hidden;
}

/* Header */
.chat-logs-header[b-t4av8refvz] {
    flex-shrink: 0;
    margin-bottom: 20px;
}

.header-top[b-t4av8refvz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.header-title[b-t4av8refvz] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-title h1[b-t4av8refvz] {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.item-count[b-t4av8refvz] {
    background: var(--accent-fill-rest);
    color: var(--foreground-on-accent-rest);
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.header-actions[b-t4av8refvz] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.selection-count[b-t4av8refvz] {
    color: var(--accent-foreground-rest);
    font-weight: 500;
    margin-right: 8px;
}

/* Filters Row */
.filters-row[b-t4av8refvz] {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
}

.search-box[b-t4av8refvz] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    min-width: 250px;
}

.search-box input[b-t4av8refvz] {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    font-size: 14px;
    color: var(--neutral-foreground-rest);
}

.search-box input[b-t4av8refvz]::placeholder {
    color: var(--neutral-foreground-hint);
}

.clear-btn[b-t4av8refvz] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px;
    display: flex;
    color: var(--neutral-foreground-hint);
}

.clear-btn:hover[b-t4av8refvz] {
    color: var(--neutral-foreground-rest);
}

.filter-group[b-t4av8refvz] {
    display: flex;
    gap: 12px;
    align-items: center;
}

/* Main Content */
.chat-logs-content[b-t4av8refvz] {
    flex: 1;
    overflow: auto;
    display: flex;
    flex-direction: column;
}

.loading-container[b-t4av8refvz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 48px;
    color: var(--neutral-foreground-hint);
}

.empty-state[b-t4av8refvz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px;
    text-align: center;
    color: var(--neutral-foreground-hint);
}

.empty-state h3[b-t4av8refvz] {
    margin: 16px 0 8px;
    color: var(--neutral-foreground-rest);
}

/* Table */
.chat-table-container[b-t4av8refvz] {
    flex: 1;
    overflow: auto;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-rest);
}

.chat-table[b-t4av8refvz] {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
}

.chat-table th[b-t4av8refvz] {
    text-align: left;
    padding: 12px 16px;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--neutral-foreground-hint);
    background: var(--neutral-layer-3);
    border-bottom: 1px solid var(--neutral-stroke-rest);
    position: sticky;
    top: 0;
    z-index: 1;
    user-select: none;
}

.chat-table th.sortable[b-t4av8refvz] {
    cursor: pointer;
}

.chat-table th.sortable:hover[b-t4av8refvz] {
    color: var(--neutral-foreground-rest);
    background: var(--neutral-layer-4);
}

.sort-arrow[b-t4av8refvz] {
    margin-left: 4px;
    font-size: 10px;
}

.chat-table td[b-t4av8refvz] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    color: var(--neutral-foreground-rest);
    vertical-align: middle;
}

.chat-row[b-t4av8refvz] {
    transition: background 0.15s ease;
}

.chat-row:hover[b-t4av8refvz] {
    background: var(--neutral-layer-1);
}

.chat-row.selected[b-t4av8refvz] {
    background: color-mix(in srgb, var(--accent-fill-rest) 15%, transparent);
}

.chat-row:last-child td[b-t4av8refvz] {
    border-bottom: none;
}

/* Column widths */
.col-checkbox[b-t4av8refvz] { width: 40px; }
.col-status[b-t4av8refvz] { width: 60px; }
.col-title[b-t4av8refvz] { width: 25%; min-width: 200px; }
.col-model[b-t4av8refvz] { width: 12%; }
.col-messages[b-t4av8refvz] { width: 8%; text-align: center; }
.col-feedback[b-t4av8refvz] { width: 10%; }
.col-tags[b-t4av8refvz] { width: 15%; }
.col-updated[b-t4av8refvz] { width: 12%; }
.col-actions[b-t4av8refvz] { width: 80px; text-align: right; }

.col-title[b-t4av8refvz] {
    cursor: pointer;
}

.col-title:hover .chat-title-text[b-t4av8refvz] {
    color: var(--accent-foreground-rest);
    text-decoration: underline;
}

.chat-title-text[b-t4av8refvz] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 300px;
}

.model-badge[b-t4av8refvz] {
    display: inline-block;
    padding: 2px 8px;
    background: var(--neutral-layer-3);
    border-radius: 4px;
    font-size: 12px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-count[b-t4av8refvz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    padding: 2px 8px;
    background: var(--neutral-layer-3);
    border-radius: 12px;
    font-size: 12px;
}

/* Feedback */
.feedback-badges[b-t4av8refvz] {
    display: flex;
    gap: 8px;
}

.feedback-badge[b-t4av8refvz] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
}

.feedback-badge.positive[b-t4av8refvz] {
    background: color-mix(in srgb, #10b981 20%, transparent);
    color: #10b981;
}

.feedback-badge.negative[b-t4av8refvz] {
    background: color-mix(in srgb, #ef4444 20%, transparent);
    color: #ef4444;
}

.no-feedback[b-t4av8refvz], .no-tags[b-t4av8refvz] {
    color: var(--neutral-foreground-hint);
    font-size: 12px;
}

/* Tags */
.tags-container[b-t4av8refvz] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.tag-badge[b-t4av8refvz] {
    display: inline-block;
    padding: 2px 8px;
    background: var(--accent-fill-rest);
    color: var(--foreground-on-accent-rest);
    border-radius: 12px;
    font-size: 11px;
}

.tag-badge.removable[b-t4av8refvz] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.tag-badge.clickable[b-t4av8refvz] {
    cursor: pointer;
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-rest);
    border: none;
}

.tag-badge.clickable:hover[b-t4av8refvz] {
    background: var(--accent-fill-rest);
    color: var(--foreground-on-accent-rest);
}

.remove-tag[b-t4av8refvz] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 2px;
    font-size: 14px;
    color: inherit;
    opacity: 0.7;
}

.remove-tag:hover[b-t4av8refvz] {
    opacity: 1;
}

.tag-more[b-t4av8refvz] {
    color: var(--neutral-foreground-hint);
    font-size: 11px;
}

.date-text[b-t4av8refvz] {
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

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

/* Pagination */
.pagination[b-t4av8refvz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px;
    border-top: 1px solid var(--neutral-stroke-rest);
}

.page-info[b-t4av8refvz] {
    padding: 0 16px;
    color: var(--neutral-foreground-hint);
}

.page-size-label[b-t4av8refvz] {
    color: var(--neutral-foreground-hint);
    font-size: 13px;
    margin-left: 4px;
}

/* Context Menu */
.context-menu-overlay[b-t4av8refvz] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.context-menu[b-t4av8refvz] {
    position: fixed;
    right: 100px;
    top: 200px;
    background: var(--neutral-layer-floating);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    min-width: 180px;
    z-index: 1000;
    padding: 4px;
}

.context-menu-item[b-t4av8refvz] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: var(--neutral-foreground-rest);
    border-radius: 4px;
    text-align: left;
}

.context-menu-item:hover[b-t4av8refvz] {
    background: var(--neutral-layer-3);
}

.context-menu-item.danger[b-t4av8refvz] {
    color: var(--error-foreground);
}

.context-menu-item.danger:hover[b-t4av8refvz] {
    background: color-mix(in srgb, var(--error-foreground) 15%, transparent);
}

.context-menu-divider[b-t4av8refvz] {
    height: 1px;
    background: var(--neutral-stroke-rest);
    margin: 4px 0;
}

/* Stats Panel */
.stats-panel[b-t4av8refvz] {
    position: fixed;
    right: 24px;
    top: 100px;
    width: 280px;
    background: var(--neutral-layer-floating);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    z-index: 100;
}

.stats-header[b-t4av8refvz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.stats-header h3[b-t4av8refvz] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.stats-content[b-t4av8refvz] {
    padding: 16px;
}

.stat-item[b-t4av8refvz] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.stat-item:last-child[b-t4av8refvz] {
    border-bottom: none;
}

.stat-label[b-t4av8refvz] {
    color: var(--neutral-foreground-hint);
}

.stat-value[b-t4av8refvz] {
    font-weight: 500;
}

.stat-item.positive .stat-value[b-t4av8refvz] {
    color: #10b981;
}

.stat-item.negative .stat-value[b-t4av8refvz] {
    color: #ef4444;
}

.model-stats[b-t4av8refvz] {
    padding: 16px;
    border-top: 1px solid var(--neutral-stroke-rest);
}

.model-stats h4[b-t4av8refvz] {
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
}

.model-stat-row[b-t4av8refvz] {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    font-size: 13px;
}

.model-name[b-t4av8refvz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
}

.model-feedback .positive[b-t4av8refvz] {
    color: #10b981;
    margin-right: 8px;
}

.model-feedback .negative[b-t4av8refvz] {
    color: #ef4444;
}

/* Dialogs */
.warning-text[b-t4av8refvz] {
    color: var(--error-foreground);
    font-size: 13px;
}

.tags-dialog-content[b-t4av8refvz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.tags-dialog-content label[b-t4av8refvz] {
    font-weight: 500;
    color: var(--neutral-foreground-hint);
    font-size: 12px;
    margin-bottom: 4px;
    display: block;
}

.tags-list[b-t4av8refvz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 32px;
}

.add-tag-input[b-t4av8refvz] {
    display: flex;
    gap: 8px;
}

.add-tag-input input[b-t4av8refvz] {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    background: var(--neutral-layer-2);
    color: var(--neutral-foreground-rest);
}

.share-content[b-t4av8refvz] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.share-url-container[b-t4av8refvz] {
    display: flex;
    gap: 8px;
}

.share-url-input[b-t4av8refvz] {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    background: var(--neutral-layer-2);
    color: var(--neutral-foreground-rest);
    font-family: monospace;
    font-size: 12px;
}

/* Responsive */
@media (max-width: 1200px) {
    .filters-row[b-t4av8refvz] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-group[b-t4av8refvz] {
        flex-wrap: wrap;
    }
}
/* _content/psc-ai-platform/Components/Pages/Workspace/Knowledge.razor.rz.scp.css */
.workspace-container[b-rknp265ezt] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    background: var(--neutral-layer-1);
}

.workspace-header[b-rknp265ezt] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
}

.header-top[b-rknp265ezt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.header-top h1[b-rknp265ezt] {
    font-size: 2rem;
    font-weight: 600;
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.filters-row[b-rknp265ezt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.filter-controls[b-rknp265ezt] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.filter-info[b-rknp265ezt] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0.75rem;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
    gap: 0.5rem;
}

.workspace-content[b-rknp265ezt] {
    flex: 1;
    overflow-y: auto;
    padding: 2rem;
}

.loading-state[b-rknp265ezt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 1rem;
    color: var(--neutral-foreground-hint);
}

.empty-state[b-rknp265ezt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
}

.empty-state h2[b-rknp265ezt] {
    margin: 1rem 0 0.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.empty-state p[b-rknp265ezt] {
    color: var(--neutral-foreground-hint);
}

.knowledge-grid[b-rknp265ezt] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 1.5rem;
}

.knowledge-card[b-rknp265ezt] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    padding: 1.5rem;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    cursor: pointer;
}

.knowledge-card:hover[b-rknp265ezt] {
    background: var(--neutral-layer-3);
    border-color: var(--accent-fill-rest);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.knowledge-card-header[b-rknp265ezt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.knowledge-info[b-rknp265ezt] {
    display: flex;
    gap: 1rem;
    flex: 1;
    min-width: 0;
}

.knowledge-icon[b-rknp265ezt] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: var(--accent-fill-rest);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
}

.knowledge-details[b-rknp265ezt] {
    flex: 1;
    min-width: 0;
}

.knowledge-name[b-rknp265ezt] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    margin: 0 0 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.knowledge-id[b-rknp265ezt] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    font-family: monospace;
}

.knowledge-actions[b-rknp265ezt] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

.knowledge-description[b-rknp265ezt] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
    line-height: 1.5;
}

.knowledge-description p[b-rknp265ezt] {
    margin: 0;
}

.knowledge-meta[b-rknp265ezt] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--neutral-stroke-subtle);
}

.meta-item[b-rknp265ezt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.edit-form[b-rknp265ezt] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.access-control-info[b-rknp265ezt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    margin-bottom: 16px;
    background: var(--neutral-layer-3);
    border-radius: 8px;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

/* Responsive design */
@media (max-width: 1200px) {
    .knowledge-grid[b-rknp265ezt] {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}

@media (max-width: 768px) {
    .workspace-content[b-rknp265ezt] {
        padding: 1rem;
    }

    .workspace-header[b-rknp265ezt] {
        padding: 1rem;
    }

    .header-top[b-rknp265ezt] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .filters-row[b-rknp265ezt] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-controls[b-rknp265ezt] {
        width: 100%;
    }

    .knowledge-grid[b-rknp265ezt] {
        grid-template-columns: 1fr;
    }
}

/* Dark mode enhancements */
@media (prefers-color-scheme: dark) {
    .knowledge-card[b-rknp265ezt] {
        background: var(--neutral-layer-2);
    }

    .knowledge-card:hover[b-rknp265ezt] {
        background: var(--neutral-layer-3);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }
}
/* _content/psc-ai-platform/Components/Pages/Workspace/KnowledgeDetail.razor.rz.scp.css */
.knowledge-detail-container[b-a9mht8i1v4] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    max-width: 100%;
    background: var(--neutral-layer-1);
    overflow-x: hidden;
}

.knowledge-detail-header[b-a9mht8i1v4] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.header-left[b-a9mht8i1v4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
    min-width: 0;
}

.header-info[b-a9mht8i1v4] {
    flex: 1;
    min-width: 0;
}

.header-info h1[b-a9mht8i1v4] {
    font-size: 1.75rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
    color: var(--neutral-foreground-rest);
}

.header-info .description[b-a9mht8i1v4] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

.header-actions[b-a9mht8i1v4] {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
}

.knowledge-detail-content[b-a9mht8i1v4] {
    flex: 1;
    overflow-y: auto;
    padding: 2rem;
}

.loading-state[b-a9mht8i1v4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 1rem;
    color: var(--neutral-foreground-hint);
}

.error-state[b-a9mht8i1v4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    gap: 1rem;
}

.error-state h2[b-a9mht8i1v4] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.error-state p[b-a9mht8i1v4] {
    color: var(--neutral-foreground-hint);
    margin: 0 0 1rem;
}

.add-content-menu[b-a9mht8i1v4] {
    background: var(--neutral-layer-2);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    padding: 1.5rem;
    animation: slideDown-b-a9mht8i1v4 0.2s ease-out;
}

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

.menu-header[b-a9mht8i1v4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.menu-header h3[b-a9mht8i1v4] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.menu-options[b-a9mht8i1v4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.menu-option[b-a9mht8i1v4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: var(--neutral-layer-3);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.menu-option:hover[b-a9mht8i1v4] {
    background: var(--neutral-layer-4);
    border-color: var(--accent-fill-rest);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.option-text[b-a9mht8i1v4] {
    flex: 1;
}

.option-text h4[b-a9mht8i1v4] {
    margin: 0 0 0.25rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.option-text p[b-a9mht8i1v4] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

.upload-progress[b-a9mht8i1v4] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.upload-progress h3[b-a9mht8i1v4] {
    margin: 0 0 1rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.upload-item[b-a9mht8i1v4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--neutral-layer-3);
    border-radius: 8px;
    margin-bottom: 0.5rem;
}

.upload-item:last-child[b-a9mht8i1v4] {
    margin-bottom: 0;
}

.upload-item .file-name[b-a9mht8i1v4] {
    flex: 1;
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.files-list h3[b-a9mht8i1v4] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

/* Files header with selection toolbar */
.files-header[b-a9mht8i1v4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.files-header-actions[b-a9mht8i1v4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.selection-count[b-a9mht8i1v4] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
    padding: 0 0.5rem;
}

/* File card checkbox */
.file-checkbox[b-a9mht8i1v4] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Selected file card */
.file-card.selected[b-a9mht8i1v4] {
    background: color-mix(in srgb, var(--accent-fill-rest) 15%, var(--neutral-layer-2));
    border-color: var(--accent-fill-rest);
}

.file-card.selected:hover[b-a9mht8i1v4] {
    background: color-mix(in srgb, var(--accent-fill-rest) 20%, var(--neutral-layer-2));
}

/* Pagination controls */
.pagination-controls[b-a9mht8i1v4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    margin-top: 1.5rem;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    gap: 1rem;
    flex-wrap: wrap;
}

.pagination-info[b-a9mht8i1v4] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

.pagination-page-size[b-a9mht8i1v4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

.pagination-nav[b-a9mht8i1v4] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.pagination-current[b-a9mht8i1v4] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
    padding: 0 0.75rem;
    min-width: 100px;
    text-align: center;
}

@media (max-width: 768px) {
    .pagination-controls[b-a9mht8i1v4] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }

    .pagination-info[b-a9mht8i1v4],
    .pagination-page-size[b-a9mht8i1v4],
    .pagination-nav[b-a9mht8i1v4] {
        justify-content: center;
    }
}

.files-grid[b-a9mht8i1v4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.file-card[b-a9mht8i1v4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem;
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    transition: all 0.2s ease;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.file-card:hover[b-a9mht8i1v4] {
    background: var(--neutral-layer-3);
    border-color: var(--accent-fill-rest);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.file-icon[b-a9mht8i1v4] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.file-info[b-a9mht8i1v4] {
    flex: 1;
    min-width: 0;
}

.file-name[b-a9mht8i1v4] {
    margin: 0 0 0.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-meta[b-a9mht8i1v4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.file-actions[b-a9mht8i1v4] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

.file-actions[b-a9mht8i1v4]  fluent-button,
.file-actions[b-a9mht8i1v4]  fluent-button::part(control) {
    background: transparent !important;
}

.empty-files[b-a9mht8i1v4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    padding: 3rem 1rem;
}

.empty-files h3[b-a9mht8i1v4] {
    margin: 1rem 0 0.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.empty-files p[b-a9mht8i1v4] {
    margin: 0 0 1.5rem;
    color: var(--neutral-foreground-hint);
}

/* Responsive design */
@media (max-width: 1024px) {
    .files-grid[b-a9mht8i1v4] {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }

    .menu-options[b-a9mht8i1v4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .knowledge-detail-header[b-a9mht8i1v4] {
        flex-direction: column;
        align-items: stretch;
        padding: 1rem;
    }

    .header-left[b-a9mht8i1v4] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-actions[b-a9mht8i1v4] {
        width: 100%;
        justify-content: stretch;
    }

    .knowledge-detail-content[b-a9mht8i1v4] {
        padding: 0.75rem;
        overflow-x: hidden;
    }

    .add-content-menu[b-a9mht8i1v4] {
        padding: 1rem;
    }

    .files-list[b-a9mht8i1v4] {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .files-grid[b-a9mht8i1v4] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .file-card[b-a9mht8i1v4] {
        padding: 0.75rem;
        gap: 0.5rem;
        width: 100%;
    }

    .file-icon[b-a9mht8i1v4] {
        width: 40px;
        height: 40px;
        min-width: 40px;
        background: transparent;
    }

    .file-info[b-a9mht8i1v4] {
        overflow: hidden;
    }

    .file-name[b-a9mht8i1v4] {
        font-size: 0.875rem;
    }

    .file-meta[b-a9mht8i1v4] {
        font-size: 0.7rem;
    }
}

/* File content viewer */
.file-content-header[b-a9mht8i1v4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.file-content-header h3[b-a9mht8i1v4] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-content-loading[b-a9mht8i1v4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    gap: 1rem;
    color: var(--neutral-foreground-hint);
}

.file-content-textarea[b-a9mht8i1v4] {
    width: 100%;
    height: 400px;
    min-height: 300px;
    max-height: 500px;
    padding: 1rem;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.875rem;
    line-height: 1.5;
    background: var(--neutral-layer-3);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    color: var(--neutral-foreground-rest);
    resize: vertical;
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.file-content-textarea:focus[b-a9mht8i1v4] {
    outline: none;
    border-color: var(--accent-fill-rest);
}

/* Dark mode enhancements */
@media (prefers-color-scheme: dark) {
    .file-card:hover[b-a9mht8i1v4] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }

    .menu-option:hover[b-a9mht8i1v4] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }

    .file-content-textarea[b-a9mht8i1v4] {
        background: var(--neutral-layer-4);
    }
}

/* Markdown preview styles - using ::deep to apply to dynamically rendered content */
.markdown-preview[b-a9mht8i1v4] {
    width: 100%;
    height: 400px;
    min-height: 300px;
    max-height: 500px;
    padding: 1.5rem;
    background: var(--neutral-layer-3);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    color: var(--neutral-foreground-rest);
    overflow: auto;
    line-height: 1.6;
}

.markdown-preview[b-a9mht8i1v4]  h1 {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.markdown-preview[b-a9mht8i1v4]  h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 1.5rem 0 0.75rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.markdown-preview[b-a9mht8i1v4]  h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 1.25rem 0 0.5rem;
}

.markdown-preview[b-a9mht8i1v4]  h4,
.markdown-preview[b-a9mht8i1v4]  h5,
.markdown-preview[b-a9mht8i1v4]  h6 {
    font-size: 1rem;
    font-weight: 600;
    margin: 1rem 0 0.5rem;
}

.markdown-preview[b-a9mht8i1v4]  p {
    margin: 0 0 1rem;
}

.markdown-preview[b-a9mht8i1v4]  ul,
.markdown-preview[b-a9mht8i1v4]  ol {
    margin: 0 0 1rem;
    padding-left: 1.5rem;
}

.markdown-preview[b-a9mht8i1v4]  li {
    margin-bottom: 0.25rem;
}

.markdown-preview[b-a9mht8i1v4]  a {
    color: var(--accent-fill-rest);
    text-decoration: none;
}

.markdown-preview[b-a9mht8i1v4]  a:hover {
    text-decoration: underline;
}

.markdown-preview[b-a9mht8i1v4]  code {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.875em;
    background: var(--neutral-layer-4);
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
}

.markdown-preview[b-a9mht8i1v4]  pre {
    background: var(--neutral-layer-4);
    padding: 1rem;
    border-radius: 8px;
    overflow-x: auto;
    margin: 0 0 1rem;
}

.markdown-preview[b-a9mht8i1v4]  pre code {
    background: transparent;
    padding: 0;
}

.markdown-preview[b-a9mht8i1v4]  blockquote {
    border-left: 4px solid var(--accent-fill-rest);
    margin: 0 0 1rem;
    padding: 0.5rem 1rem;
    background: var(--neutral-layer-4);
    border-radius: 0 8px 8px 0;
}

.markdown-preview[b-a9mht8i1v4]  blockquote p:last-child {
    margin-bottom: 0;
}

.markdown-preview[b-a9mht8i1v4]  table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 1rem;
}

.markdown-preview[b-a9mht8i1v4]  th,
.markdown-preview[b-a9mht8i1v4]  td {
    border: 1px solid var(--neutral-stroke-rest);
    padding: 0.5rem 0.75rem;
    text-align: left;
}

.markdown-preview[b-a9mht8i1v4]  th {
    background: var(--neutral-layer-4);
    font-weight: 600;
}

.markdown-preview[b-a9mht8i1v4]  tr:nth-child(even) {
    background: var(--neutral-fill-stealth-rest);
}

.markdown-preview[b-a9mht8i1v4]  hr {
    border: none;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    margin: 1.5rem 0;
}

.markdown-preview[b-a9mht8i1v4]  img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.markdown-preview[b-a9mht8i1v4]  .no-content {
    color: var(--neutral-foreground-hint);
    font-style: italic;
}
/* _content/psc-ai-platform/Components/Pages/Workspace/ModelDashboard.razor.rz.scp.css */
.dashboard-container[b-4g0n1q84jg] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    background: var(--neutral-layer-1);
    overflow: hidden;
}

.dashboard-header[b-4g0n1q84jg] {
    padding: 16px 24px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}

.dashboard-scroll-area[b-4g0n1q84jg] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.dashboard-content[b-4g0n1q84jg] {
    max-width: 1600px;
    margin: 0 auto;
    padding: 24px;
    padding-bottom: 120px;
}

.header-actions[b-4g0n1q84jg] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.model-title-section[b-4g0n1q84jg] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
    justify-content: center;
}

.model-avatar-large[b-4g0n1q84jg] {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    object-fit: cover;
}

.model-avatar-placeholder-large[b-4g0n1q84jg] {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--accent-fill-rest), var(--accent-fill-hover));
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.model-title-info[b-4g0n1q84jg] {
    text-align: center;
}

.model-title-info h1[b-4g0n1q84jg] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.model-id[b-4g0n1q84jg] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
    font-family: monospace;
}

/* Loading & Empty States */
.loading-state[b-4g0n1q84jg],
.empty-state[b-4g0n1q84jg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    gap: 16px;
    text-align: center;
}

.empty-state h2[b-4g0n1q84jg] {
    margin: 0;
    color: var(--error);
}

.empty-state p[b-4g0n1q84jg] {
    color: var(--neutral-foreground-hint);
    margin: 0;
}

.empty-state-small[b-4g0n1q84jg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 16px;
    gap: 8px;
    color: var(--neutral-foreground-hint);
}

.empty-state-small p[b-4g0n1q84jg] {
    margin: 0;
    font-size: 0.875rem;
}

/* Stats Row */
.stats-row[b-4g0n1q84jg] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

@media (max-width: 1200px) {
    .stats-row[b-4g0n1q84jg] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .stats-row[b-4g0n1q84jg] {
        grid-template-columns: 1fr;
    }
}

/* Stat Cards */
.stat-card[b-4g0n1q84jg] {
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.stat-card[b-4g0n1q84jg]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--accent-fill-rest);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.stat-card:hover[b-4g0n1q84jg] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.stat-card:hover[b-4g0n1q84jg]::before {
    opacity: 1;
}

.stat-card.chats[b-4g0n1q84jg]::before { background: #3b82f6; }
.stat-card.messages[b-4g0n1q84jg]::before { background: #8b5cf6; }
.stat-card.positive[b-4g0n1q84jg]::before { background: #22c55e; }
.stat-card.negative[b-4g0n1q84jg]::before { background: #ef4444; }

.stat-card-inner[b-4g0n1q84jg] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.stat-icon-wrapper[b-4g0n1q84jg] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-card.chats .stat-icon-wrapper[b-4g0n1q84jg] {
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
}

.stat-card.messages .stat-icon-wrapper[b-4g0n1q84jg] {
    background: rgba(139, 92, 246, 0.1);
    color: #8b5cf6;
}

.stat-card.positive .stat-icon-wrapper[b-4g0n1q84jg] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.stat-card.negative .stat-icon-wrapper[b-4g0n1q84jg] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
}

.stat-details[b-4g0n1q84jg] {
    flex: 1;
}

.stat-number[b-4g0n1q84jg] {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
    line-height: 1;
}

.stat-label[b-4g0n1q84jg] {
    display: block;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
    margin-top: 4px;
}

.stat-trend[b-4g0n1q84jg] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    padding: 4px 8px;
    border-radius: 12px;
}

.stat-trend.up[b-4g0n1q84jg] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.stat-trend.down[b-4g0n1q84jg] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
}

/* Sparkline */
.stat-sparkline[b-4g0n1q84jg] {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    height: 32px;
    padding-top: 8px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.spark-bar[b-4g0n1q84jg] {
    flex: 1;
    background: linear-gradient(to top, rgba(59, 130, 246, 0.3), rgba(59, 130, 246, 0.8));
    border-radius: 2px;
    min-height: 4px;
    transition: height 0.3s ease;
}

.stat-mini-chart[b-4g0n1q84jg] {
    padding-top: 8px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.mini-stat[b-4g0n1q84jg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mini-value[b-4g0n1q84jg] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.mini-label[b-4g0n1q84jg] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

/* Circular Progress */
.stat-percentage[b-4g0n1q84jg] {
    padding-top: 8px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    display: flex;
    justify-content: center;
}

.circular-progress[b-4g0n1q84jg] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: conic-gradient(#22c55e calc(var(--progress) * 3.6deg), var(--neutral-stroke-rest) 0);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.circular-progress[b-4g0n1q84jg]::before {
    content: '';
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--neutral-layer-card-container);
}

.circular-progress span[b-4g0n1q84jg] {
    position: relative;
    font-size: 0.75rem;
    font-weight: 600;
    color: #22c55e;
}

.circular-progress.negative[b-4g0n1q84jg] {
    background: conic-gradient(#ef4444 calc(var(--progress) * 3.6deg), var(--neutral-stroke-rest) 0);
}

.circular-progress.negative span[b-4g0n1q84jg] {
    color: #ef4444;
}

/* Dashboard Grid */
.dashboard-grid[b-4g0n1q84jg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

@media (max-width: 1024px) {
    .dashboard-grid[b-4g0n1q84jg] {
        grid-template-columns: 1fr;
    }
}

.dashboard-column[b-4g0n1q84jg] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Section Cards */
.section-card[b-4g0n1q84jg] {
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    overflow: hidden;
}

.section-card.compact[b-4g0n1q84jg] {
    padding-bottom: 0;
}

.section-header[b-4g0n1q84jg] {
    padding: 16px 20px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
}

.section-header h2[b-4g0n1q84jg] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--neutral-foreground-rest);
}

.count-badge[b-4g0n1q84jg] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.75rem;
    font-weight: 500;
}

/* Activity Chart */
.activity-chart[b-4g0n1q84jg] {
    padding: 20px;
}

.chart-bars[b-4g0n1q84jg] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    height: 120px;
    padding-bottom: 24px;
}

.chart-bar-wrapper[b-4g0n1q84jg] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    height: 100%;
}

.chart-bar[b-4g0n1q84jg] {
    width: 100%;
    background: linear-gradient(to top, var(--accent-fill-rest), var(--accent-fill-hover));
    border-radius: 4px 4px 0 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 4px;
    min-height: 8px;
    transition: height 0.5s ease;
}

.bar-value[b-4g0n1q84jg] {
    font-size: 0.7rem;
    font-weight: 600;
    color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.bar-label[b-4g0n1q84jg] {
    font-size: 0.7rem;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
}

.activity-summary[b-4g0n1q84jg] {
    display: flex;
    justify-content: space-around;
    padding: 16px 20px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
}

.summary-item[b-4g0n1q84jg] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
}

.summary-item strong[b-4g0n1q84jg] {
    color: var(--accent-fill-rest);
}

/* Feedback Visual */
.feedback-visual[b-4g0n1q84jg] {
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 24px;
}

.feedback-donut[b-4g0n1q84jg] {
    position: relative;
    width: 140px;
    height: 140px;
    flex-shrink: 0;
}

.donut-chart[b-4g0n1q84jg] {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.donut-segment[b-4g0n1q84jg] {
    transition: stroke-dasharray 0.5s ease;
}

.donut-center[b-4g0n1q84jg] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.donut-total[b-4g0n1q84jg] {
    display: block;
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.donut-label[b-4g0n1q84jg] {
    display: block;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.feedback-legend[b-4g0n1q84jg] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.legend-item[b-4g0n1q84jg] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.legend-color[b-4g0n1q84jg] {
    width: 12px;
    height: 12px;
    border-radius: 3px;
}

.legend-item.positive .legend-color[b-4g0n1q84jg] {
    background: #22c55e;
}

.legend-item.negative .legend-color[b-4g0n1q84jg] {
    background: #ef4444;
}

.legend-label[b-4g0n1q84jg] {
    flex: 1;
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
}

.legend-value[b-4g0n1q84jg] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.empty-feedback[b-4g0n1q84jg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px;
    gap: 12px;
    color: var(--neutral-foreground-hint);
}

.empty-feedback p[b-4g0n1q84jg] {
    margin: 0;
}

/* Detail List */
.detail-list[b-4g0n1q84jg] {
    padding: 16px 20px;
}

.detail-row[b-4g0n1q84jg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.detail-row:last-child[b-4g0n1q84jg] {
    border-bottom: none;
}

.detail-row.full[b-4g0n1q84jg] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.detail-label[b-4g0n1q84jg] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

.detail-value[b-4g0n1q84jg] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
}

.detail-value.monospace[b-4g0n1q84jg] {
    font-family: monospace;
    background: var(--neutral-layer-1);
    padding: 4px 8px;
    border-radius: 4px;
}

.tags-section[b-4g0n1q84jg] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 20px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.tag[b-4g0n1q84jg] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 0.8125rem;
    font-weight: 500;
}

/* Capabilities */
.capabilities-visual[b-4g0n1q84jg] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 16px 20px;
}

.capability-chip[b-4g0n1q84jg] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 20px;
    font-size: 0.8125rem;
    background: var(--neutral-layer-1);
    color: var(--neutral-foreground-hint);
    border: 1px solid var(--neutral-stroke-rest);
    opacity: 0.5;
    transition: all 0.2s ease;
}

.capability-chip.enabled[b-4g0n1q84jg] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    border-color: #22c55e;
    opacity: 1;
}

/* Tools List */
.tools-list[b-4g0n1q84jg] {
    padding: 12px 20px;
}

.tool-item[b-4g0n1q84jg] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    margin-bottom: 8px;
}

.tool-item:last-child[b-4g0n1q84jg] {
    margin-bottom: 0;
}

.tool-info[b-4g0n1q84jg] {
    flex: 1;
}

.tool-name[b-4g0n1q84jg] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.tool-description[b-4g0n1q84jg] {
    display: block;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    margin-top: 2px;
}

/* Knowledge List */
.knowledge-list[b-4g0n1q84jg] {
    padding: 12px 20px;
}

.knowledge-item[b-4g0n1q84jg] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    margin-bottom: 8px;
}

.knowledge-item:last-child[b-4g0n1q84jg] {
    margin-bottom: 0;
}

.knowledge-info[b-4g0n1q84jg] {
    flex: 1;
}

.knowledge-name[b-4g0n1q84jg] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.knowledge-type[b-4g0n1q84jg] {
    display: block;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    text-transform: capitalize;
}

/* Recent Chats */
.recent-chats-list[b-4g0n1q84jg] {
    padding: 8px 12px;
}

.chat-item[b-4g0n1q84jg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.chat-item:hover[b-4g0n1q84jg] {
    background: var(--neutral-layer-1);
}

.chat-item-main[b-4g0n1q84jg] {
    flex: 1;
    min-width: 0;
}

.chat-title[b-4g0n1q84jg] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-meta[b-4g0n1q84jg] {
    display: block;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    margin-top: 2px;
}

.chat-item-feedback[b-4g0n1q84jg] {
    display: flex;
    gap: 8px;
}

.feedback-badge[b-4g0n1q84jg] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
}

.feedback-badge.positive[b-4g0n1q84jg] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.feedback-badge.negative[b-4g0n1q84jg] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
}

.view-all[b-4g0n1q84jg] {
    padding: 12px 20px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    text-align: center;
}

/* Parameters */
.params-visual[b-4g0n1q84jg] {
    padding: 16px 20px;
}

.param-gauge[b-4g0n1q84jg] {
    margin-bottom: 16px;
}

.param-gauge:last-child[b-4g0n1q84jg] {
    margin-bottom: 0;
}

.gauge-label[b-4g0n1q84jg] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    margin-bottom: 6px;
}

.gauge-bar[b-4g0n1q84jg] {
    height: 8px;
    background: var(--neutral-layer-1);
    border-radius: 4px;
    overflow: hidden;
}

.gauge-fill[b-4g0n1q84jg] {
    height: 100%;
    background: linear-gradient(90deg, var(--accent-fill-rest), var(--accent-fill-hover));
    border-radius: 4px;
    transition: width 0.5s ease;
}

.gauge-value[b-4g0n1q84jg] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    margin-top: 4px;
}

.param-item-simple[b-4g0n1q84jg] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px dashed var(--neutral-stroke-divider-rest);
}

.param-item-simple:last-child[b-4g0n1q84jg] {
    border-bottom: none;
}

.param-name[b-4g0n1q84jg] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

.param-val[b-4g0n1q84jg] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.system-prompt-preview[b-4g0n1q84jg] {
    padding: 16px 20px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
}

.prompt-label[b-4g0n1q84jg] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    margin-bottom: 8px;
    text-transform: uppercase;
}

.prompt-content[b-4g0n1q84jg] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
    line-height: 1.5;
    font-family: monospace;
    background: var(--neutral-layer-1);
    padding: 12px;
    border-radius: 6px;
    white-space: pre-wrap;
}

/* Q&A List */
.qa-list[b-4g0n1q84jg] {
    padding: 12px 20px;
}

.qa-item[b-4g0n1q84jg] {
    padding: 12px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    margin-bottom: 12px;
    border-left: 3px solid var(--accent-fill-rest);
}

.qa-item:last-child[b-4g0n1q84jg] {
    margin-bottom: 0;
}

.qa-q[b-4g0n1q84jg] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    margin-bottom: 8px;
}

.qa-a[b-4g0n1q84jg] {
    font-size: 0.8125rem;
    color: var(--neutral-foreground-hint);
    padding-left: 24px;
    line-height: 1.5;
}

.more-link[b-4g0n1q84jg] {
    font-size: 0.8125rem;
    color: var(--accent-fill-rest);
    margin: 0;
    text-align: center;
    padding-top: 8px;
}

/* Heatmap Styles */
.heatmap-container[b-4g0n1q84jg] {
    padding: 20px;
}

.heatmap-hours[b-4g0n1q84jg] {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    gap: 2px;
}

.hour-label[b-4g0n1q84jg] {
    flex: 1;
    font-size: 0.625rem;
    color: var(--neutral-foreground-hint);
    text-align: center;
    min-width: calc((100% - 50px) / 8);
}

.heatmap-row[b-4g0n1q84jg] {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    gap: 8px;
}

.heatmap-day-label[b-4g0n1q84jg] {
    width: 40px;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    text-align: right;
    flex-shrink: 0;
}

.heatmap-cells[b-4g0n1q84jg] {
    display: flex;
    flex: 1;
    gap: 2px;
}

.heatmap-cell[b-4g0n1q84jg] {
    flex: 1;
    height: 16px;
    border-radius: 2px;
    background: var(--accent-fill-rest);
    opacity: 0.15;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.heatmap-cell:hover[b-4g0n1q84jg] {
    transform: scale(1.2);
    z-index: 1;
}

.heatmap-cell.intensity-0[b-4g0n1q84jg] {
    opacity: 0.15;
}

.heatmap-cell.intensity-1[b-4g0n1q84jg] {
    opacity: 0.35;
}

.heatmap-cell.intensity-2[b-4g0n1q84jg] {
    opacity: 0.55;
}

.heatmap-cell.intensity-3[b-4g0n1q84jg] {
    opacity: 0.75;
}

.heatmap-cell.intensity-4[b-4g0n1q84jg] {
    opacity: 1;
}

.heatmap-legend[b-4g0n1q84jg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.heatmap-legend .legend-label[b-4g0n1q84jg] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.legend-cells[b-4g0n1q84jg] {
    display: flex;
    gap: 4px;
}

.legend-cells .heatmap-cell[b-4g0n1q84jg] {
    width: 16px;
    height: 16px;
    flex: none;
}

/* Animations */
@keyframes pulse-b-4g0n1q84jg {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

.stat-card[b-4g0n1q84jg] {
    animation: fadeIn-b-4g0n1q84jg 0.3s ease;
}

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

.stat-card:nth-child(1)[b-4g0n1q84jg] { animation-delay: 0s; }
.stat-card:nth-child(2)[b-4g0n1q84jg] { animation-delay: 0.1s; }
.stat-card:nth-child(3)[b-4g0n1q84jg] { animation-delay: 0.2s; }
.stat-card:nth-child(4)[b-4g0n1q84jg] { animation-delay: 0.3s; }

/* Responsive */
/* Token Usage Section */
.period-badge[b-4g0n1q84jg] {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--neutral-foreground-hint);
    background: var(--neutral-layer-1);
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: 8px;
}

.token-usage-stats[b-4g0n1q84jg] {
    padding: 16px;
}

.usage-stat-row[b-4g0n1q84jg] {
    display: flex;
    gap: 24px;
    margin-bottom: 16px;
}

.usage-stat[b-4g0n1q84jg] {
    flex: 1;
    text-align: center;
    padding: 12px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
}

.usage-stat .stat-value[b-4g0n1q84jg] {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--accent-fill-rest);
}

.usage-stat .stat-label[b-4g0n1q84jg] {
    display: block;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    margin-top: 4px;
}

.usage-breakdown[b-4g0n1q84jg] {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.breakdown-item[b-4g0n1q84jg] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: var(--neutral-layer-1);
    border-radius: 6px;
    font-size: 0.875rem;
}

.breakdown-item.input[b-4g0n1q84jg] {
    border-left: 3px solid #3b82f6;
}

.breakdown-item.output[b-4g0n1q84jg] {
    border-left: 3px solid #22c55e;
}

.breakdown-label[b-4g0n1q84jg] {
    color: var(--neutral-foreground-hint);
}

.breakdown-value[b-4g0n1q84jg] {
    margin-left: auto;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.cost-estimate[b-4g0n1q84jg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(234, 179, 8, 0.05));
    border: 1px solid rgba(245, 158, 11, 0.2);
    border-radius: 8px;
    margin-bottom: 16px;
}

.cost-label[b-4g0n1q84jg] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

.cost-value[b-4g0n1q84jg] {
    margin-left: auto;
    font-size: 1.125rem;
    font-weight: 600;
    color: #f59e0b;
}

.usage-chart[b-4g0n1q84jg] {
    margin-top: 16px;
}

.mini-bar-chart[b-4g0n1q84jg] {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 60px;
    padding: 8px 0;
}

.mini-bar[b-4g0n1q84jg] {
    flex: 1;
    background: linear-gradient(180deg, var(--accent-fill-rest), var(--accent-fill-hover));
    border-radius: 2px 2px 0 0;
    min-height: 4px;
    transition: height 0.3s ease;
}

.mini-bar:hover[b-4g0n1q84jg] {
    opacity: 0.8;
}

.chart-period[b-4g0n1q84jg] {
    text-align: center;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    margin-top: 8px;
}

@media (max-width: 768px) {
    .dashboard-container[b-4g0n1q84jg] {
        padding: 16px;
    }

    .dashboard-header[b-4g0n1q84jg] {
        flex-direction: column;
        align-items: stretch;
    }

    .model-title-section[b-4g0n1q84jg] {
        order: -1;
    }

    .feedback-visual[b-4g0n1q84jg] {
        flex-direction: column;
    }

    .activity-summary[b-4g0n1q84jg] {
        flex-direction: column;
        gap: 12px;
    }

    .usage-stat-row[b-4g0n1q84jg] {
        flex-direction: column;
        gap: 12px;
    }

    .usage-breakdown[b-4g0n1q84jg] {
        flex-direction: column;
    }
}
/* _content/psc-ai-platform/Components/Pages/Workspace/Models.razor.rz.scp.css */
.workspace-container[b-87o3zbqayp] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    background: var(--neutral-layer-1);
}

.workspace-header[b-87o3zbqayp] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
}

.header-top[b-87o3zbqayp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.header-top h1[b-87o3zbqayp] {
    font-size: 2rem;
    font-weight: 600;
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.filters-row[b-87o3zbqayp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.filter-controls[b-87o3zbqayp] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.filter-info[b-87o3zbqayp] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0.75rem;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
    gap: 0.5rem;
}

.workspace-content[b-87o3zbqayp] {
    flex: 1;
    overflow-y: auto;
    padding: 2rem;
}

.loading-state[b-87o3zbqayp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 1rem;
    color: var(--neutral-foreground-hint);
}

.empty-state[b-87o3zbqayp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
}

.empty-state h2[b-87o3zbqayp] {
    margin: 1rem 0 0.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.empty-state p[b-87o3zbqayp] {
    color: var(--neutral-foreground-hint);
}

.models-grid[b-87o3zbqayp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 1.5rem;
}

.model-card[b-87o3zbqayp] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    padding: 1.5rem;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    cursor: pointer;
}

.model-card:hover[b-87o3zbqayp] {
    background: var(--neutral-layer-3);
    border-color: var(--accent-fill-rest);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.model-card.inactive[b-87o3zbqayp] {
    opacity: 0.7;
}

.model-card-header[b-87o3zbqayp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.model-info[b-87o3zbqayp] {
    display: flex;
    gap: 1rem;
    flex: 1;
    min-width: 0;
}

.model-avatar[b-87o3zbqayp] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
}

.model-avatar-placeholder[b-87o3zbqayp] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: var(--accent-fill-rest);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
}

.model-details[b-87o3zbqayp] {
    flex: 1;
    min-width: 0;
}

.model-name[b-87o3zbqayp] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    margin: 0 0 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.model-creator[b-87o3zbqayp] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

.model-actions[b-87o3zbqayp] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

.model-description[b-87o3zbqayp] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
    line-height: 1.5;
}

.model-description p[b-87o3zbqayp] {
    margin: 0;
}

.model-tags[b-87o3zbqayp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tag[b-87o3zbqayp] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: var(--neutral-layer-4);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 16px;
    font-size: 0.75rem;
    color: var(--neutral-foreground-rest);
    cursor: pointer;
    transition: all 0.2s ease;
}

.tag:hover[b-87o3zbqayp] {
    background: var(--accent-fill-rest);
    color: white;
    border-color: var(--accent-fill-rest);
}

.tag-more[b-87o3zbqayp] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.model-base[b-87o3zbqayp] {
    padding-top: 0.75rem;
    border-top: 1px solid var(--neutral-stroke-subtle);
}

.base-model-label[b-87o3zbqayp] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    font-family: monospace;
}

/* Responsive design */
@media (max-width: 1200px) {
    .models-grid[b-87o3zbqayp] {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}

@media (max-width: 768px) {
    .workspace-content[b-87o3zbqayp] {
        padding: 1rem;
    }

    .workspace-header[b-87o3zbqayp] {
        padding: 1rem;
    }

    .header-top[b-87o3zbqayp] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .filters-row[b-87o3zbqayp] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-controls[b-87o3zbqayp] {
        width: 100%;
    }

    .models-grid[b-87o3zbqayp] {
        grid-template-columns: 1fr;
    }
}

/* Dark mode enhancements */
@media (prefers-color-scheme: dark) {
    .model-card[b-87o3zbqayp] {
        background: var(--neutral-layer-2);
    }

    .model-card:hover[b-87o3zbqayp] {
        background: var(--neutral-layer-3);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }
}
/* _content/psc-ai-platform/Components/Pages/Workspace/ModelsCreate.razor.rz.scp.css */
.model-editor-container[b-vsjwuhghoe] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    background: var(--neutral-layer-1);
}

.editor-header[b-vsjwuhghoe] {
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
}

.header-top[b-vsjwuhghoe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-top h1[b-vsjwuhghoe] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.editor-content[b-vsjwuhghoe] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    padding-bottom: 1rem;
}

.form-container-wide[b-vsjwuhghoe] {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 5rem;
}

.model-layout[b-vsjwuhghoe] {
    display: flex;
    gap: 2rem;
}

/* Profile Section */
.profile-section[b-vsjwuhghoe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}

.profile-image-button[b-vsjwuhghoe] {
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 12px;
    border: 2px solid var(--neutral-stroke-rest);
    background: var(--neutral-layer-2);
    cursor: pointer;
    overflow: hidden;
    transition: all 0.2s ease;
}

.profile-image-button:hover[b-vsjwuhghoe] {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.profile-image[b-vsjwuhghoe] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-image-placeholder[b-vsjwuhghoe] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
}

.profile-image-placeholder svg[b-vsjwuhghoe] {
    border-radius: 10px;
}

.profile-image-overlay[b-vsjwuhghoe] {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    background: var(--neutral-layer-4);
    border: 2px solid white;
    border-radius: 50%;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.profile-image-button:hover .profile-image-overlay[b-vsjwuhghoe] {
    opacity: 1;
}

/* Form Fields */
.form-fields[b-vsjwuhghoe] {
    flex: 1;
    min-width: 0;
}

.name-id-section[b-vsjwuhghoe] {
    margin-bottom: 1rem;
}

.model-name-input[b-vsjwuhghoe] {
    width: 100%;
    font-size: 1.75rem;
    font-weight: 600;
    background: transparent;
    border: none;
    outline: none;
    color: var(--neutral-foreground-rest);
    padding: 0.5rem 0;
    margin-bottom: 0.25rem;
}

.model-id-input[b-vsjwuhghoe] {
    width: 100%;
    font-size: 0.875rem;
    background: transparent;
    border: none;
    outline: none;
    color: var(--neutral-foreground-hint);
    padding: 0.25rem 0;
}

.model-id-input:disabled[b-vsjwuhghoe] {
    opacity: 0.7;
}

.form-field[b-vsjwuhghoe] {
    margin-bottom: 1.5rem;
}

.field-label[b-vsjwuhghoe] {
    display: block;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 0.5rem;
    color: var(--neutral-foreground-rest);
}

.field-label-sm[b-vsjwuhghoe] {
    display: block;
    font-weight: 600;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    color: var(--neutral-foreground-rest);
}

.field-hint[b-vsjwuhghoe] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    margin-top: 0.25rem;
}

.field-header-with-toggle[b-vsjwuhghoe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.section-title[b-vsjwuhghoe] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
    color: var(--neutral-foreground-rest);
}

.section-divider[b-vsjwuhghoe] {
    border: none;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    margin: 1.5rem 0;
}

/* Tags */
.tags-input-container[b-vsjwuhghoe] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.tags-list[b-vsjwuhghoe] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tag-item[b-vsjwuhghoe] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--neutral-layer-4);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 16px;
    font-size: 0.875rem;
}

.tag-item span[b-vsjwuhghoe] {
    color: var(--neutral-foreground-rest);
}

/* Suggestion Prompts */
.suggestions-list[b-vsjwuhghoe] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.suggestion-item-container[b-vsjwuhghoe] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
}

.suggestion-item[b-vsjwuhghoe] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.language-select[b-vsjwuhghoe] {
    width: 75px;
    flex-shrink: 0;
    padding: 0.5rem 0.25rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    background: var(--neutral-layer-1);
    color: var(--neutral-foreground-rest);
    font-size: 0.75rem;
    cursor: pointer;
}

.language-select:hover[b-vsjwuhghoe] {
    border-color: var(--accent-fill-rest);
}

.language-select:focus[b-vsjwuhghoe] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 1px;
}

.suggestion-translations[b-vsjwuhghoe] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    background: var(--neutral-layer-1);
    border-radius: 6px;
    border: 1px solid var(--neutral-stroke-divider-rest);
}

.translation-row[b-vsjwuhghoe] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.translation-lang[b-vsjwuhghoe] {
    min-width: 140px;
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
    flex-shrink: 0;
}

.translation-header[b-vsjwuhghoe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.translation-label[b-vsjwuhghoe] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

/* Advanced Params */
.advanced-params-grid[b-vsjwuhghoe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-top: 0.75rem;
}

.param-field label[b-vsjwuhghoe] {
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
    color: var(--neutral-foreground-hint);
}

/* Capabilities */
.capabilities-grid[b-vsjwuhghoe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.capability-item[b-vsjwuhghoe] {
    padding: 0.5rem;
}

/* Access Control */
.access-control-section[b-vsjwuhghoe] {
    background: var(--neutral-layer-2);
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-rest);
}

.loading-state[b-vsjwuhghoe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 400px;
    gap: 1rem;
    color: var(--neutral-foreground-hint);
}

.form-actions[b-vsjwuhghoe] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
    position: sticky;
    bottom: 0;
    z-index: 100;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
    margin-top: 1.5rem;
}

/* Selector lists */
.selector-list[b-vsjwuhghoe] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
    max-height: 300px;
    overflow-y: auto;
    padding: 0.5rem;
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 6px;
}

.selector-item[b-vsjwuhghoe] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 6px;
    background: var(--neutral-layer-2);
    cursor: pointer;
    transition: all 0.2s ease;
}

.selector-item:hover[b-vsjwuhghoe] {
    background: var(--neutral-layer-3);
    border-color: var(--accent-fill-rest);
}

.selector-item.selected[b-vsjwuhghoe] {
    background: var(--accent-fill-rest);
    border-color: var(--accent-fill-rest);
    color: white;
}

.selector-item.selected strong[b-vsjwuhghoe],
.selector-item.selected .selector-description[b-vsjwuhghoe] {
    color: white;
}

.selector-info[b-vsjwuhghoe] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.selector-info strong[b-vsjwuhghoe] {
    font-weight: 600;
    font-size: 0.875rem;
}

.selector-name-with-badge[b-vsjwuhghoe] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.type-badge[b-vsjwuhghoe] {
    padding: 0.125rem 0.375rem;
    border-radius: 3px;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    flex-shrink: 0;
}

.note-badge[b-vsjwuhghoe] {
    background: rgba(59, 130, 246, 0.2);
    color: #3b82f6;
}

.collection-badge[b-vsjwuhghoe] {
    background: rgba(34, 197, 94, 0.2);
    color: #22c55e;
}

.selector-item.selected .note-badge[b-vsjwuhghoe] {
    background: rgba(255, 255, 255, 0.3);
    color: white;
}

.selector-item.selected .collection-badge[b-vsjwuhghoe] {
    background: rgba(255, 255, 255, 0.3);
    color: white;
}

.selector-description[b-vsjwuhghoe] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    line-height: 1.4;
}

.empty-selector[b-vsjwuhghoe] {
    text-align: center;
    padding: 1.5rem;
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

/* Field header with action button */
.field-header-with-action[b-vsjwuhghoe] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.field-header-with-action > div[b-vsjwuhghoe] {
    flex: 1;
}

/* Uploaded files list */
.uploaded-files-list[b-vsjwuhghoe] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    padding: 0.75rem;
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 6px;
}

.uploaded-file-item[b-vsjwuhghoe] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 6px;
    transition: all 0.2s ease;
}

.uploaded-file-item:hover[b-vsjwuhghoe] {
    background: var(--neutral-layer-3);
}

.uploaded-file-item .file-name[b-vsjwuhghoe] {
    flex: 1;
    font-size: 0.875rem;
    font-weight: 500;
}

.uploaded-file-item .file-size[b-vsjwuhghoe] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.uploaded-file-item .file-error[b-vsjwuhghoe] {
    color: #d13438;
    font-size: 1rem;
    cursor: help;
}

.uploaded-file-item.uploading[b-vsjwuhghoe] {
    opacity: 0.7;
}

.uploaded-file-item.failed[b-vsjwuhghoe] {
    background: rgba(209, 52, 56, 0.1);
    border-color: #d13438;
}

/* Selected knowledge list */
.selected-knowledge-list[b-vsjwuhghoe] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    padding: 0.75rem;
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 6px;
}

.selected-knowledge-item[b-vsjwuhghoe] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.selected-knowledge-item:hover[b-vsjwuhghoe] {
    background: var(--neutral-layer-3);
    border-color: var(--accent-fill-rest);
}

.knowledge-item-info[b-vsjwuhghoe] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.knowledge-name[b-vsjwuhghoe] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.knowledge-type[b-vsjwuhghoe] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

/* Knowledge Detail Dialog */
.knowledge-dialog-header[b-vsjwuhghoe] {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    width: 100%;
}

.knowledge-dialog-title[b-vsjwuhghoe] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    flex: 1;
}

.knowledge-dialog-header fluent-button[b-vsjwuhghoe] {
    flex-shrink: 0;
}

.knowledge-dialog-subheader[b-vsjwuhghoe] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.25rem;
    background: var(--neutral-layer-2);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.knowledge-dialog-meta[b-vsjwuhghoe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
}

.knowledge-dialog-toggle[b-vsjwuhghoe] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--neutral-foreground-rest);
}

.knowledge-dialog-content[b-vsjwuhghoe] {
    padding: 1rem 1.25rem;
    max-height: 400px;
    overflow-y: auto;
}

.knowledge-dialog-loading[b-vsjwuhghoe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem;
    color: var(--neutral-foreground-hint);
}

.knowledge-files-list[b-vsjwuhghoe] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.knowledge-file-item[b-vsjwuhghoe] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--neutral-layer-2);
    border-radius: 4px;
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
}

.knowledge-dialog-empty[b-vsjwuhghoe] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

/* Note Dialog */
.note-dialog-content[b-vsjwuhghoe] {
    padding: 1rem 1.25rem;
    max-height: 500px;
    overflow-y: auto;
}

.note-content-wrapper[b-vsjwuhghoe] {
    font-size: 0.9rem;
    line-height: 1.6;
    color: var(--neutral-foreground-rest);
}

.note-content-wrapper h1[b-vsjwuhghoe],
.note-content-wrapper h2[b-vsjwuhghoe],
.note-content-wrapper h3[b-vsjwuhghoe],
.note-content-wrapper h4[b-vsjwuhghoe],
.note-content-wrapper h5[b-vsjwuhghoe],
.note-content-wrapper h6[b-vsjwuhghoe] {
    margin: 1rem 0 0.5rem 0;
    font-weight: 600;
    line-height: 1.3;
}

.note-content-wrapper h1[b-vsjwuhghoe] { font-size: 1.5rem; }
.note-content-wrapper h2[b-vsjwuhghoe] { font-size: 1.25rem; }
.note-content-wrapper h3[b-vsjwuhghoe] { font-size: 1.1rem; }

.note-content-wrapper p[b-vsjwuhghoe] {
    margin: 0.5rem 0;
}

.note-content-wrapper ul[b-vsjwuhghoe],
.note-content-wrapper ol[b-vsjwuhghoe] {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
}

.note-content-wrapper li[b-vsjwuhghoe] {
    margin: 0.25rem 0;
}

.note-content-wrapper code[b-vsjwuhghoe] {
    background: var(--neutral-layer-3);
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    font-family: monospace;
    font-size: 0.85em;
}

.note-content-wrapper pre[b-vsjwuhghoe] {
    background: var(--neutral-layer-3);
    padding: 1rem;
    border-radius: 6px;
    overflow-x: auto;
    margin: 0.5rem 0;
}

.note-content-wrapper pre code[b-vsjwuhghoe] {
    background: none;
    padding: 0;
}

.note-content-wrapper blockquote[b-vsjwuhghoe] {
    border-left: 3px solid var(--accent-fill-rest);
    padding-left: 1rem;
    margin: 0.5rem 0;
    color: var(--neutral-foreground-hint);
    font-style: italic;
}

.note-content-wrapper a[b-vsjwuhghoe] {
    color: var(--accent-fill-rest);
    text-decoration: none;
}

.note-content-wrapper a:hover[b-vsjwuhghoe] {
    text-decoration: underline;
}

.note-content-wrapper img[b-vsjwuhghoe] {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 0.5rem 0;
}

.note-content-wrapper table[b-vsjwuhghoe] {
    width: 100%;
    border-collapse: collapse;
    margin: 0.5rem 0;
}

.note-content-wrapper th[b-vsjwuhghoe],
.note-content-wrapper td[b-vsjwuhghoe] {
    border: 1px solid var(--neutral-stroke-divider-rest);
    padding: 0.5rem;
    text-align: left;
}

.note-content-wrapper th[b-vsjwuhghoe] {
    background: var(--neutral-layer-2);
    font-weight: 600;
}

/* Responsive design */
@media (max-width: 968px) {
    .model-layout[b-vsjwuhghoe] {
        flex-direction: column;
    }

    .profile-section[b-vsjwuhghoe] {
        align-items: flex-start;
    }

    .profile-image-button[b-vsjwuhghoe] {
        width: 200px;
        height: 200px;
    }
}

@media (max-width: 768px) {
    .editor-content[b-vsjwuhghoe] {
        padding: 1rem;
    }

    .form-container-wide[b-vsjwuhghoe] {
        max-width: 100%;
    }

    .header-top[b-vsjwuhghoe] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .form-actions[b-vsjwuhghoe] {
        flex-direction: column;
    }

    .form-actions fluent-button[b-vsjwuhghoe] {
        width: 100%;
    }

    .advanced-params-grid[b-vsjwuhghoe] {
        grid-template-columns: 1fr;
    }

    .capabilities-grid[b-vsjwuhghoe] {
        grid-template-columns: 1fr;
    }
}

/* Knowledge Action Buttons */
.knowledge-action-buttons[b-vsjwuhghoe] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

/* Knowledge Dropdown */
.knowledge-dropdown-container[b-vsjwuhghoe] {
    position: relative;
}

.knowledge-dropdown-overlay[b-vsjwuhghoe] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
}

.knowledge-dropdown[b-vsjwuhghoe] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    min-width: 320px;
    max-width: 400px;
    margin-top: 4px;
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.knowledge-dropdown-search[b-vsjwuhghoe] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
}

.knowledge-dropdown-search input[b-vsjwuhghoe] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
}

.knowledge-dropdown-search input[b-vsjwuhghoe]::placeholder {
    color: var(--neutral-foreground-hint);
}

.knowledge-dropdown-content[b-vsjwuhghoe] {
    max-height: 300px;
    overflow-y: auto;
    padding: 0.5rem;
}

.knowledge-dropdown-empty[b-vsjwuhghoe] {
    text-align: center;
    padding: 1.5rem;
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

.knowledge-dropdown-section[b-vsjwuhghoe] {
    margin-bottom: 0.5rem;
}

.knowledge-dropdown-section:last-child[b-vsjwuhghoe] {
    margin-bottom: 0;
}

.knowledge-dropdown-section-header[b-vsjwuhghoe] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.5rem 0.75rem 0.25rem;
}

.knowledge-dropdown-item[b-vsjwuhghoe] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 0.75rem;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.15s ease;
}

.knowledge-dropdown-item:hover[b-vsjwuhghoe] {
    background: var(--neutral-layer-3);
}

.knowledge-dropdown-item.selected[b-vsjwuhghoe] {
    background: var(--accent-fill-rest);
    color: white;
}

.knowledge-dropdown-item .item-name[b-vsjwuhghoe] {
    flex: 1;
    font-size: 0.875rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* _content/psc-ai-platform/Components/Pages/Workspace/Prompts.razor.rz.scp.css */
.workspace-container[b-1lej4wj6v8] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    background: var(--neutral-layer-1);
}

.workspace-header[b-1lej4wj6v8] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
}

.header-top[b-1lej4wj6v8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.header-title[b-1lej4wj6v8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-title h1[b-1lej4wj6v8] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.item-count[b-1lej4wj6v8] {
    font-size: 1rem;
    font-weight: 500;
    color: var(--neutral-foreground-hint);
}

.header-actions[b-1lej4wj6v8] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.filters-row[b-1lej4wj6v8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.search-box[b-1lej4wj6v8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 1.5rem;
    min-width: 280px;
    flex: 1;
    max-width: 400px;
}

.search-box input[b-1lej4wj6v8] {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
}

.search-box input[b-1lej4wj6v8]::placeholder {
    color: var(--neutral-foreground-hint);
}

.clear-search[b-1lej4wj6v8] {
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--neutral-foreground-hint);
}

.clear-search:hover[b-1lej4wj6v8] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-rest);
}

.view-selector[b-1lej4wj6v8] {
    display: flex;
    gap: 0.25rem;
    background: var(--neutral-layer-1);
    padding: 0.25rem;
    border-radius: 1.5rem;
}

.view-option[b-1lej4wj6v8] {
    padding: 0.5rem 1rem;
    border: none;
    background: transparent;
    color: var(--neutral-foreground-hint);
    cursor: pointer;
    border-radius: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.view-option:hover[b-1lej4wj6v8] {
    color: var(--neutral-foreground-rest);
    background: var(--neutral-layer-2);
}

.view-option.active[b-1lej4wj6v8] {
    background: var(--neutral-layer-4);
    color: var(--neutral-foreground-rest);
}

.workspace-content[b-1lej4wj6v8] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.loading-state[b-1lej4wj6v8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 1rem;
    color: var(--neutral-foreground-hint);
}

.empty-state[b-1lej4wj6v8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    padding: 2rem;
}

.empty-emoji[b-1lej4wj6v8] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-1lej4wj6v8] {
    margin: 0 0 0.5rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.empty-state p[b-1lej4wj6v8] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

.prompts-grid[b-1lej4wj6v8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 0.5rem;
}

.prompt-card[b-1lej4wj6v8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: var(--neutral-layer-2);
    border-radius: 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.prompt-card:hover[b-1lej4wj6v8] {
    background: var(--neutral-layer-3);
}

.prompt-card-content[b-1lej4wj6v8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
    min-width: 0;
}

.prompt-info[b-1lej4wj6v8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.prompt-title[b-1lej4wj6v8] {
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
}

.prompt-command[b-1lej4wj6v8] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prompt-author[b-1lej4wj6v8] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.prompt-actions[b-1lej4wj6v8] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    position: relative;
    z-index: 10;
}

.prompt-actions-trigger[b-1lej4wj6v8] {
    display: inline-flex;
    cursor: pointer;
}

/* Delete dialog */
.delete-warning[b-1lej4wj6v8] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

/* Context menu */
.context-menu-overlay[b-1lej4wj6v8] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.context-menu[b-1lej4wj6v8] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--neutral-layer-floating);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 0.75rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    min-width: 180px;
    padding: 0.5rem;
}

.context-menu-item[b-1lej4wj6v8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.625rem 0.75rem;
    border: none;
    background: transparent;
    color: var(--neutral-foreground-rest);
    cursor: pointer;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    text-align: left;
}

.context-menu-item:hover[b-1lej4wj6v8] {
    background: var(--neutral-layer-3);
}

.context-menu-item.danger[b-1lej4wj6v8] {
    color: var(--error);
}

.context-menu-item.danger:hover[b-1lej4wj6v8] {
    background: rgba(239, 68, 68, 0.1);
}

.context-menu-divider[b-1lej4wj6v8] {
    height: 1px;
    background: var(--neutral-stroke-divider-rest);
    margin: 0.5rem 0;
}

.tool-menu-header[b-1lej4wj6v8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.25rem 0.25rem 0.5rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    margin-bottom: 0.25rem;
}

.tool-menu-title[b-1lej4wj6v8] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tool-menu-close[b-1lej4wj6v8] {
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    color: var(--neutral-foreground-hint);
    cursor: pointer;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    line-height: 1;
    flex-shrink: 0;
}

.tool-menu-close:hover[b-1lej4wj6v8] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-rest);
}

.tool-menu-item-icon[b-1lej4wj6v8] {
    width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
}

.tool-menu-content[b-1lej4wj6v8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.tool-menu-item[b-1lej4wj6v8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.625rem 0.75rem;
    border: none;
    background: transparent;
    color: var(--neutral-foreground-rest);
    cursor: pointer;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    text-align: left;
}

.tool-menu-item:hover[b-1lej4wj6v8] {
    background: var(--neutral-layer-3);
}

.tool-menu-item.danger[b-1lej4wj6v8] {
    color: var(--error);
}

.tool-menu-item.danger:hover[b-1lej4wj6v8] {
    background: rgba(239, 68, 68, 0.1);
}

.tool-menu-divider[b-1lej4wj6v8] {
    height: 1px;
    background: var(--neutral-stroke-divider-rest);
    margin: 0.5rem 0;
}

/* Prompt menu (dialog-based) */
.prompt-menu-content[b-1lej4wj6v8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.prompt-menu-item[b-1lej4wj6v8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.625rem 0.75rem;
    border: none;
    background: transparent;
    color: var(--neutral-foreground-rest);
    cursor: pointer;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    text-align: left;
}

.prompt-menu-item:hover[b-1lej4wj6v8] {
    background: var(--neutral-layer-3);
}

.prompt-menu-item.danger[b-1lej4wj6v8] {
    color: var(--error);
}

.prompt-menu-item.danger:hover[b-1lej4wj6v8] {
    background: rgba(239, 68, 68, 0.1);
}

.prompt-menu-divider[b-1lej4wj6v8] {
    height: 1px;
    background: var(--neutral-stroke-divider-rest);
    margin: 0.5rem 0;
}

/* Responsive design */
@media (max-width: 768px) {
    .workspace-header[b-1lej4wj6v8] {
        padding: 1rem;
    }

    .header-top[b-1lej4wj6v8] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .header-actions[b-1lej4wj6v8] {
        width: 100%;
        justify-content: flex-end;
    }

    .filters-row[b-1lej4wj6v8] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-box[b-1lej4wj6v8] {
        max-width: none;
        min-width: auto;
    }

    .view-selector[b-1lej4wj6v8] {
        justify-content: center;
    }

    .prompts-grid[b-1lej4wj6v8] {
        grid-template-columns: 1fr;
    }
}
/* _content/psc-ai-platform/Components/Pages/Workspace/PromptsCreate.razor.rz.scp.css */
.prompt-editor-container[b-4csh4my7s1] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 1.5rem;
    background: var(--neutral-layer-1);
}

.prompt-editor-header[b-4csh4my7s1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.prompt-editor-header h1[b-4csh4my7s1] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.loading-state[b-4csh4my7s1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 50vh;
    gap: 1rem;
    color: var(--neutral-foreground-hint);
}

.prompt-editor-content[b-4csh4my7s1] {
    flex: 1;
}

.form-section[b-4csh4my7s1] {
    margin-bottom: 2rem;
}

.title-row[b-4csh4my7s1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.title-input-wrapper[b-4csh4my7s1] {
    flex: 1;
}

.title-input[b-4csh4my7s1] {
    width: 100%;
    font-size: 1.5rem;
    font-weight: 600;
    border: none;
    background: transparent;
    outline: none;
    color: var(--neutral-foreground-rest);
    padding: 0.5rem 0;
}

.title-input[b-4csh4my7s1]::placeholder {
    color: var(--neutral-foreground-hint);
}

.command-row[b-4csh4my7s1] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.command-prefix[b-4csh4my7s1] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

.command-input[b-4csh4my7s1] {
    flex: 1;
    font-size: 0.875rem;
    border: none;
    background: transparent;
    outline: none;
    color: var(--neutral-foreground-hint);
    padding: 0.25rem 0;
}

.command-input[b-4csh4my7s1]::placeholder {
    color: var(--neutral-foreground-hint);
}

.command-input:disabled[b-4csh4my7s1] {
    opacity: 0.6;
    cursor: not-allowed;
}

.tooltip-text[b-4csh4my7s1] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    margin-top: 0.5rem;
    padding: 0.5rem;
    background: var(--neutral-layer-2);
    border-radius: 0.5rem;
}

.section-header[b-4csh4my7s1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.section-title[b-4csh4my7s1] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.content-textarea-wrapper[b-4csh4my7s1] {
    margin-bottom: 0.75rem;
}

.content-textarea[b-4csh4my7s1] {
    width: 100%;
    min-height: 200px;
    padding: 1rem;
    font-size: 0.875rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 0.75rem;
    background: var(--neutral-layer-2);
    color: var(--neutral-foreground-rest);
    resize: vertical;
    outline: none;
    font-family: inherit;
    line-height: 1.5;
}

.content-textarea:focus[b-4csh4my7s1] {
    border-color: var(--accent-fill-rest);
}

.content-textarea[b-4csh4my7s1]::placeholder {
    color: var(--neutral-foreground-hint);
}

.help-text[b-4csh4my7s1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    margin-bottom: 0.5rem;
}

.info-icon[b-4csh4my7s1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid var(--neutral-foreground-hint);
    font-size: 0.625rem;
    font-weight: 600;
}

.help-text code[b-4csh4my7s1] {
    background: var(--neutral-layer-3);
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--neutral-foreground-rest);
}

.help-link[b-4csh4my7s1] {
    font-size: 0.75rem;
}

.help-link a[b-4csh4my7s1] {
    color: var(--neutral-foreground-hint);
    text-decoration: underline;
}

.help-link a:hover[b-4csh4my7s1] {
    color: var(--accent-fill-rest);
}

.form-actions[b-4csh4my7s1] {
    margin-top: 2rem;
    padding-bottom: 5rem;
}

/* Access Control Modal */
.access-control-form[b-4csh4my7s1] {
    display: flex;
    flex-direction: column;
}

.access-info[b-4csh4my7s1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: var(--neutral-layer-3);
    border-radius: 0.5rem;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

/* Responsive design */
@media (max-width: 768px) {
    .prompt-editor-container[b-4csh4my7s1] {
        padding: 1rem;
    }

    .prompt-editor-header[b-4csh4my7s1] {
        flex-wrap: wrap;
    }

    .title-row[b-4csh4my7s1] {
        flex-direction: column;
        align-items: stretch;
    }

    .title-input[b-4csh4my7s1] {
        font-size: 1.25rem;
    }
}
/* _content/psc-ai-platform/Components/Pages/Workspace/PublishModel.razor.rz.scp.css */
.publish-container[b-ohhs0elj65] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    background: var(--neutral-layer-1);
    overflow: hidden;
}

.publish-header[b-ohhs0elj65] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
    flex-shrink: 0;
}

.header-left[b-ohhs0elj65] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-title[b-ohhs0elj65] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.header-title h1[b-ohhs0elj65] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.header-title .model-name[b-ohhs0elj65] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

.header-right[b-ohhs0elj65] {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Loading & Empty States */
.loading-state[b-ohhs0elj65],
.empty-state[b-ohhs0elj65] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    gap: 16px;
    text-align: center;
    flex: 1;
}

.empty-state h2[b-ohhs0elj65] {
    margin: 0;
    color: var(--error);
}

.empty-state p[b-ohhs0elj65] {
    color: var(--neutral-foreground-hint);
    margin: 0;
}

/* Content */
.publish-content[b-ohhs0elj65] {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

/* Top Cards */
.top-cards[b-ohhs0elj65] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

@media (max-width: 768px) {
    .top-cards[b-ohhs0elj65] {
        grid-template-columns: 1fr;
    }
}

.publish-card[b-ohhs0elj65] {
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.card-header[b-ohhs0elj65] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.card-header h2[b-ohhs0elj65] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.card-description[b-ohhs0elj65] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
    line-height: 1.5;
}

/* URL Box */
.url-box[b-ohhs0elj65] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 4px 8px 4px 12px;
}

.url-box.compact[b-ohhs0elj65] {
    flex: 1;
}

.url-input[b-ohhs0elj65] {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 0.8125rem;
    font-family: monospace;
    color: var(--neutral-foreground-rest);
    padding: 8px 0;
    outline: none;
    min-width: 0;
}

/* API Info */
.api-info[b-ohhs0elj65] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

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

.info-label[b-ohhs0elj65] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    min-width: 70px;
}

/* Tabs Section */
.tabs-section[b-ohhs0elj65] {
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    overflow: hidden;
}

.tabs-header[b-ohhs0elj65] {
    display: flex;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
}

.tab-btn[b-ohhs0elj65] {
    flex: 1;
    padding: 14px 20px;
    border: none;
    background: transparent;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-foreground-hint);
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.tab-btn:hover[b-ohhs0elj65] {
    color: var(--neutral-foreground-rest);
    background: var(--neutral-layer-3);
}

.tab-btn.active[b-ohhs0elj65] {
    color: var(--accent-fill-rest);
    background: var(--neutral-layer-card-container);
}

.tab-btn.active[b-ohhs0elj65]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--accent-fill-rest);
}

.tab-content[b-ohhs0elj65] {
    padding: 24px;
}

/* Code Section */
.code-section[b-ohhs0elj65] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.code-header[b-ohhs0elj65] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.code-header h3[b-ohhs0elj65] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.code-description[b-ohhs0elj65] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

.code-block[b-ohhs0elj65] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 16px;
    overflow-x: auto;
    margin: 0;
}

.code-block code[b-ohhs0elj65] {
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 0.8125rem;
    line-height: 1.6;
    color: var(--neutral-foreground-rest);
    white-space: pre-wrap;
    word-break: break-all;
}

/* IFrame Preview */
.iframe-preview[b-ohhs0elj65] {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.iframe-preview h4[b-ohhs0elj65] {
    margin: 0 0 16px 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.preview-container[b-ohhs0elj65] {
    display: flex;
    justify-content: center;
    padding: 24px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
}

/* Widget Preview Section */
.preview-section[b-ohhs0elj65] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.preview-header-row[b-ohhs0elj65] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.preview-header h3[b-ohhs0elj65] {
    margin: 0 0 8px 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.preview-description[b-ohhs0elj65] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

/* Position Options */
.position-options[b-ohhs0elj65] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.position-label[b-ohhs0elj65] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.position-radio-group[b-ohhs0elj65] {
    display: flex;
    gap: 4px;
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 4px;
}

.position-radio[b-ohhs0elj65] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.8125rem;
    color: var(--neutral-foreground-hint);
    transition: all 0.2s ease;
}

.position-radio:hover[b-ohhs0elj65] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-rest);
}

.position-radio.selected[b-ohhs0elj65] {
    background: var(--accent-fill-rest);
    color: white;
}

.position-radio input[type="radio"][b-ohhs0elj65] {
    display: none;
}

.widget-preview-container[b-ohhs0elj65] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    overflow: hidden;
    background: #f5f5f5;
}

.simulated-website[b-ohhs0elj65] {
    position: relative;
    min-height: 600px;
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);
}

.website-header[b-ohhs0elj65] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    background: white;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.website-logo[b-ohhs0elj65] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
}

.website-nav[b-ohhs0elj65] {
    display: flex;
    gap: 24px;
}

.website-nav span[b-ohhs0elj65] {
    font-size: 0.875rem;
    color: #666;
    cursor: pointer;
}

.website-nav span:hover[b-ohhs0elj65] {
    color: #333;
}

.website-content[b-ohhs0elj65] {
    padding: 60px 40px;
    max-width: 600px;
}

.website-content h2[b-ohhs0elj65] {
    margin: 0 0 16px 0;
    font-size: 2rem;
    font-weight: 700;
    color: #333;
}

.website-content p[b-ohhs0elj65] {
    margin: 0 0 12px 0;
    font-size: 1rem;
    color: #666;
    line-height: 1.6;
}

.preview-chat-button[b-ohhs0elj65] {
    position: absolute;
    bottom: 20px;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: all 0.3s ease;
}

/* Position variants for chat button */
.preview-chat-button.position-right[b-ohhs0elj65] {
    right: 20px;
}

.preview-chat-button.position-left[b-ohhs0elj65] {
    left: 20px;
}

.preview-chat-button.position-center[b-ohhs0elj65] {
    left: 50%;
    transform: translateX(-50%);
}

.preview-chat-button:hover[b-ohhs0elj65] {
    box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);
}

.preview-chat-button.position-right:hover[b-ohhs0elj65],
.preview-chat-button.position-left:hover[b-ohhs0elj65] {
    transform: scale(1.05);
}

.preview-chat-button.position-center:hover[b-ohhs0elj65] {
    transform: translateX(-50%) scale(1.05);
}

.preview-chat-button.active[b-ohhs0elj65] {
    background: linear-gradient(135deg, #764ba2, #667eea);
}

.preview-chat-iframe[b-ohhs0elj65] {
    position: absolute;
    bottom: 90px;
    width: 380px;
    height: 500px;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    z-index: 9;
    animation: slideUp-b-ohhs0elj65 0.3s ease;
}

/* Position variants for chat iframe */
.preview-chat-iframe.position-right[b-ohhs0elj65] {
    right: 20px;
}

.preview-chat-iframe.position-left[b-ohhs0elj65] {
    left: 20px;
}

.preview-chat-iframe.position-center[b-ohhs0elj65] {
    left: 50%;
    transform: translateX(-50%);
}

.preview-chat-iframe iframe[b-ohhs0elj65] {
    width: 100%;
    height: 100%;
    border: none;
}

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

/* Responsive */
@media (max-width: 640px) {
    .publish-header[b-ohhs0elj65] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .publish-content[b-ohhs0elj65] {
        padding: 16px;
    }

    .tabs-header[b-ohhs0elj65] {
        flex-direction: column;
    }

    .tab-btn[b-ohhs0elj65] {
        border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    }

    .tab-btn:last-child[b-ohhs0elj65] {
        border-bottom: none;
    }

    .tab-btn.active[b-ohhs0elj65]::after {
        display: none;
    }

    .preview-container iframe[b-ohhs0elj65] {
        width: 100% !important;
        max-width: 380px;
    }
}
/* _content/psc-ai-platform/Components/Pages/Workspace/Tools.razor.rz.scp.css */
.workspace-container[b-pwnipjjokf] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    background: var(--neutral-layer-1);
}

.workspace-header[b-pwnipjjokf] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-2);
}

.header-top[b-pwnipjjokf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.header-title[b-pwnipjjokf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-title h1[b-pwnipjjokf] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    color: var(--neutral-foreground-rest);
}

.item-count[b-pwnipjjokf] {
    font-size: 1rem;
    font-weight: 500;
    color: var(--neutral-foreground-hint);
}

.header-actions[b-pwnipjjokf] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.filters-row[b-pwnipjjokf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.search-box[b-pwnipjjokf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 1.5rem;
    min-width: 280px;
    flex: 1;
    max-width: 400px;
}

.search-box input[b-pwnipjjokf] {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
}

.search-box input[b-pwnipjjokf]::placeholder {
    color: var(--neutral-foreground-hint);
}

.clear-search[b-pwnipjjokf] {
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--neutral-foreground-hint);
}

.clear-search:hover[b-pwnipjjokf] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-rest);
}

.view-selector[b-pwnipjjokf] {
    display: flex;
    gap: 0.25rem;
    background: var(--neutral-layer-1);
    padding: 0.25rem;
    border-radius: 1.5rem;
}

.view-option[b-pwnipjjokf] {
    padding: 0.5rem 1rem;
    border: none;
    background: transparent;
    color: var(--neutral-foreground-hint);
    cursor: pointer;
    border-radius: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.view-option:hover[b-pwnipjjokf] {
    color: var(--neutral-foreground-rest);
    background: var(--neutral-layer-2);
}

.view-option.active[b-pwnipjjokf] {
    background: var(--neutral-layer-4);
    color: var(--neutral-foreground-rest);
}

.workspace-content[b-pwnipjjokf] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.loading-state[b-pwnipjjokf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 1rem;
    color: var(--neutral-foreground-hint);
}

.empty-state[b-pwnipjjokf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    padding: 2rem;
}

.empty-emoji[b-pwnipjjokf] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-pwnipjjokf] {
    margin: 0 0 0.5rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.empty-state p[b-pwnipjjokf] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

.tools-grid[b-pwnipjjokf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 0.5rem;
}

.tool-card[b-pwnipjjokf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: var(--neutral-layer-2);
    border-radius: 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.tool-card:hover[b-pwnipjjokf] {
    background: var(--neutral-layer-3);
}

.tool-card-content[b-pwnipjjokf] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
    min-width: 0;
}

.tool-info[b-pwnipjjokf] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.tool-header[b-pwnipjjokf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tool-title[b-pwnipjjokf] {
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tool-version[b-pwnipjjokf] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--neutral-foreground-hint);
    flex-shrink: 0;
}

.tool-id[b-pwnipjjokf] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tool-description[b-pwnipjjokf] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 0.25rem;
}

.tool-author[b-pwnipjjokf] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    margin-top: 0.25rem;
}

.tool-actions[b-pwnipjjokf] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    position: relative;
    z-index: 10;
}

.tool-actions-trigger[b-pwnipjjokf] {
    display: inline-flex;
    cursor: pointer;
}

/* Delete dialog */
.delete-warning[b-pwnipjjokf] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

.warning-banner[b-pwnipjjokf] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(255, 193, 7, 0.1);
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

.warning-list[b-pwnipjjokf] {
    margin: 0.5rem 0 0 1rem;
    padding: 0;
    font-size: 0.875rem;
}

.warning-list li[b-pwnipjjokf] {
    margin-bottom: 0.25rem;
}

.import-acknowledgement[b-pwnipjjokf] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
}

/* Context menu */
.context-menu-overlay[b-pwnipjjokf] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
    background: transparent;
}

.context-menu[b-pwnipjjokf] {
    position: fixed;
    background: var(--neutral-layer-floating, #1e1e1e);
    border: 1px solid var(--neutral-stroke-rest, #444);
    border-radius: 0.75rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    z-index: 9999;
    min-width: 180px;
    padding: 0.5rem;
    max-width: 280px;
}

.tool-menu-header[b-pwnipjjokf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.25rem 0.25rem 0.5rem;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    margin-bottom: 0.25rem;
}

.tool-menu-title[b-pwnipjjokf] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tool-menu-close[b-pwnipjjokf] {
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    color: var(--neutral-foreground-hint);
    cursor: pointer;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    line-height: 1;
    flex-shrink: 0;
}

.tool-menu-close:hover[b-pwnipjjokf] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-rest);
}

.tool-menu-item-icon[b-pwnipjjokf] {
    width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
}

.menu-button[b-pwnipjjokf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--neutral-foreground-hint);
    cursor: pointer;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
}

.menu-button:hover[b-pwnipjjokf] {
    background: var(--neutral-layer-4);
    color: var(--neutral-foreground-rest);
}

.context-menu-item[b-pwnipjjokf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.625rem 0.75rem;
    border: none;
    background: transparent;
    color: var(--neutral-foreground-rest);
    cursor: pointer;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    text-align: left;
}

.context-menu-item:hover[b-pwnipjjokf] {
    background: var(--neutral-layer-3);
}

.context-menu-item.danger[b-pwnipjjokf] {
    color: var(--error);
}

.context-menu-item.danger:hover[b-pwnipjjokf] {
    background: rgba(239, 68, 68, 0.1);
}

.context-menu-divider[b-pwnipjjokf] {
    height: 1px;
    background: var(--neutral-stroke-divider-rest);
    margin: 0.5rem 0;
}

/* Tool menu (dialog-based) */

.tool-menu-content[b-pwnipjjokf] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.tool-menu-item[b-pwnipjjokf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.625rem 0.75rem;
    border: none;
    background: transparent;
    color: var(--neutral-foreground-rest);
    cursor: pointer;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    text-align: left;
}

.tool-menu-item:hover[b-pwnipjjokf] {
    background: var(--neutral-layer-3);
}

.tool-menu-item.danger[b-pwnipjjokf] {
    color: var(--error);
}

.tool-menu-item.danger:hover[b-pwnipjjokf] {
    background: rgba(239, 68, 68, 0.1);
}

.tool-menu-divider[b-pwnipjjokf] {
    height: 1px;
    background: var(--neutral-stroke-divider-rest);
    margin: 0.5rem 0;
}

.tool-menu-trigger[b-pwnipjjokf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--neutral-foreground-hint);
    cursor: pointer;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
    position: relative;
    z-index: 20;
}

.tool-menu-trigger:hover[b-pwnipjjokf] {
    background: var(--neutral-layer-4);
    color: var(--neutral-foreground-rest);
}

.tool-menu-trigger:active[b-pwnipjjokf] {
    background: var(--neutral-layer-3);
}

/* Responsive design */
@media (max-width: 768px) {
    .workspace-header[b-pwnipjjokf] {
        padding: 1rem;
    }

    .header-top[b-pwnipjjokf] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .header-actions[b-pwnipjjokf] {
        width: 100%;
        justify-content: flex-end;
    }

    .filters-row[b-pwnipjjokf] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-box[b-pwnipjjokf] {
        max-width: none;
        min-width: auto;
    }

    .view-selector[b-pwnipjjokf] {
        justify-content: center;
    }

    .tools-grid[b-pwnipjjokf] {
        grid-template-columns: 1fr;
    }
}
/* _content/psc-ai-platform/Components/Shared/AttachedFilesList.razor.rz.scp.css */
.attached-files[b-u4enyftgsk] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.file-item[b-u4enyftgsk] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 10px;
    min-width: 200px;
    max-width: 300px;
    transition: all 0.2s;
}

.file-item:hover[b-u4enyftgsk] {
    background: var(--neutral-layer-3);
}

.file-item.uploading[b-u4enyftgsk] {
    opacity: 0.7;
}

.file-item.error[b-u4enyftgsk] {
    border-color: var(--error-stroke-rest);
    background: var(--error-fill-subtle);
}

.file-icon[b-u4enyftgsk] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-center;
    width: 32px;
    height: 32px;
    background: var(--neutral-layer-4);
    border-radius: 6px;
}

.file-info[b-u4enyftgsk] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.file-name[b-u4enyftgsk] {
    font-size: 13px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-size[b-u4enyftgsk] {
    font-size: 11px;
    color: var(--neutral-foreground-hint);
}

.file-error[b-u4enyftgsk] {
    font-size: 11px;
    color: var(--error-foreground-rest);
}

.file-status[b-u4enyftgsk] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.webpage-item[b-u4enyftgsk] {
    background: var(--accent-fill-subtle);
    border-color: var(--accent-stroke-rest);
}

.webpage-item .file-icon[b-u4enyftgsk] {
    background: var(--accent-fill-rest);
    color: white;
}

/* Success state for uploaded/processed items */
.file-item.uploaded[b-u4enyftgsk] {
    border-color: var(--success-stroke-rest, #4caf50);
}

.webpage-item.uploaded[b-u4enyftgsk] {
    background: var(--success-fill-subtle, rgba(76, 175, 80, 0.1));
    border-color: var(--success-stroke-rest, #4caf50);
}

.webpage-item.uploaded .file-icon[b-u4enyftgsk] {
    background: var(--success-fill-rest, #4caf50);
}
/* _content/psc-ai-platform/Components/Shared/AttachMenu.razor.rz.scp.css */
.attach-menu[b-u2zyckjw6q] {
    position: relative;
    display: inline-block;
}

.attach-menu-dropdown[b-u2zyckjw6q] {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 8px;
    min-width: 200px;
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    padding: 8px;
    z-index: 1000;
    animation: slideUp-b-u2zyckjw6q 0.2s ease-out;
}

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

.attach-menu-item[b-u2zyckjw6q] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s;
    outline: none;
}

.attach-menu-item:hover[b-u2zyckjw6q],
.attach-menu-item:focus[b-u2zyckjw6q] {
    background: var(--neutral-layer-3);
}

.attach-menu-item:focus-visible[b-u2zyckjw6q] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: -2px;
}

.attach-menu-item fluent-icon[b-u2zyckjw6q] {
    flex-shrink: 0;
}

.attach-menu-item span[b-u2zyckjw6q] {
    font-size: 14px;
    color: var(--neutral-foreground-rest);
}

/* Modal Styles */
.modal-overlay[b-u2zyckjw6q] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    animation: fadeIn-b-u2zyckjw6q 0.2s ease-out;
}

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

.modal-content[b-u2zyckjw6q] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
    animation: modalSlideUp-b-u2zyckjw6q 0.3s ease-out;
}

@keyframes modalSlideUp-b-u2zyckjw6q {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal-header[b-u2zyckjw6q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

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

.modal-body[b-u2zyckjw6q] {
    padding: 20px;
}

.modal-footer[b-u2zyckjw6q] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 20px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

/* URL Error Styling */
.url-error[b-u2zyckjw6q] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 8px 12px;
    background: var(--error-fill-subtle);
    border: 1px solid var(--error-stroke-rest);
    border-radius: 8px;
    font-size: 13px;
    color: var(--error-foreground-rest);
    animation: shake-b-u2zyckjw6q 0.4s ease-in-out;
}

@keyframes shake-b-u2zyckjw6q {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-4px); }
    75% { transform: translateX(4px); }
}

.url-error fluent-icon[b-u2zyckjw6q] {
    flex-shrink: 0;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .attach-menu-dropdown[b-u2zyckjw6q] {
        min-width: 180px;
    }

    .modal-content[b-u2zyckjw6q] {
        width: 95%;
        margin: 16px;
    }

    .modal-header[b-u2zyckjw6q],
    .modal-body[b-u2zyckjw6q],
    .modal-footer[b-u2zyckjw6q] {
        padding: 16px;
    }
}
/* _content/psc-ai-platform/Components/Shared/QaEditor.razor.rz.scp.css */
.qa-editor[b-g7m3n4ujs6] {
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    background: var(--neutral-layer-1);
    overflow: hidden;
}

.qa-editor-header[b-g7m3n4ujs6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: var(--neutral-layer-2);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.header-title[b-g7m3n4ujs6] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
}

.item-count[b-g7m3n4ujs6] {
    color: var(--neutral-foreground-hint);
    font-weight: normal;
}

.header-actions[b-g7m3n4ujs6] {
    display: flex;
    gap: 4px;
}

.bulk-actions[b-g7m3n4ujs6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: var(--accent-fill-rest);
    color: var(--neutral-foreground-on-brand-rest);
}

.selection-count[b-g7m3n4ujs6] {
    font-size: 13px;
    font-weight: 500;
}

.category-filter[b-g7m3n4ujs6] {
    padding: 8px 16px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.qa-list[b-g7m3n4ujs6] {
    max-height: 500px;
    overflow-y: auto;
}

.qa-item[b-g7m3n4ujs6] {
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    transition: background-color 0.15s ease;
}

.qa-item:last-child[b-g7m3n4ujs6] {
    border-bottom: none;
}

.qa-item:hover[b-g7m3n4ujs6] {
    background: var(--neutral-layer-2);
}

.qa-item.disabled[b-g7m3n4ujs6] {
    opacity: 0.6;
}

.qa-item.selected[b-g7m3n4ujs6] {
    background: var(--accent-fill-subtle);
}

.qa-item.editing[b-g7m3n4ujs6] {
    background: var(--neutral-layer-3);
}

.qa-item-header[b-g7m3n4ujs6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
}

.item-select[b-g7m3n4ujs6] {
    flex-shrink: 0;
}

.item-drag-handle[b-g7m3n4ujs6] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.item-drag-handle[b-g7m3n4ujs6]  button {
    padding: 2px !important;
    min-height: unset !important;
}

.item-priority[b-g7m3n4ujs6] {
    flex-shrink: 0;
}

.item-enabled[b-g7m3n4ujs6] {
    flex-shrink: 0;
}

.item-actions[b-g7m3n4ujs6] {
    display: flex;
    gap: 2px;
    margin-left: auto;
}

.qa-item-preview[b-g7m3n4ujs6] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 16px 12px 52px;
    cursor: pointer;
}

.preview-question[b-g7m3n4ujs6] {
    flex: 1;
    font-size: 13px;
    color: var(--neutral-foreground-rest);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.category-badge[b-g7m3n4ujs6] {
    flex-shrink: 0;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 500;
    background: var(--accent-fill-subtle);
    color: var(--accent-foreground-rest);
    border-radius: 4px;
}

.qa-item-edit[b-g7m3n4ujs6] {
    padding: 12px 16px;
    background: var(--neutral-layer-2);
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.edit-field[b-g7m3n4ujs6] {
    margin-bottom: 12px;
}

.edit-field:last-child[b-g7m3n4ujs6] {
    margin-bottom: 0;
}

.edit-field label[b-g7m3n4ujs6] {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    margin-bottom: 4px;
}

.edit-field .hint[b-g7m3n4ujs6] {
    font-weight: normal;
    color: var(--neutral-foreground-hint);
}

.edit-row[b-g7m3n4ujs6] {
    display: flex;
    gap: 16px;
}

.edit-field.half[b-g7m3n4ujs6] {
    flex: 1;
}

.qa-empty-state[b-g7m3n4ujs6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
}

.qa-empty-state p[b-g7m3n4ujs6] {
    margin: 12px 0 4px;
    font-size: 14px;
    color: var(--neutral-foreground-rest);
}

.qa-empty-state p.hint[b-g7m3n4ujs6] {
    margin: 0 0 16px;
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

/* Scrollbar styling */
.qa-list[b-g7m3n4ujs6]::-webkit-scrollbar {
    width: 6px;
}

.qa-list[b-g7m3n4ujs6]::-webkit-scrollbar-track {
    background: transparent;
}

.qa-list[b-g7m3n4ujs6]::-webkit-scrollbar-thumb {
    background: var(--neutral-stroke-rest);
    border-radius: 3px;
}

.qa-list[b-g7m3n4ujs6]::-webkit-scrollbar-thumb:hover {
    background: var(--neutral-stroke-hover);
}

/* Responsive */
@media (max-width: 600px) {
    .qa-item-header[b-g7m3n4ujs6] {
        flex-wrap: wrap;
    }

    .item-actions[b-g7m3n4ujs6] {
        width: 100%;
        justify-content: flex-end;
        margin-top: 8px;
    }

    .edit-row[b-g7m3n4ujs6] {
        flex-direction: column;
    }

    .edit-field.half[b-g7m3n4ujs6] {
        width: 100%;
    }
}
/* _content/psc-ai-platform/Components/Shared/VoiceChatMode.razor.rz.scp.css */
.voice-chat-overlay[b-q92nm99tqe] {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(10px);
	z-index: 9999;
	align-items: center;
	justify-content: center;
}

.voice-chat-overlay.active[b-q92nm99tqe] {
	display: flex;
}

.voice-chat-container[b-q92nm99tqe] {
	background: var(--neutral-layer-1);
	border-radius: 24px;
	padding: 32px;
	max-width: 500px;
	width: 90%;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
	display: flex;
	flex-direction: column;
	gap: 24px;
	animation: slideUp-b-q92nm99tqe 0.3s ease-out;
}

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

.voice-chat-header[b-q92nm99tqe] {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.voice-chat-header h3[b-q92nm99tqe] {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	color: var(--neutral-foreground-rest);
}

.header-controls[b-q92nm99tqe] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.toggle-button[b-q92nm99tqe] {
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 8px;
	border-radius: 8px;
	color: var(--neutral-foreground-rest);
	transition: all 0.2s;
	opacity: 0.6;
}

.toggle-button:hover[b-q92nm99tqe] {
	background: var(--neutral-fill-hover);
	opacity: 1;
}

.toggle-button.active[b-q92nm99tqe] {
	background: var(--accent-fill-rest);
	color: white;
	opacity: 1;
}

.close-button[b-q92nm99tqe] {
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 8px;
	border-radius: 8px;
	color: var(--neutral-foreground-rest);
	transition: background-color 0.2s;
}

.close-button:hover[b-q92nm99tqe] {
	background: var(--neutral-fill-hover);
}

.voice-indicator[b-q92nm99tqe] {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: transform 0.3s ease;
}

.voice-indicator.speaking[b-q92nm99tqe] {
	animation: pulse-b-q92nm99tqe 1.5s ease-in-out infinite;
}

.voice-indicator.listening[b-q92nm99tqe] {
	animation: breathe-b-q92nm99tqe 2s ease-in-out infinite;
}

@keyframes pulse-b-q92nm99tqe {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
}

@keyframes breathe-b-q92nm99tqe {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.7;
	}
}

.emoji-display[b-q92nm99tqe] {
	font-size: 80px;
	line-height: 1;
	transition: font-size 0.1s ease;
	text-align: center;
}

.thinking-indicator[b-q92nm99tqe] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.thinking-indicator span[b-q92nm99tqe] {
	font-size: 14px;
	color: var(--neutral-foreground-hint);
	font-weight: 500;
}

.mic-indicator[b-q92nm99tqe] {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pulse-ring[b-q92nm99tqe] {
	position: absolute;
	width: 120px;
	height: 120px;
	border: 3px solid var(--accent-fill-rest);
	border-radius: 50%;
	animation: pulsate-b-q92nm99tqe 1.5s ease-out infinite;
	opacity: 0;
}

@keyframes pulsate-b-q92nm99tqe {
	0% {
		transform: scale(0.6);
		opacity: 1;
	}
	100% {
		transform: scale(1.4);
		opacity: 0;
	}
}

.model-avatar[b-q92nm99tqe] {
	width: 120px;
	height: 120px;
	background: var(--neutral-layer-3);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--neutral-foreground-rest);
}

.status-text[b-q92nm99tqe] {
	text-align: center;
}

.status-text p[b-q92nm99tqe] {
	margin: 0;
	font-size: 16px;
	color: var(--neutral-foreground-hint);
	font-weight: 500;
}

.voice-controls[b-q92nm99tqe] {
	display: flex;
	justify-content: center;
	gap: 16px;
}

.control-button[b-q92nm99tqe] {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.mic-button[b-q92nm99tqe] {
	background: var(--accent-fill-rest);
	color: white;
}

.mic-button:hover:not(:disabled)[b-q92nm99tqe] {
	background: var(--accent-fill-hover);
	transform: scale(1.05);
}

.mic-button:disabled[b-q92nm99tqe] {
	opacity: 0.5;
	cursor: not-allowed;
}

.stop-button[b-q92nm99tqe] {
	background: var(--error-fill-rest);
	color: white;
}

.stop-button:hover[b-q92nm99tqe] {
	background: var(--error-fill-hover);
	transform: scale(1.05);
}

.error-message[b-q92nm99tqe] {
	background: var(--error-fill-subtle);
	color: var(--error-foreground-rest);
	padding: 12px 16px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	animation: fadeIn-b-q92nm99tqe 0.3s ease;
}

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

.error-message button[b-q92nm99tqe] {
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 4px;
	margin-left: auto;
	color: inherit;
	opacity: 0.7;
	transition: opacity 0.2s;
}

.error-message button:hover[b-q92nm99tqe] {
	opacity: 1;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
	.voice-chat-container[b-q92nm99tqe] {
		max-width: 100%;
		width: 100%;
		height: 100vh;
		border-radius: 0;
		padding: 24px;
		justify-content: center;
	}

	.voice-indicator[b-q92nm99tqe] {
		width: 160px;
		height: 160px;
	}

	.model-avatar[b-q92nm99tqe] {
		width: 100px;
		height: 100px;
	}

	.control-button[b-q92nm99tqe] {
		width: 56px;
		height: 56px;
	}
}

/* Avatar Selector */
.avatar-selector[b-q92nm99tqe] {
	display: flex;
	justify-content: center;
	gap: 16px;
	padding: 16px;
	background: var(--neutral-layer-2);
	border-radius: 16px;
	margin-bottom: 8px;
}

.avatar-option[b-q92nm99tqe] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	padding: 12px;
	border-radius: 12px;
	transition: all 0.2s;
	border: 2px solid transparent;
}

.avatar-option:hover[b-q92nm99tqe] {
	background: var(--neutral-fill-hover);
	transform: translateY(-2px);
}

.avatar-option.selected[b-q92nm99tqe] {
	background: var(--accent-fill-subtle);
	border-color: var(--accent-fill-rest);
}

.avatar-option img[b-q92nm99tqe] {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid var(--neutral-stroke-rest);
}

.avatar-option.selected img[b-q92nm99tqe] {
	border-color: var(--accent-fill-rest);
	box-shadow: 0 0 0 3px var(--accent-fill-subtle);
}

.avatar-option span[b-q92nm99tqe] {
	font-size: 12px;
	font-weight: 500;
	color: var(--neutral-foreground-rest);
}

/* Lip-Sync Avatar with Viseme Animation */
.avatar-display[b-q92nm99tqe] {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--neutral-layer-3);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	position: relative;
}

.avatar-display img[b-q92nm99tqe] {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.avatar-display.animated-avatar[b-q92nm99tqe] {
	animation: avatarSpeak-b-q92nm99tqe 0.3s ease-in-out infinite alternate;
}

@keyframes avatarSpeak-b-q92nm99tqe {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.02);
	}
}

/* Avatar Mouth Overlay for Visemes - ENHANCED */
.avatar-mouth[b-q92nm99tqe] {
	position: absolute;
	bottom: 30%;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 40px;
	transition: all 0.05s ease;
	pointer-events: none;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* Rhubarb Viseme Mouth Shapes (22 visemes) - ENHANCED CSS with image fallback */

/* ID 0: silence - closed mouth with subtle lip line */
.avatar-mouth.mouth-silence[b-q92nm99tqe] {
	background: 
		linear-gradient(to bottom, 
			transparent 45%, 
			rgba(200,100,100,0.4) 45%,
			rgba(200,100,100,0.4) 55%,
			transparent 55%),
		radial-gradient(ellipse 40px 2px at center, 
			rgba(0,0,0,0.8) 0%, 
			transparent 100%);
	background-image: url('/images/mouths/default/mouth-0-silence.png');
}

/* ID 1: ae/ax/ah - medium open with depth */
.avatar-mouth.mouth-ae-ax-ah[b-q92nm99tqe] {
	background: 
		radial-gradient(ellipse 35px 15px at center, 
			rgba(60,20,20,0.9) 0%, 
			rgba(0,0,0,0.85) 30%,
			transparent 100%),
		radial-gradient(ellipse 40px 18px at center, 
			rgba(200,100,100,0.25) 50%, 
			transparent 100%);
	border-radius: 50%;
	background-image: url('/images/mouths/default/mouth-1-ae-ax-ah.png');
}

/* ID 2: aa - wide open with mouth interior and lip highlight */
.avatar-mouth.mouth-aa[b-q92nm99tqe] {
	background: 
		radial-gradient(ellipse 45px 20px at center, 
			rgba(80,30,30,1) 0%, 
			rgba(40,15,15,0.95) 30%,
			rgba(0,0,0,0.9) 50%,
			transparent 100%),
		radial-gradient(ellipse 50px 25px at center, 
			rgba(200,100,100,0.35) 55%, 
			rgba(200,100,100,0.15) 75%,
			transparent 100%);
	border-radius: 50%;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
	background-image: url('/images/mouths/default/mouth-2-aa.png');
}

/* ID 3: ao - rounded open with soft lips */
.avatar-mouth.mouth-ao[b-q92nm99tqe] {
	background: 
		radial-gradient(circle 18px at center, 
			rgba(60,20,20,0.95) 0%, 
			rgba(0,0,0,0.85) 40%,
			transparent 100%),
		radial-gradient(circle 22px at center, 
			rgba(200,100,100,0.4) 50%, 
			rgba(200,100,100,0.2) 75%,
			transparent 100%);
	border-radius: 50%;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	background-image: url('/images/mouths/default/mouth-3-ao.png');
}

/* ID 4: ey/eh/uh - medium with slight smile */
.avatar-mouth.mouth-ey-eh-uh[b-q92nm99tqe] {
	background: 
		radial-gradient(ellipse 33px 12px at center, 
			rgba(50,20,20,0.9) 0%, 
			rgba(0,0,0,0.8) 35%,
			transparent 100%),
		radial-gradient(ellipse 38px 15px at center, 
			rgba(200,100,100,0.3) 55%, 
			transparent 100%);
	border-radius: 50%;
	background-image: url('/images/mouths/default/mouth-4-ey-eh-uh.png');
}

/* ID 5: er - slightly rounded */
.avatar-mouth.mouth-er[b-q92nm99tqe] {
	background: 
		radial-gradient(ellipse 30px 11px at center, 
			rgba(55,20,20,0.9) 0%, 
			rgba(0,0,0,0.8) 35%,
			transparent 100%),
		radial-gradient(ellipse 35px 14px at center, 
			rgba(200,100,100,0.3) 50%, 
			transparent 100%);
	border-radius: 50%;
	background-image: url('/images/mouths/default/mouth-5-er.png');
}

/* ID 6: y/iy/ih/ix - narrow open with teeth hint */
.avatar-mouth.mouth-y-iy-ih-ix[b-q92nm99tqe] {
	background: 
		radial-gradient(ellipse 30px 9px at center, 
			rgba(45,15,15,0.85) 0%, 
			rgba(0,0,0,0.75) 30%,
			transparent 100%),
		radial-gradient(ellipse 35px 6px at center top 8px, 
			rgba(255,255,255,0.15) 0%, 
			transparent 70%),
		radial-gradient(ellipse 35px 12px at center, 
			rgba(200,100,100,0.25) 45%, 
			transparent 100%);
	border-radius: 50%;
	background-image: url('/images/mouths/default/mouth-6-y-iy-ih-ix.png');
}

/* ID 7: w/uw - very rounded kiss shape with 3D lip effect */
.avatar-mouth.mouth-w-uw[b-q92nm99tqe] {
	background: 
		radial-gradient(circle 14px at center, 
			rgba(70,25,25,0.95) 0%, 
			rgba(0,0,0,0.9) 35%,
			transparent 100%),
		radial-gradient(circle 18px at center, 
			rgba(200,100,100,0.6) 40%, 
			rgba(200,100,100,0.35) 70%,
			transparent 100%);
	border-radius: 50%;
	box-shadow: 
		inset 0 2px 4px rgba(0,0,0,0.25),
		0 1px 3px rgba(200,100,100,0.3),
		0 0 0 1px rgba(200,100,100,0.2);
	background-image: url('/images/mouths/default/mouth-7-w-uw.png');
}

/* ID 8: ow - rounded medium */
.avatar-mouth.mouth-ow[b-q92nm99tqe] {
	background: 
		radial-gradient(circle 20px at center, 
			rgba(65,22,22,0.95) 0%, 
			rgba(0,0,0,0.85) 35%,
			transparent 100%),
		radial-gradient(circle 24px at center, 
			rgba(200,100,100,0.45) 50%, 
			rgba(200,100,100,0.2) 75%,
			transparent 100%);
	border-radius: 50%;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	background-image: url('/images/mouths/default/mouth-8-ow.png');
}

/* ID 9: aw - wide rounded */
.avatar-mouth.mouth-aw[b-q92nm99tqe] {
	background: 
		radial-gradient(ellipse 40px 18px at center, 
			rgba(75,28,28,0.95) 0%, 
			rgba(0,0,0,0.9) 40%,
			transparent 100%),
		radial-gradient(ellipse 45px 22px at center, 
			rgba(200,100,100,0.4) 55%, 
			rgba(200,100,100,0.2) 75%,
			transparent 100%);
	border-radius: 50%;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.25);
	background-image: url('/images/mouths/default/mouth-9-aw.png');
}

/* ID 10: oy - medium rounded */
.avatar-mouth.mouth-oy[b-q92nm99tqe] {
	background: 
		radial-gradient(circle 16px at center, 
			rgba(60,22,22,0.9) 0%, 
			rgba(0,0,0,0.85) 35%,
			transparent 100%),
		radial-gradient(circle 20px at center, 
			rgba(200,100,100,0.4) 50%, 
			transparent 100%);
	border-radius: 50%;
	background-image: url('/images/mouths/default/mouth-10-oy.png');
}

/* ID 11: ay - wide medium with slight teeth */
.avatar-mouth.mouth-ay[b-q92nm99tqe] {
	background: 
		radial-gradient(ellipse 37px 14px at center, 
			rgba(55,20,20,0.9) 0%, 
			rgba(0,0,0,0.8) 35%,
			transparent 100%),
		radial-gradient(ellipse 40px 6px at center top 5px, 
			rgba(255,255,255,0.12) 0%, 
			transparent 70%),
		radial-gradient(ellipse 42px 18px at center, 
			rgba(200,100,100,0.3) 50%, 
			transparent 100%);
	border-radius: 50%;
	background-image: url('/images/mouths/default/mouth-11-ay.png');
}

/* ID 12: h - slightly open */
.avatar-mouth.mouth-h[b-q92nm99tqe] {
	background: 
		radial-gradient(ellipse 33px 8px at center, 
			rgba(45,15,15,0.8) 0%, 
			rgba(0,0,0,0.7) 30%,
			transparent 100%),
		radial-gradient(ellipse 38px 10px at center, 
			rgba(200,100,100,0.25) 45%, 
			transparent 100%);
	border-radius: 50%;
	background-image: url('/images/mouths/default/mouth-12-h.png');
}

/* ID 13: r - slightly rounded */
.avatar-mouth.mouth-r[b-q92nm99tqe] {
	background: 
		radial-gradient(ellipse 31px 11px at center, 
			rgba(52,18,18,0.9) 0%, 
			rgba(0,0,0,0.8) 32%,
			transparent 100%),
		radial-gradient(ellipse 36px 14px at center, 
			rgba(200,100,100,0.3) 48%, 
			transparent 100%);
	border-radius: 50%;
	background-image: url('/images/mouths/default/mouth-13-r.png');
}

/* ID 14: l - narrow with tongue tip */
.avatar-mouth.mouth-l[b-q92nm99tqe] {
	background: 
		radial-gradient(ellipse 27px 8px at center, 
			rgba(40,13,13,0.8) 0%, 
			rgba(0,0,0,0.75) 28%,
			transparent 100%),
		radial-gradient(ellipse 32px 10px at center, 
			rgba(200,100,100,0.25) 42%, 
			transparent 100%);
	border-radius: 50%;
	background-image: url('/images/mouths/default/mouth-14-l.png');
}

/* Add tongue tip for "l" sound */
.avatar-mouth.mouth-l[b-q92nm99tqe]::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 50%;
	transform: translateX(-50%);
	width: 20px;
	height: 6px;
	background: 
		radial-gradient(ellipse 20px 6px at center, 
			rgba(255, 180, 190, 0.85) 0%, 
			rgba(255, 160, 170, 0.7) 50%,
			transparent 100%);
	border-radius: 45% 45% 0 0;
	z-index: 1;
}

/* ID 15: s/z - narrow slit with teeth */
.avatar-mouth.mouth-s-z[b-q92nm99tqe] {
	background: 
		radial-gradient(ellipse 33px 3px at center, 
			rgba(35,10,10,0.85) 0%, 
			rgba(0,0,0,0.75) 25%,
			transparent 100%),
		radial-gradient(ellipse 38px 5px at center top 2px, 
			rgba(255,255,255,0.2) 0%, 
			transparent 65%),
		radial-gradient(ellipse 38px 4px at center, 
			rgba(200,100,100,0.2) 35%, 
			transparent 100%);
	border-radius: 50%;
	background-image: url('/images/mouths/default/mouth-15-s-z.png');
}

/* ID 16: sh/ch/jh/zh - protruded rounded */
.avatar-mouth.mouth-sh-ch-jh-zh[b-q92nm99tqe] {
	background: 
		radial-gradient(circle 12px at center, 
			rgba(65,22,22,0.95) 0%, 
			rgba(0,0,0,0.9) 32%,
			transparent 100%),
		radial-gradient(circle 16px at center, 
			rgba(200,100,100,0.55) 45%, 
			rgba(200,100,100,0.3) 70%,
			transparent 100%);
	border-radius: 50%;
	transform: translateX(-50%) translateY(-2px);
	box-shadow: 
		inset 0 2px 3px rgba(0,0,0,0.3),
		0 1px 2px rgba(200,100,100,0.25);
	background-image: url('/images/mouths/default/mouth-16-sh-ch-jh-zh.png');
}

/* ID 17: th/dh - with tongue between teeth */
.avatar-mouth.mouth-th-dh[b-q92nm99tqe] {
	background: 
		radial-gradient(ellipse 35px 6px at center, 
			rgba(40,12,12,0.8) 0%, 
			rgba(0,0,0,0.7) 28%,
			transparent 100%),
		radial-gradient(ellipse 40px 8px at center, 
			rgba(200,100,100,0.25) 40%, 
			transparent 100%);
	border-radius: 50%;
	background-image: url('/images/mouths/default/mouth-17-th-dh.png');
}

/* Add tongue tip for "th" sound */
.avatar-mouth.mouth-th-dh[b-q92nm99tqe]::before {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
	width: 25px;
	height: 7px;
	background: 
		radial-gradient(ellipse 25px 7px at center, 
			rgba(255, 180, 190, 0.9) 0%, 
			rgba(255, 160, 170, 0.75) 55%,
			transparent 100%);
	border-radius: 50% 50% 0 0;
	z-index: 1;
}

/* ID 18: f/v - upper teeth on lower lip */
.avatar-mouth.mouth-f-v[b-q92nm99tqe] {
	background: 
		linear-gradient(to bottom, 
			transparent 40%, 
			rgba(0,0,0,0.8) 40%, 
			rgba(0,0,0,0.8) 60%, 
			transparent 60%),
		linear-gradient(to bottom,
			transparent 35%,
			rgba(200,100,100,0.3) 35%,
			rgba(200,100,100,0.3) 65%,
			transparent 65%);
	width: 45px;
	height: 20px;
	background-image: url('/images/mouths/default/mouth-18-f-v.png');
}

/* Add upper teeth for "f/v" sound */
.avatar-mouth.mouth-f-v[b-q92nm99tqe]::after {
	content: '';
	position: absolute;
	top: 2px;
	left: 50%;
	transform: translateX(-50%);
	width: 35px;
	height: 4px;
	background: 
		linear-gradient(to bottom,
			rgba(255,255,255,0.85) 0%,
			rgba(255,255,255,0.7) 50%,
			rgba(255,255,255,0.5) 100%);
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	z-index: 2;
}

/* ID 19: d/t/n - teeth together */
.avatar-mouth.mouth-d-t-n[b-q92nm99tqe] {
	background: 
		radial-gradient(ellipse 31px 4px at center, 
			rgba(35,10,10,0.85) 0%, 
			rgba(0,0,0,0.75) 22%,
			transparent 100%),
		radial-gradient(ellipse 36px 5px at center top 1px, 
			rgba(255,255,255,0.18) 0%, 
			transparent 60%),
		radial-gradient(ellipse 36px 6px at center, 
			rgba(200,100,100,0.22) 32%, 
			transparent 100%);
	border-radius: 50%;
	background-image: url('/images/mouths/default/mouth-19-d-t-n.png');
}

/* ID 20: k/g/ng - medium open */
.avatar-mouth.mouth-k-g-ng[b-q92nm99tqe] {
	background: 
		radial-gradient(ellipse 33px 13px at center, 
			rgba(58,20,20,0.9) 0%, 
			rgba(0,0,0,0.82) 33%,
			transparent 100%),
		radial-gradient(ellipse 38px 16px at center, 
			rgba(200,100,100,0.3) 48%, 
			transparent 100%);
	border-radius: 50%;
	background-image: url('/images/mouths/default/mouth-20-k-g-ng.png');
}

/* ID 21: p/b/m - lips pressed together */
.avatar-mouth.mouth-p-b-m[b-q92nm99tqe] {
	background: 
		linear-gradient(to bottom, 
			transparent 43%, 
			rgba(0,0,0,0.8) 43%, 
			rgba(0,0,0,0.8) 57%, 
			transparent 57%),
		linear-gradient(to bottom,
			transparent 40%,
			rgba(200,100,100,0.5) 40%,
			rgba(200,100,100,0.55) 50%,
			rgba(200,100,100,0.5) 60%,
			transparent 60%);
	width: 50px;
	height: 15px;
	border-radius: 50%;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
	background-image: url('/images/mouths/default/mouth-21-p-b-m.png');
}

/* Retina / High-DPI support */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.avatar-mouth.mouth-silence[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-0-silence.png'); }
	.avatar-mouth.mouth-ae-ax-ah[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-1-ae-ax-ah.png'); }
	.avatar-mouth.mouth-aa[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-2-aa.png'); }
	.avatar-mouth.mouth-ao[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-3-ao.png'); }
	.avatar-mouth.mouth-ey-eh-uh[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-4-ey-eh-uh.png'); }
	.avatar-mouth.mouth-er[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-5-er.png'); }
	.avatar-mouth.mouth-y-iy-ih-ix[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-6-y-iy-ih-ix.png'); }
	.avatar-mouth.mouth-w-uw[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-7-w-uw.png'); }
	.avatar-mouth.mouth-ow[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-8-ow.png'); }
	.avatar-mouth.mouth-aw[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-9-aw.png'); }
	.avatar-mouth.mouth-oy[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-10-oy.png'); }
	.avatar-mouth.mouth-ay[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-11-ay.png'); }
	.avatar-mouth.mouth-h[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-12-h.png'); }
	.avatar-mouth.mouth-r[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-13-r.png'); }
	.avatar-mouth.mouth-l[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-14-l.png'); }
	.avatar-mouth.mouth-s-z[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-15-s-z.png'); }
	.avatar-mouth.mouth-sh-ch-jh-zh[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-16-sh-ch-jh-zh.png'); }
	.avatar-mouth.mouth-th-dh[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-17-th-dh.png'); }
	.avatar-mouth.mouth-f-v[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-18-f-v.png'); }
	.avatar-mouth.mouth-d-t-n[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-19-d-t-n.png'); }
	.avatar-mouth.mouth-k-g-ng[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-20-k-g-ng.png'); }
	.avatar-mouth.mouth-p-b-m[b-q92nm99tqe] { background-image: url('/images/mouths/default@2x/mouth-21-p-b-m.png'); }
}

/* Lip-Sync Video Display (Legacy) */
.lip-sync-video[b-q92nm99tqe] {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--neutral-layer-3);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
	animation: videoAppear-b-q92nm99tqe 0.5s ease-out;
}

@keyframes videoAppear-b-q92nm99tqe {
	from {
		opacity: 0;
		transform: scale(0.8);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}