/* Popup modal — Fase 2 */
.apb-popup {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: none;
    align-items: center;
    justify-content: center;
    font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
.apb-popup.apb-open { display: flex; }
.apb-popup-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(12, 20, 40, 0.72);
}
.apb-popup-box {
    position: relative;
    width: min(560px, 92vw);
    max-height: 92vh;
    overflow-y: auto;
    background: var(--apb-surface, #fff);
    border-radius: 16px;
    padding: 28px 32px;
    box-shadow: 0 24px 48px rgba(0,0,0,0.22);
}
.apb-popup-close {
    position: absolute;
    top: 12px;
    right: 16px;
    background: transparent;
    border: 0;
    font-size: 28px;
    cursor: pointer;
    color: var(--apb-text-muted, #6B7280);
    line-height: 1;
}
.apb-popup-close:hover { color: var(--apb-text, #1A1A2E); }
.apb-popup-title {
    margin: 0 0 20px 0;
    color: var(--apb-primary, #185FA5);
    font-size: 22px;
}
.apb-popup-tabs {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid var(--apb-border, #E2E6EA);
    margin-bottom: 24px;
}
.apb-popup-tab {
    background: transparent;
    border: 0;
    padding: 12px 16px;
    font-size: 14px;
    cursor: pointer;
    color: var(--apb-text-muted, #6B7280);
    border-bottom: 2px solid transparent;
}
.apb-popup-tab.apb-tab-active {
    color: var(--apb-primary, #185FA5);
    border-bottom-color: var(--apb-primary, #185FA5);
    font-weight: 600;
}
.apb-popup-panel { display: none; }
.apb-popup-panel.apb-panel-active { display: block; }

/* Bouton trigger neutre — themes peuvent surcharger */
.apb-popup-open {
    display: inline-block;
    padding: 10px 20px;
    background: var(--apb-primary, #185FA5);
    color: #fff;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}
.apb-popup-open:hover { background: var(--apb-primary-dark, #0C447C); }

/* Form utilities — utilisés par les panels des Tasks 6-9 */
.apb-form-row { margin-bottom: 16px; }
.apb-form-row label { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 500; }
.apb-form-row input[type=text],
.apb-form-row input[type=email],
.apb-form-row input[type=password],
.apb-form-row input[type=tel] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--apb-border, #E2E6EA);
    border-radius: 8px;
    font-size: 14px;
    box-sizing: border-box;
}
.apb-form-submit {
    display: inline-block;
    padding: 12px 24px;
    background: var(--apb-primary, #185FA5);
    color: #fff;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    min-height: 48px;
}
.apb-form-submit:disabled { background: var(--apb-text-muted, #6B7280); cursor: not-allowed; }
.apb-form-error { color: #B91C1C; font-size: 13px; margin-top: 6px; }
.apb-form-success { color: #065F46; font-size: 14px; }