/* ============================================================
   Kara-Link — Page d'activation [nqm_configure]
   Refonte 1.1 : chargée après nqm-style.css, tout est scopé
   sous #nqm-configure pour neutraliser les styles du thème.
   ============================================================ */

#nqm-configure {
    --c-ink:      #141414;
    --c-ink-2:    #1f2326;
    --c-cyan:     #29b6d8;
    --c-cyan-txt: #0f7590;          /* cyan lisible sur blanc (AA) */
    --c-cyan-bg:  #eaf7fb;
    --c-paper:    #ffffff;
    --c-mist:     #f3f6f7;
    --c-line:     #dde3e6;
    --c-muted:    #5c666d;
    --c-ok:       #138a4a;
    --c-ok-bg:    #ecf8f1;
    --c-err:      #c62828;
    --c-err-bg:   #fdeeee;
    --r-lg: 20px;
    --r-md: 12px;
    --r-sm: 8px;
    --focus: 0 0 0 3px rgba(41,182,216,.35);

    max-width: 560px !important;
    margin: 24px auto !important;
    padding: 0 0 48px !important;
    font-family: 'DM Sans', system-ui, -apple-system, sans-serif !important;
    font-size: 15px;
    line-height: 1.5;
    color: var(--c-ink) !important;
    -webkit-font-smoothing: antialiased;
}
#nqm-configure *,
#nqm-configure *::before,
#nqm-configure *::after { box-sizing: border-box; }
#nqm-configure [hidden],
#nqm-configure .hidden { display: none !important; }

/* ── En-tête ─────────────────────────────────────────────── */
#nqm-configure .nqm-header {
    background: var(--c-ink);
    border-radius: var(--r-lg) var(--r-lg) 0 0;
    padding: 32px 32px 28px;
    text-align: left;
    overflow: hidden;
    position: relative;
}
#nqm-configure .nqm-header::before { display: none; }
/* Ondes NFC : le seul élément décoratif de la page */
#nqm-configure .nqm-header::after {
    content: '';
    position: absolute;
    top: 50%; right: -46px; left: auto;
    width: 180px; height: 180px;
    transform: translateY(-50%);
    border-radius: 50%;
    background:
        radial-gradient(circle, transparent 38px, rgba(41,182,216,.55) 39px, rgba(41,182,216,.55) 42px, transparent 43px),
        radial-gradient(circle, transparent 58px, rgba(41,182,216,.32) 59px, rgba(41,182,216,.32) 62px, transparent 63px),
        radial-gradient(circle, transparent 78px, rgba(41,182,216,.16) 79px, rgba(41,182,216,.16) 82px, transparent 83px);
    -webkit-mask: linear-gradient(90deg, #000 50%, transparent 50%);
            mask: linear-gradient(90deg, #000 50%, transparent 50%);
    pointer-events: none;
}
#nqm-configure .nqm-header-logo {
    justify-content: flex-start;
    margin: 0 0 22px;
}
#nqm-configure .nqm-header-logo-img { max-height: 32px; }
#nqm-configure .nqm-header-logo-name {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--c-cyan);
}
#nqm-configure .nqm-header h2 {
    font-family: inherit !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -.6px !important;
    margin: 0 0 6px !important;
    color: #fff !important;
    max-width: 75%;
}
#nqm-configure .nqm-subhead {
    font-size: 15px !important;
    color: rgba(255,255,255,.66) !important;
    max-width: 75%;
}

/* ── Progression : segments ─────────────────────────────── */
#nqm-configure .nqm-progress-wrap {
    background: var(--c-ink);
    padding: 0 32px 24px;
    border-top: 1px solid rgba(255,255,255,.08);
}
#nqm-configure .nqm-progress-wrap::after,
#nqm-configure .nqm-progress-track { display: none; }
#nqm-configure .nqm-step-dots {
    display: flex;
    gap: 8px;
    justify-content: stretch;
    padding-top: 20px;
}
#nqm-configure .nqm-dot-line { display: none; }
#nqm-configure .nqm-dot {
    flex: 1;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}
#nqm-configure .nqm-dot-circle {
    width: 100%;
    height: 4px;
    border-radius: 99px;
    border: 0;
    font-size: 0;
    color: transparent;
    background: rgba(255,255,255,.14);
    box-shadow: none;
    transition: background .3s;
}
#nqm-configure .nqm-dot.active .nqm-dot-circle { background: var(--c-cyan); box-shadow: none; }
#nqm-configure .nqm-dot.done   .nqm-dot-circle { background: rgba(41,182,216,.5); }
#nqm-configure .nqm-dot.done .nqm-dot-circle::after { content: none; }
#nqm-configure .nqm-dot small {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    color: rgba(255,255,255,.45);
}
#nqm-configure .nqm-dot.active small { color: #fff; font-weight: 600; }
#nqm-configure .nqm-dot.done small   { color: rgba(255,255,255,.7); }

/* ── Étapes ──────────────────────────────────────────────── */
#nqm-configure .nqm-step {
    background: var(--c-paper);
    border: 1px solid var(--c-line);
    border-top: 0;
    border-radius: 0 0 var(--r-lg) var(--r-lg);
    padding: 28px 32px 32px;
    animation: none;
}
#nqm-configure .nqm-step-header {
    display: block;
    margin: 0 0 24px;
    padding: 0;
    border: 0;
}
#nqm-configure .nqm-step-num { display: none; }
#nqm-configure .nqm-step-header h3 {
    font-family: inherit !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    letter-spacing: -.3px;
    margin: 0 0 4px !important;
    color: var(--c-ink) !important;
}
#nqm-configure .nqm-step-header p {
    font-size: 15px;
    color: var(--c-muted) !important;
    margin: 0;
}

/* ── Champs ──────────────────────────────────────────────── */
#nqm-configure .nqm-field { margin: 0 0 20px; }
#nqm-configure .nqm-field label,
#nqm-configure .nqm-gfield-label {
    display: block;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: var(--c-ink) !important;
    margin: 0 0 8px !important;
}
#nqm-configure .nqm-req { color: var(--c-cyan-txt); }
#nqm-configure .nqm-hint-inline { color: var(--c-muted); font-weight: 400; font-size: 14px; }

#nqm-configure .nqm-field input[type="text"],
#nqm-configure .nqm-field input[type="email"],
#nqm-configure .nqm-field input[type="password"],
#nqm-configure .nqm-field input[type="tel"],
#nqm-configure .nqm-field input[type="url"],
#nqm-configure .nqm-field select {
    width: 100%;
    height: 52px;
    padding: 0 16px !important;
    font: inherit !important;
    font-size: 16px !important;              /* évite le zoom iOS */
    color: var(--c-ink) !important;
    background: var(--c-paper) !important;
    border: 1.5px solid var(--c-line) !important;
    border-radius: var(--r-md) !important;
    box-shadow: none !important;
    transform: none !important;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
}
#nqm-configure .nqm-field input::placeholder,
#nqm-configure .nqm-gfield input::placeholder { color: #98a2a8 !important; opacity: 1 !important; }
#nqm-configure .nqm-field input:hover,
#nqm-configure .nqm-field select:hover { border-color: #b9c3c8 !important; }
#nqm-configure .nqm-field input:focus,
#nqm-configure .nqm-field select:focus {
    border-color: var(--c-cyan) !important;
    box-shadow: var(--focus) !important;
    transform: none !important;
}
#nqm-configure #nqm-activation-code {
    height: 64px;
    font-family: ui-monospace, 'SF Mono', Menlo, monospace !important;
    font-size: 26px !important;
    letter-spacing: 6px;
}
#nqm-configure .nqm-hint-text {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    font-style: normal;
    color: var(--c-muted);
}
#nqm-configure .nqm-field-row { display: flex; gap: 12px; }
#nqm-configure .nqm-section-label {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    color: var(--c-ink);
    margin: 28px 0 14px;
}
#nqm-configure .nqm-section-label:first-child { margin-top: 0; }
#nqm-configure .nqm-section-label::after { background: var(--c-line); }

#nqm-configure .nqm-phone-wrap {
    border: 1.5px solid var(--c-line) !important;
    border-radius: var(--r-md);
    height: 52px;
}
#nqm-configure .nqm-phone-wrap:focus-within { border-color: var(--c-cyan) !important; box-shadow: var(--focus) !important; }
#nqm-configure .nqm-phone-flag { height: 100%; display: flex; align-items: center; padding: 0 14px; color: var(--c-muted); background: var(--c-mist); }
#nqm-configure .nqm-phone-wrap input { height: 100% !important; border: 0 !important; box-shadow: none !important; }
#nqm-configure .nqm-eye { color: var(--c-muted); }
#nqm-configure .nqm-select-wrap::after { color: var(--c-muted); }
#nqm-configure .nqm-checkmark { border: 1.5px solid #b9c3c8; border-radius: 6px; }
#nqm-configure .nqm-custom-checkbox input:checked ~ .nqm-checkmark { background: var(--c-ink); border-color: var(--c-ink); box-shadow: none; }
#nqm-configure .nqm-checkbox-row a { color: var(--c-cyan-txt) !important; }

/* ── Réseau associé ─────────────────────────────────────── */
#nqm-configure .nqm-locked-network {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    margin: 0 0 24px;
    background: var(--c-mist);
    border: 0;
    border-radius: var(--r-md);
    box-shadow: none;
}
#nqm-configure .nqm-locked-network::after { display: none; }
#nqm-configure .nqm-locked-icon { font-size: 20px; }
#nqm-configure .nqm-locked-info strong { font-size: 15px; color: var(--c-ink); }
#nqm-configure .nqm-locked-info span { font-size: 13px; color: var(--c-muted); }
#nqm-configure .nqm-locked-badge {
    margin-left: auto;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: var(--c-muted);
    background: #fff;
    border: 1px solid var(--c-line);
    border-radius: 99px;
}

/* ── Champ Google unique ─────────────────────────────────── */
#nqm-configure .nqm-gfield { position: relative; margin: 0 0 16px; }
#nqm-configure .nqm-gfield-box { position: relative; }
#nqm-configure #nqm-places-search {
    width: 100%;
    height: 60px;
    padding: 0 48px 0 52px !important;
    font: inherit !important;
    font-size: 16px !important;
    color: var(--c-ink) !important;
    background: var(--c-paper) !important;
    border: 2px solid var(--c-ink) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
}
#nqm-configure #nqm-places-search:focus { border-color: var(--c-cyan) !important; box-shadow: var(--focus) !important; }
#nqm-configure .nqm-gfield-icon {
    position: absolute;
    left: 18px; top: 50%;
    transform: translateY(-50%);
    display: flex;
    color: var(--c-muted);
    pointer-events: none;
    transition: opacity .15s;
}
#nqm-configure .nqm-gfield-icon-link { opacity: 0; color: var(--c-cyan-txt); }
#nqm-configure .nqm-gfield[data-state="invalid"] .nqm-gfield-icon-search { opacity: 0; }
#nqm-configure .nqm-gfield[data-state="invalid"] .nqm-gfield-icon-link { opacity: 1; color: var(--c-err); }
#nqm-configure .nqm-gfield[data-state="invalid"] #nqm-places-search { border-color: var(--c-err) !important; }
#nqm-configure .nqm-gfield-hint {
    margin: 8px 0 0;
    font-size: 13px;
    color: var(--c-muted);
}
#nqm-configure .nqm-gfield[data-state="invalid"] .nqm-gfield-hint,
#nqm-configure .nqm-gfield[data-state="empty"] .nqm-gfield-hint { color: var(--c-err); }

#nqm-configure .nqm-spinner {
    position: absolute;
    right: 18px; top: 50%;
    width: 18px; height: 18px;
    margin-top: -9px;
    border: 2px solid var(--c-line);
    border-top-color: var(--c-cyan);
    border-radius: 50%;
    animation: nqm-spin .7s linear infinite;
}
@keyframes nqm-spin { to { transform: rotate(360deg); } }

#nqm-configure .nqm-places-results {
    position: absolute;
    z-index: 30;
    left: 0; right: 0; top: 66px;
    max-height: 320px;
    overflow-y: auto;
    padding: 6px;
    margin: 0;
    background: var(--c-paper);
    border: 1px solid var(--c-line);
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(20,20,20,.14);
}
#nqm-configure .nqm-place-item {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 10px 12px !important;
    margin: 0 !important;
    text-align: left;
    font: inherit !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: var(--r-sm) !important;
    box-shadow: none !important;
    color: var(--c-ink) !important;
    text-transform: none !important;
    cursor: pointer;
}
#nqm-configure .nqm-place-item:hover,
#nqm-configure .nqm-place-item:focus { background: var(--c-cyan-bg) !important; outline: none; }
#nqm-configure .nqm-place-item strong { font-size: 15px; font-weight: 600; }
#nqm-configure .nqm-place-item span { font-size: 13px; color: var(--c-muted); }

/* Établissement confirmé */
#nqm-configure .nqm-place-selected { margin: 0 0 16px; }
#nqm-configure .nqm-place-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    background: var(--c-ok-bg);
    border: 1.5px solid rgba(19,138,74,.35);
    border-radius: 14px;
    box-shadow: none;
}
#nqm-configure .nqm-place-card-icon {
    flex: 0 0 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    color: #fff;
    background: var(--c-ok);
    border-radius: 50%;
}
#nqm-configure .nqm-place-card-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
#nqm-configure .nqm-place-card-info strong { font-size: 16px; font-weight: 700; color: var(--c-ink); }
#nqm-configure .nqm-place-card-info span {
    font-size: 13px;
    color: var(--c-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#nqm-configure .nqm-place-rating:empty { display: none; }
#nqm-configure .nqm-place-rating { color: #8a5a00 !important; font-weight: 600; }
#nqm-configure .nqm-place-test {
    display: inline-block;
    margin: 10px 0 0 4px;
    font-size: 14px;
    font-weight: 600;
    color: var(--c-cyan-txt) !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

#nqm-configure .nqm-place-change {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 0 14px !important;
    font: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: var(--c-ink) !important;
    background: #fff !important;
    border: 1.5px solid var(--c-line) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    cursor: pointer;
}
#nqm-configure .nqm-place-change:hover { border-color: #b9c3c8 !important; }
#nqm-configure .nqm-eye {
    padding: 4px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
}

/* ── Volets d'aide ───────────────────────────────────────── */
#nqm-configure .nqm-disclosure {
    margin: 0 0 8px;
    border: 1px solid var(--c-line);
    border-radius: var(--r-md);
    background: var(--c-paper);
}
#nqm-configure .nqm-disclosure > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    font-size: 14px;
    font-weight: 600;
    color: var(--c-ink);
    list-style: none;
    cursor: pointer;
    border-radius: var(--r-md);
}
#nqm-configure .nqm-disclosure > summary::-webkit-details-marker { display: none; }
#nqm-configure .nqm-disclosure > summary::after {
    content: '';
    flex: 0 0 16px;
    width: 16px; height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c666d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
    transition: transform .2s;
}
#nqm-configure .nqm-disclosure[open] > summary::after { transform: rotate(180deg); }
#nqm-configure .nqm-disclosure > summary:hover { background: var(--c-mist); }
#nqm-configure .nqm-disclosure-body { padding: 4px 16px 16px; font-size: 14px; color: var(--c-ink-2); }
#nqm-configure .nqm-disclosure-body a { color: var(--c-cyan-txt) !important; font-weight: 600; }
#nqm-configure .nqm-disclosure-body code {
    font-size: 12px;
    padding: 1px 5px;
    background: var(--c-mist);
    border-radius: 4px;
    word-break: break-all;
}
#nqm-configure .nqm-howto { counter-reset: howto; list-style: none; margin: 0 0 14px; padding: 0; }
#nqm-configure .nqm-howto li {
    counter-increment: howto;
    position: relative;
    padding: 0 0 12px 36px;
    margin: 0;
}
#nqm-configure .nqm-howto li::before {
    content: counter(howto);
    position: absolute;
    left: 0; top: 0;
    width: 24px; height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background: var(--c-ink);
    border-radius: 50%;
}
#nqm-configure .nqm-howto li strong { display: block; font-size: 14px; }
#nqm-configure .nqm-howto li span { display: block; font-size: 13px; color: var(--c-muted); }
#nqm-configure .nqm-faq p { margin: 0 0 10px; }
#nqm-configure .nqm-faq p:last-child { margin: 0; }
#nqm-configure .nqm-link-btn {
    display: inline-flex;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    color: var(--c-ink) !important;
    background: var(--c-mist);
    border-radius: var(--r-sm);
}
#nqm-configure .nqm-link-btn:hover { background: var(--c-line); }

/* Ancien bloc d'aide/tuto (au cas où un cache servirait l'ancien HTML) */
#nqm-configure .nqm-google-tuto,
#nqm-configure .nqm-help-section,
#nqm-configure .nqm-google-manual-field { display: none !important; }

/* ── Choix du réseau (plaques libres) ───────────────────── */
#nqm-configure .nqm-networks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 20px; }
#nqm-configure .nqm-network-btn {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 14px 8px !important;
    font: inherit !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    color: var(--c-ink) !important;
    background: var(--c-paper) !important;
    border: 1.5px solid var(--c-line) !important;
    border-radius: var(--r-md) !important;
    box-shadow: none !important;
}
#nqm-configure .nqm-network-btn:hover { border-color: #b9c3c8 !important; }
#nqm-configure .nqm-network-btn.selected { border-color: var(--c-ink) !important; background: var(--c-mist) !important; }
#nqm-configure .nqm-input-group { display: flex; }
#nqm-configure .nqm-prefix {
    display: flex;
    align-items: center;
    padding: 0 12px;
    font-size: 13px;
    color: var(--c-muted);
    background: var(--c-mist);
    border: 1.5px solid var(--c-line);
    border-right: 0;
    border-radius: var(--r-md) 0 0 var(--r-md);
    white-space: nowrap;
}
#nqm-configure .nqm-prefix:empty { display: none; }
#nqm-configure .nqm-prefix + input { border-radius: 0 var(--r-md) var(--r-md) 0 !important; }
#nqm-configure .nqm-preview {
    margin-top: 8px;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 500;
    color: var(--c-cyan-txt);
    background: var(--c-cyan-bg);
    border: 0;
    border-radius: var(--r-sm);
}

/* ── Messages ───────────────────────────────────────────── */
#nqm-configure .nqm-msg { display: none; margin: 0 0 16px; padding: 12px 14px; font-size: 14px; border-radius: var(--r-md); }
#nqm-configure .nqm-msg.error   { color: var(--c-err) !important; background: var(--c-err-bg) !important; border: 1px solid rgba(198,40,40,.2) !important; }
#nqm-configure .nqm-msg.success { color: var(--c-ok) !important;  background: var(--c-ok-bg) !important;  border: 1px solid rgba(19,138,74,.2) !important; }

/* ── Boutons (neutralise les styles du thème) ───────────── */
#nqm-configure .nqm-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 54px;
    padding: 0 24px !important;
    font: inherit !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    text-decoration: none !important;
    border-radius: var(--r-md) !important;
    box-shadow: none !important;
    background-image: none !important;
    transform: none !important;
    filter: none !important;
    cursor: pointer;
    transition: background-color .15s, border-color .15s, color .15s;
}
#nqm-configure .nqm-btn::before { display: none; }
#nqm-configure .nqm-btn-primary {
    width: 100%;
    color: #fff !important;
    background-color: var(--c-ink) !important;
    border: 2px solid var(--c-ink) !important;
}
#nqm-configure .nqm-btn-primary:hover { background-color: #2b3034 !important; border-color: #2b3034 !important; }
#nqm-configure .nqm-btn-success {
    width: 100%;
    color: var(--c-ink) !important;
    background-color: var(--c-cyan) !important;
    border: 2px solid var(--c-cyan) !important;
}
#nqm-configure .nqm-btn-success:hover { background-color: #48c3e0 !important; border-color: #48c3e0 !important; }
#nqm-configure .nqm-btn-outline {
    width: auto;
    color: var(--c-ink) !important;
    background-color: transparent !important;
    border: 1.5px solid var(--c-line) !important;
}
#nqm-configure .nqm-btn-outline:hover { border-color: #b9c3c8 !important; background-color: var(--c-mist) !important; }
#nqm-configure .nqm-btn:disabled { opacity: .5; cursor: progress; }
#nqm-configure .nqm-btn-row { display: flex; gap: 10px; margin-top: 24px; }
#nqm-configure .nqm-btn-row .nqm-btn-primary,
#nqm-configure .nqm-btn-row .nqm-btn-success { flex: 1; }

/* Clavier : focus visible partout */
#nqm-configure a:focus-visible,
#nqm-configure button:focus-visible,
#nqm-configure summary:focus-visible { outline: none; box-shadow: var(--focus) !important; }

#nqm-configure .nqm-already-account { margin-top: 16px; text-align: center; font-size: 14px; color: var(--c-muted); }
#nqm-configure .nqm-already-account a { color: var(--c-cyan-txt) !important; font-weight: 600; }
#nqm-configure .nqm-logged-banner { background: var(--c-mist); border: 0; border-radius: var(--r-md); color: var(--c-ink) !important; margin-bottom: 24px; }
#nqm-configure .nqm-logged-banner span,
#nqm-configure .nqm-logged-banner strong { color: var(--c-ink) !important; }

/* ── Succès ─────────────────────────────────────────────── */
#nqm-configure .nqm-success-wrap { text-align: center; padding: 8px 0; }
#nqm-configure .nqm-success-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px; height: 64px;
    margin-bottom: 16px;
    color: var(--c-ink);
    background: var(--c-cyan);
    border-radius: 50%;
}
#nqm-configure .nqm-success-wrap h3 { font-family: inherit !important; font-size: 24px !important; font-weight: 700 !important; margin: 0 0 6px !important; color: var(--c-ink) !important; }
#nqm-configure .nqm-success-wrap p { color: var(--c-muted); margin: 0 0 10px; }
#nqm-configure .nqm-final-url {
    margin: 0 0 24px;
    padding: 12px 14px;
    font-size: 13px;
    word-break: break-all;
    color: var(--c-ink-2);
    background: var(--c-mist);
    border: 0;
    border-radius: var(--r-md);
}

/* ── Mobile ─────────────────────────────────────────────── */
@media (max-width: 600px) {
    #nqm-configure { margin: 0 auto !important; }
    #nqm-configure .nqm-header { padding: 24px 20px 22px; border-radius: 0; }
    #nqm-configure .nqm-header::after { right: -70px; }
    #nqm-configure .nqm-header h2 { font-size: 25px !important; max-width: 85%; }
    #nqm-configure .nqm-progress-wrap { padding: 0 20px 20px; }
    #nqm-configure .nqm-step { padding: 22px 20px 28px; border-radius: 0; border-left: 0; border-right: 0; }
    #nqm-configure .nqm-field-row { flex-direction: column; gap: 0; }
    #nqm-configure .nqm-networks { grid-template-columns: repeat(2, 1fr); }
    #nqm-configure .nqm-btn-row { flex-direction: column-reverse; }
    #nqm-configure .nqm-btn-row .nqm-btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    #nqm-configure * { transition: none !important; animation: none !important; }
}