/* public/app/css/dash-source-rail.css
 * Synopsis: Curseur source reformulation cloud.
 * Objectif: Colonne verticale alignée aux onglets modes.
 */

.dash .dash-mode-refresh {
    align-self: stretch;
    font-size: 1.05rem;
    line-height: 1;
    min-height: 2.55rem;
    min-width: 2.2rem;
    padding: 0;
}

.dash .dash-mode-refresh--pad {
    min-height: 2.55rem;
    min-width: 2.2rem;
    pointer-events: none;
    visibility: hidden;
}

.dash .dash-source-pick {
    align-self: stretch;
    background: var(--dash-elev2);
    border: 1px solid var(--dash-line);
    border-radius: var(--dash-radius);
    cursor: pointer;
    min-height: 2.55rem;
    padding: 0;
    position: relative;
    transition: border-color .18s ease, box-shadow .18s ease;
    width: 1.65rem;
}

.dash .dash-source-pick:hover:not(:disabled) {
    border-color: color-mix(in srgb, var(--dash-accent) 35%, transparent);
}

.dash .dash-source-pick:disabled,
.dash .dash-source-pick[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: .38;
    pointer-events: none;
}

.dash .dash-source-pick[aria-pressed="true"] {
    border-color: color-mix(in srgb, var(--dash-accent) 60%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dash-accent) 25%, transparent);
}

.dash .dash-source-pick[aria-pressed="true"]::after {
    animation: dash-source-glow 1.6s ease-in-out infinite;
    background: var(--dash-accent);
    border-radius: 2px;
    box-shadow: 0 0 10px color-mix(in srgb, var(--dash-accent) 70%, transparent);
    content: "";
    height: 62%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
}

@keyframes dash-source-glow {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: .55;
    }
}