/* public/app/css/badge-modal.css
 * Synopsis: Modale connexion badge générique.
 * Objectif: Formulaire Free / Pro aligné aux modales.
 */

.badge-modal {
    align-items: center;
    background: color-mix(in srgb, var(--ink) 42%, transparent);
    display: flex;
    inset: 0;
    justify-content: center;
    position: fixed;
    z-index: 80;
}

.badge-modal[hidden] {
    display: none;
}

.badge-modal-box {
    background: var(--paper, #fff);
    border: 2px solid currentColor;
    color: var(--ink, #111);
    display: flex;
    flex-direction: column;
    gap: .65rem;
    max-width: 28rem;
    padding: 1.25rem;
    width: min(92vw, 28rem);
}

.badge-modal-box h2 {
    font-family: var(--body);
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.25;
    margin: 0;
}

.badge-modal-box label {
    font-size: .85rem;
    font-weight: 700;
}

.badge-modal-box input[type="email"],
.badge-modal-box input[type="text"] {
    border: 1px solid color-mix(in srgb, currentColor 35%, transparent);
    padding: .55rem .65rem;
    width: 100%;
}

.badge-modal-lead,
.badge-modal-help,
.badge-modal-result {
    font-size: .9rem;
    line-height: 1.35;
    margin: 0;
}

.badge-modal-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .35rem;
}

.dash-badge-link {
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-size: .78rem;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 2px;
}