/*
 * LiveChat - Self-hosted PHP live-chat solution
 *
 * LiveChat is a self-hosted PHP live-chat solution, deployable on cPanel
 * and compliant with Quebec Loi 25.
 *
 * Author      : Astral Internet
 * Contributor : Daniel Berthiaume
 *
 * ----
 * File description
 * Mosparo module styles, kept inside the module for full third-party independence. Imported by
 * the mosparo-widget Stimulus controller (present wherever the box renders) so it ships with the
 * module rather than the core CSS.
 */

.mosparo-box {
    margin: 8px 0;
    min-height: 60px;
    max-width: 420px;
}

.mosparo-activate-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    max-width: 420px;
}

.mosparo-activate-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.mosparo-activate-field label {
    font-size: var(--lc-text-sm);
    font-weight: 600;
}

.mosparo-activate-field input[type="text"] {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--lc-border, #d0d7de);
    border-radius: 6px;
    font: inherit;
}

.mosparo-activate-field .admin-help {
    margin: 0;
}

.mosparo-activate-state {
    margin: 8px 0 12px;
    font-size: var(--lc-text-sm);
    font-weight: 600;
}

.mosparo-activate-state.is-ok {
    color: var(--lc-success, #1a7f37);
}

.mosparo-activate-state.is-warn {
    color: var(--lc-muted);
    font-weight: 400;
}