/*
 * Estilos del asistente «Calcular cuota» (pasos, opciones y campos) que vivían en el CSS de todo el sitio
 * (resources/css/app.css del núcleo). Inspección de políticas N10 (núcleo 2.0.4.81). CSS simple, sin compilar; en
 * @layer components, como estaban.
 */
@layer components {
    .iw-credit-step--todo {
        border-color: var(--iw-sf-box);
        background: #fff;
        color: var(--iw-sf-muted);
    }
    .iw-credit-step--current {
        border-color: var(--iw-sf-accent);
        background: var(--iw-sf-accent-soft);
        color: var(--iw-sf-text);
    }
    .iw-credit-step--done {
        border-color: var(--iw-sf-accent);
        background: var(--iw-sf-accent);
        color: #fff;
    }
    .iw-credit-step-line {
        background: var(--iw-sf-box);
    }
    .iw-credit-step-line--done {
        background: var(--iw-sf-accent);
    }
    .iw-credit-choice {
        border: 1px solid var(--iw-sf-box);
        background: #fff;
        color: var(--iw-sf-text);
        transition: border-color 0.15s ease, background-color 0.15s ease;
    }
    .iw-credit-choice:hover {
        border-color: var(--iw-sf-muted);
    }
    .iw-credit-choice--selected,
    .iw-credit-choice--selected:hover {
        border-color: var(--iw-sf-accent);
        background: var(--iw-sf-accent-soft);
        box-shadow: inset 0 0 0 1px var(--iw-sf-accent);
    }
    .iw-credit-choice:focus-visible {
        outline: 2px solid var(--iw-sf-accent);
        outline-offset: 2px;
    }
    .iw-credit-input:focus {
        --tw-ring-color: transparent;
        box-shadow: none;
        border-color: var(--iw-sf-accent);
        outline: none;
    }
}