/* public/app/css/llm-config-tabs.css
 * Synopsis: Styles onglets Cloud/Local.
 * Objectif: Structurer la modale et les notes de section.
 */

.dash .llm-modes-note,
.dash .dash-rail-note {
    color: var(--dash-muted);
    font-size: .78rem;
    line-height: 1.35;
    margin: .1rem 0 0;
}

.dash .llm-config-tabs {
    display: grid;
    gap: .45rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.dash .llm-tab {
    background: var(--dash-elev2);
    border: 1px solid var(--dash-line);
    border-radius: var(--dash-radius);
    color: var(--dash-muted);
    cursor: pointer;
    font-size: .95rem;
    font-weight: 600;
    line-height: 1.2;
    min-height: 2.65rem;
    padding: .55rem .6rem;
    text-align: center;
}

.dash .llm-tab[aria-selected="true"] {
    background: color-mix(in srgb, var(--dash-accent) 18%, var(--dash-elev2));
    border-color: color-mix(in srgb, var(--dash-accent) 55%, transparent);
    color: var(--dash-text);
    font-weight: 700;
}

.dash .llm-config-pane[hidden] {
    display: none;
}

.dash .llm-config-local-placeholder {
    color: var(--dash-text);
    font-size: .95rem;
    line-height: 1.5;
    margin: 0;
}