/*
 * AuthVault Experience Studio
 * Public authentication + My Account visual system.
 * Every selector is scoped to AuthVault or the native WordPress login screen.
 */

.avp-experience-enabled {
    --avp-exp-ink: #0b1220;
    --avp-exp-muted: #64748b;
    --avp-exp-line: rgba(148, 163, 184, .24);
    --avp-exp-surface: rgba(255, 255, 255, .96);
    --avp-exp-shadow: 0 34px 90px rgba(15, 23, 42, .16), 0 8px 24px rgba(15, 23, 42, .08);
}

.avp-login-wrap,
.avp-register-wrap {
    width: min(1180px, calc(100% - 28px)) !important;
    margin: 24px auto !important;
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: minmax(340px, .88fr) minmax(430px, 1.12fr) !important;
    align-items: stretch !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(148, 163, 184, .20) !important;
    border-radius: 34px !important;
    background:
        radial-gradient(circle at 8% 4%, rgba(59, 130, 246, .10), transparent 28%),
        radial-gradient(circle at 92% 94%, rgba(14, 165, 233, .10), transparent 30%),
        #f8fafc !important;
    box-shadow: var(--avp-exp-shadow) !important;
    box-sizing: border-box !important;
    isolation: isolate;
}

.avp-login-wrap {
    min-height: 650px;
}

.avp-auth-story {
    position: relative;
    min-width: 0;
    min-height: 100%;
    padding: 42px 38px 34px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    color: #fff;
    border-radius: 26px;
    isolation: isolate;
}

.avp-auth-story::before,
.avp-auth-story::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: -1;
}

.avp-auth-story::before {
    width: 310px;
    height: 310px;
    inset-block-start: -125px;
    inset-inline-end: -105px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 48% 52% 62% 38%;
    box-shadow: 0 0 0 34px rgba(255, 255, 255, .035), 0 0 0 72px rgba(255, 255, 255, .025);
    transform: rotate(18deg);
}

.avp-auth-story::after {
    inset: auto -18% -25% 8%;
    height: 48%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, .18), transparent 68%);
    filter: blur(6px);
}

.avp-login-wrap[dir="rtl"] .avp-auth-story,
.avp-register-wrap[dir="rtl"] .avp-auth-story {
    background:
        linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px),
        radial-gradient(circle at 18% 78%, rgba(45, 212, 191, .30), transparent 28%),
        linear-gradient(145deg, #06172c 0%, #123a72 54%, #0f766e 120%);
    background-size: 34px 34px, 34px 34px, auto, auto;
}

.avp-login-wrap[dir="ltr"] .avp-auth-story,
.avp-register-wrap[dir="ltr"] .avp-auth-story {
    background:
        repeating-linear-gradient(125deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 28px),
        radial-gradient(circle at 82% 82%, rgba(192, 132, 252, .34), transparent 30%),
        linear-gradient(145deg, #111827 0%, #3730a3 54%, #7c3aed 120%);
}

.avp-register-wrap[dir="rtl"] .avp-auth-story {
    background:
        linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px),
        radial-gradient(circle at 12% 82%, rgba(244, 114, 182, .30), transparent 32%),
        linear-gradient(145deg, #10162f 0%, #4338ca 54%, #be185d 125%);
    background-size: 38px 38px, 38px 38px, auto, auto;
}

.avp-auth-story__eyebrow {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    background: rgba(15, 23, 42, .24);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
    backdrop-filter: blur(10px);
}

.avp-auth-story__eyebrow i {
    color: #67e8f9;
}

.avp-auth-story__visual {
    position: relative;
    width: min(310px, 92%);
    margin: 22px auto 12px;
    filter: drop-shadow(0 24px 34px rgba(2, 6, 23, .28));
}

.avp-auth-story__visual img {
    display: block;
    width: 100%;
    height: auto;
}

.avp-auth-story__copy {
    position: relative;
    z-index: 2;
}

.avp-auth-story__copy h2 {
    margin: 0 0 10px !important;
    color: #fff !important;
    font-size: clamp(25px, 2.2vw, 36px) !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
    letter-spacing: -.025em;
}

.avp-auth-story__copy > p {
    margin: 0 !important;
    color: rgba(255, 255, 255, .78) !important;
    font-size: 13.5px !important;
    line-height: 1.9 !important;
}

.avp-auth-story__features {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 20px;
}

.avp-auth-story__feature {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 14px;
    background: rgba(15, 23, 42, .18);
    color: rgba(255, 255, 255, .93);
    font-size: 11.5px;
    font-weight: 800;
    backdrop-filter: blur(8px);
}

.avp-auth-story__feature i {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, .12);
    color: #a5f3fc;
}

.avp-login-wrap > .avp-login-card,
.avp-register-wrap > #avp-reg-form-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    align-self: stretch;
    box-sizing: border-box !important;
}

.avp-login-wrap > .avp-login-card,
.avp-register-wrap #avp-reg-form-wrap > .avp-reg-card {
    min-height: 100%;
    padding: clamp(30px, 4vw, 52px) clamp(24px, 4.4vw, 58px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--avp-exp-surface) !important;
    box-shadow: none !important;
}

.avp-login-wrap > .avp-login-card::before,
.avp-register-wrap #avp-reg-form-wrap > .avp-reg-card::before {
    display: none !important;
}

.avp-login-wrap .avp-login-header,
.avp-register-wrap .avp-reg-head {
    margin-bottom: 28px !important;
}

.avp-login-wrap .avp-login-badge,
.avp-register-wrap .avp-reg-icon {
    width: 72px !important;
    height: 72px !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 36px rgba(37, 99, 235, .22), inset 0 1px 0 rgba(255, 255, 255, .35) !important;
    transform: rotate(-3deg);
}

.avp-register-wrap .avp-reg-icon {
    transform: rotate(3deg);
}

.avp-login-wrap .avp-login-title,
.avp-register-wrap .avp-reg-head h2 {
    color: var(--avp-exp-ink) !important;
    font-size: clamp(24px, 2.4vw, 30px) !important;
    letter-spacing: -.025em;
}

.avp-login-wrap .avp-login-sub,
.avp-register-wrap .avp-reg-head p {
    color: var(--avp-exp-muted) !important;
    font-size: 13.5px !important;
}

.avp-login-wrap .avp-lf-label,
.avp-register-wrap .avp-field-wrap label {
    color: #334155 !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
}

.avp-login-wrap .avp-lf-input,
.avp-register-wrap #avp-reg-form-wrap .avp-field-wrap input:not([type="checkbox"]):not([type="radio"]),
.avp-register-wrap #avp-reg-form-wrap .avp-field-wrap select,
.avp-register-wrap #avp-reg-form-wrap .avp-field-wrap textarea {
    border: 1px solid #dce4ef !important;
    border-radius: 15px !important;
    background: #f8fafc !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, .025) !important;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease !important;
}

.avp-login-wrap .avp-lf-input:hover,
.avp-register-wrap .avp-field-wrap input:not([type="checkbox"]):not([type="radio"]):hover,
.avp-register-wrap .avp-field-wrap select:hover,
.avp-register-wrap .avp-field-wrap textarea:hover {
    border-color: #b9c7da !important;
    background: #fff !important;
}

.avp-login-wrap .avp-lf-input:focus,
.avp-register-wrap .avp-field-wrap input:not([type="checkbox"]):not([type="radio"]):focus,
.avp-register-wrap .avp-field-wrap select:focus,
.avp-register-wrap .avp-field-wrap textarea:focus {
    border-color: var(--avp-primary, #2563eb) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--avp-primary, #2563eb) 14%, transparent) !important;
    outline: 0 !important;
}

/* Identifier values stay LTR, while controls and icons mirror correctly. */
.avp-login-wrap[dir="rtl"] .avp-lf-field--identifier .avp-lf-input {
    padding-inline-start: 16px !important;
    padding-inline-end: 52px !important;
}

.avp-login-wrap[dir="rtl"] .avp-lf-input-wrap--identifier .avp-lf-input-icon-static,
.avp-login-wrap[dir="rtl"] .avp-lf-input-wrap--password .avp-lf-password-icon {
    right: 14px !important;
    left: auto !important;
}

.avp-login-wrap[dir="rtl"] .avp-lf-input-wrap .avp-toggle-pass {
    left: 14px !important;
    right: auto !important;
}

.avp-login-wrap .avp-lf-submit,
.avp-register-wrap .avp-submit-btn {
    min-height: 50px !important;
    border-radius: 15px !important;
    box-shadow: 0 16px 32px rgba(37, 99, 235, .20) !important;
    position: relative;
    overflow: hidden;
}

.avp-login-wrap .avp-lf-submit::after,
.avp-register-wrap .avp-submit-btn::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .22) 49%, transparent 68%);
    transform: translateX(-115%);
    transition: transform .6s ease;
}

.avp-login-wrap .avp-lf-submit:hover::after,
.avp-register-wrap .avp-submit-btn:hover::after {
    transform: translateX(115%);
}

.avp-login-wrap .avp-login-msg,
.avp-register-wrap .avp-form-msg.ok,
.avp-register-wrap .avp-form-msg.err {
    border-radius: 14px !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06) !important;
}

.avp-exp-caps {
    display: none;
    align-items: center;
    gap: 7px;
    margin-top: 7px;
    padding: 8px 10px;
    border: 1px solid #fed7aa;
    border-radius: 11px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 11.5px;
    font-weight: 800;
}

.avp-exp-caps.is-visible { display: flex; }

.avp-exp-strength {
    margin-top: 8px;
    direction: inherit;
}

.avp-exp-strength__track {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.avp-exp-strength__bar {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: #ef4444;
    transition: width .2s ease, background .2s ease;
}

.avp-exp-strength__text {
    display: block;
    margin-top: 5px;
    color: #94a3b8;
    font-size: 10.5px;
    font-weight: 800;
}

.avp-exp-strength[data-score="2"] .avp-exp-strength__bar,
.avp-exp-strength[data-score="3"] .avp-exp-strength__bar { background: #f59e0b; }
.avp-exp-strength[data-score="4"] .avp-exp-strength__bar { background: #10b981; }

/* Guest My Account becomes one clean, accessible authentication portal. */
.avp-mac-guest-wrap { max-width: 1220px !important; }
.avp-mac-guest-grid.avp-exp-auth-tabs {
    display: block !important;
    position: relative;
}

.avp-exp-auth-tablist {
    width: min(500px, calc(100% - 32px));
    margin: 0 auto -54px;
    padding: 6px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    position: relative;
    z-index: 12;
    border: 1px solid rgba(148, 163, 184, .25);
    border-radius: 17px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 16px 34px rgba(15, 23, 42, .10);
    backdrop-filter: blur(16px);
}

.avp-exp-auth-tab {
    min-height: 42px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #64748b;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    transition: color .18s ease, background .18s ease, box-shadow .18s ease;
}

.avp-exp-auth-tab[aria-selected="true"] {
    background: linear-gradient(135deg, #2563eb, #0891b2);
    color: #fff;
    box-shadow: 0 10px 22px rgba(37, 99, 235, .20);
}

.avp-exp-auth-panel[hidden] { display: none !important; }
.avp-exp-auth-tabs .avp-exp-auth-panel > .avp-login-wrap,
.avp-exp-auth-tabs .avp-exp-auth-panel > .avp-register-wrap { padding-top: 70px !important; }

/* My Account: separate visual identity for each reading direction. */
.avp-mac {
    --avp-exp-a: #2563eb;
    --avp-exp-b: #0891b2;
    position: relative;
    padding: 14px !important;
    border: 1px solid rgba(148, 163, 184, .20);
    border-radius: 30px;
    background:
        radial-gradient(circle at 5% 4%, color-mix(in srgb, var(--avp-exp-a) 12%, transparent), transparent 26%),
        radial-gradient(circle at 96% 96%, color-mix(in srgb, var(--avp-exp-b) 10%, transparent), transparent 28%),
        #f8fafc;
    box-shadow: 0 26px 70px rgba(15, 23, 42, .10);
}

.avp-mac[data-avp-palette="violet"] { --avp-exp-a: #4f46e5; --avp-exp-b: #a21caf; }
.avp-mac[data-avp-palette="emerald"] { --avp-exp-a: #047857; --avp-exp-b: #0f766e; }

.avp-experience-rtl .avp-mac .avp-mac-hd {
    background:
        linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px),
        radial-gradient(circle at 12% 82%, rgba(45, 212, 191, .24), transparent 28%),
        linear-gradient(135deg, #071426 0%, var(--avp-exp-a) 56%, var(--avp-exp-b) 120%) !important;
    background-size: 36px 36px, 36px 36px, auto, auto !important;
}

.avp-experience-ltr .avp-mac .avp-mac-hd {
    background:
        repeating-linear-gradient(125deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 29px),
        radial-gradient(circle at 88% 82%, rgba(192, 132, 252, .26), transparent 30%),
        linear-gradient(135deg, #111827 0%, var(--avp-exp-a) 55%, var(--avp-exp-b) 125%) !important;
}

.avp-mac .avp-mac-hd {
    min-height: 152px !important;
    max-height: none !important;
    padding: 22px 24px !important;
    border-radius: 24px !important;
    border-color: rgba(255, 255, 255, .18) !important;
    box-shadow: 0 24px 48px rgba(15, 23, 42, .20) !important;
}

.avp-mac .avp-mac-av {
    border-radius: 22px !important;
    transform: rotate(-2deg);
}

.avp-mac .avp-mac-body {
    grid-template-columns: 286px minmax(0, 1fr) !important;
    gap: 16px !important;
    margin-top: 16px;
}

.avp-mac .avp-mac-sidebar {
    position: sticky;
    top: 20px;
    padding: 14px !important;
    border: 1px solid rgba(148, 163, 184, .20) !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .86) !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .07) !important;
    backdrop-filter: blur(16px);
}

.avp-mac .avp-mac-nav-group-title {
    margin: 4px 4px 7px !important;
    padding: 0 7px !important;
    color: #64748b !important;
    font-size: 10px !important;
    letter-spacing: .02em;
}

.avp-mac .avp-mac-nav-item {
    min-height: 44px !important;
    margin-bottom: 4px !important;
    padding: 10px 12px !important;
    border: 1px solid transparent !important;
    border-radius: 13px !important;
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    transition: transform .18s ease, color .18s ease, background .18s ease, box-shadow .18s ease !important;
}

.avp-mac .avp-mac-nav-item:hover {
    color: #0f172a !important;
    border-color: rgba(148, 163, 184, .22) !important;
    background: #f8fafc !important;
    transform: translateY(-1px);
}

.avp-mac .avp-mac-nav-item.active {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .18) !important;
    background: linear-gradient(135deg, var(--avp-exp-a), var(--avp-exp-b)) !important;
    box-shadow: 0 12px 24px color-mix(in srgb, var(--avp-exp-a) 23%, transparent) !important;
}

.avp-mac .avp-mac-nav-item.active i { color: #fff !important; }

.avp-mac .avp-mac-content {
    min-width: 0;
    min-height: 560px;
    padding: clamp(18px, 2.4vw, 30px) !important;
    border: 1px solid rgba(148, 163, 184, .20) !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .07) !important;
}

.avp-exp-palette {
    position: absolute;
    inset-block-start: 12px;
    inset-inline-end: 12px;
    z-index: 8;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    background: rgba(15, 23, 42, .28);
    backdrop-filter: blur(12px);
}

.avp-exp-palette button {
    width: 19px !important;
    height: 19px !important;
    min-width: 19px !important;
    min-height: 19px !important;
    padding: 0 !important;
    border: 2px solid rgba(255, 255, 255, .48) !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #2563eb, #0891b2) !important;
    box-shadow: none !important;
    cursor: pointer;
}

.avp-exp-palette button[data-palette="violet"] { background: linear-gradient(135deg, #4f46e5, #a21caf) !important; }
.avp-exp-palette button[data-palette="emerald"] { background: linear-gradient(135deg, #047857, #0f766e) !important; }
.avp-exp-palette button[aria-pressed="true"] { box-shadow: 0 0 0 3px rgba(255, 255, 255, .42) !important; }

/* Native wp-login.php gets the same brand quality without touching login logic. */
body.login.avp-exp-native-login {
    min-height: 100vh;
    background:
        radial-gradient(circle at 12% 14%, rgba(14, 165, 233, .22), transparent 28%),
        radial-gradient(circle at 88% 82%, rgba(139, 92, 246, .24), transparent 30%),
        linear-gradient(135deg, #071426 0%, #172554 52%, #312e81 100%);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
}

body.login.avp-exp-native-login::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 38px 38px;
}

body.login.avp-exp-native-login #login {
    width: min(430px, calc(100% - 28px));
    padding: 7vh 0 28px;
    position: relative;
}

body.login.avp-exp-native-login #login h1 a {
    width: 86px;
    height: 86px;
    margin-bottom: 18px;
    border-radius: 26px;
    background-color: rgba(255, 255, 255, .96);
    background-size: 62px auto;
    box-shadow: 0 20px 46px rgba(2, 6, 23, .32);
}

body.login.avp-exp-native-login #loginform,
body.login.avp-exp-native-login #registerform,
body.login.avp-exp-native-login #lostpasswordform {
    padding: 30px !important;
    border: 1px solid rgba(255, 255, 255, .48) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 34px 80px rgba(2, 6, 23, .34) !important;
}

body.login.avp-exp-native-login form .input,
body.login.avp-exp-native-login input[type="text"] {
    min-height: 48px;
    padding: 8px 13px;
    border: 1px solid #dbe4f0;
    border-radius: 13px;
    background: #f8fafc;
    box-shadow: none;
    font-size: 16px;
}

body.login.avp-exp-native-login .button-primary {
    min-height: 44px;
    padding: 0 22px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #2563eb, #0891b2);
    box-shadow: 0 12px 24px rgba(37, 99, 235, .25);
    font-weight: 800;
}

body.login.avp-exp-native-login #nav,
body.login.avp-exp-native-login #backtoblog { text-align: center; }
body.login.avp-exp-native-login #nav a,
body.login.avp-exp-native-login #backtoblog a { color: rgba(255, 255, 255, .82) !important; }

@media (max-width: 1020px) {
    .avp-mac .avp-mac-hd-actions { flex-direction: column-reverse; }
    .avp-mac .avp-mac-hd-side { min-width: 290px !important; }
}

@media (max-width: 880px) {
    .avp-login-wrap,
    .avp-register-wrap {
        width: min(720px, calc(100% - 20px)) !important;
        grid-template-columns: 1fr !important;
        border-radius: 28px !important;
    }

    .avp-auth-story {
        min-height: 300px;
        padding: 28px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 210px;
        align-items: center;
        gap: 18px;
    }

    .avp-auth-story__eyebrow { position: absolute; inset-block-start: 20px; inset-inline-start: 22px; }
    .avp-auth-story__visual { width: 210px; margin: 28px 0 0; grid-column: 2; grid-row: 1; }
    .avp-auth-story__copy { grid-column: 1; grid-row: 1; padding-top: 38px; }
    .avp-auth-story__features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .avp-auth-story__feature:last-child { grid-column: 1 / -1; }

    .avp-mac { padding: 10px !important; border-radius: 24px; }
    .avp-mac .avp-mac-hd { padding-top: 54px !important; }
    .avp-mac .avp-mac-body { grid-template-columns: 1fr !important; }
    .avp-mac .avp-mac-sidebar { position: static; }
}

@media (max-width: 640px) {
    .avp-login-wrap,
    .avp-register-wrap {
        width: calc(100% - 12px) !important;
        margin: 10px auto !important;
        padding: 7px !important;
        border-radius: 23px !important;
    }

    .avp-auth-story {
        min-height: 244px;
        padding: 22px 20px;
        grid-template-columns: minmax(0, 1fr) 126px;
        border-radius: 18px;
    }

    .avp-auth-story__eyebrow { inset-block-start: 16px; inset-inline-start: 16px; padding: 7px 9px; }
    .avp-auth-story__visual { width: 134px; margin-top: 36px; }
    .avp-auth-story__copy { padding-top: 38px; }
    .avp-auth-story__copy h2 { font-size: 22px !important; }
    .avp-auth-story__copy > p { font-size: 11.5px !important; line-height: 1.7 !important; }
    .avp-auth-story__features { display: none; }

    .avp-login-wrap > .avp-login-card,
    .avp-register-wrap #avp-reg-form-wrap > .avp-reg-card { padding: 28px 17px !important; }

    .avp-exp-auth-tablist { width: calc(100% - 26px); margin-bottom: -48px; }
    .avp-exp-auth-tabs .avp-exp-auth-panel > .avp-login-wrap,
    .avp-exp-auth-tabs .avp-exp-auth-panel > .avp-register-wrap { padding-top: 60px !important; }

    .avp-mac .avp-mac-hd { min-height: 0 !important; padding: 56px 15px 18px !important; border-radius: 20px !important; }
    .avp-mac .avp-mac-content { min-height: 420px; padding: 16px !important; border-radius: 18px !important; }
    .avp-mac .avp-mac-sidebar {
        padding: 2px 2px 10px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    .avp-mac .avp-mac-nav-group-title { display: none !important; }
    .avp-mac .avp-mac-nav-item { min-width: 112px; min-height: 72px !important; justify-content: center; }
}

/* Login unification v5: one proportion system for custom, native and mobile auth. */
.avp-login-wrap,
.avp-register-wrap {
    --avp-auth-control-h: 48px;
    --avp-auth-control-radius: 13px;
    width: min(1010px, calc(100% - 24px)) !important;
    margin: 12px auto !important;
    padding: 8px !important;
    grid-template-columns: minmax(350px, .78fr) minmax(470px, 1.22fr) !important;
    border-radius: 26px !important;
}

.avp-login-wrap > .avp-login-card,
.avp-register-wrap #avp-reg-form-wrap > .avp-reg-card {
    padding: 28px 34px !important;
}

.avp-auth-story {
    padding: 28px 26px 24px !important;
    border-radius: 19px !important;
}

.avp-auth-story__eyebrow {
    padding: 7px 10px !important;
    gap: 7px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
}

.avp-auth-story__visual {
    width: min(194px, 68%) !important;
    margin: 13px auto 8px !important;
}

.avp-auth-story__copy h2 {
    margin-bottom: 7px !important;
    font-size: clamp(22px, 2vw, 28px) !important;
    line-height: 1.3 !important;
}

.avp-auth-story__copy > p {
    font-size: 12.5px !important;
    line-height: 1.75 !important;
}

.avp-auth-story__features {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 14px !important;
}

.avp-auth-story__feature {
    min-height: 48px !important;
    padding: 7px !important;
    gap: 6px !important;
    border-radius: 11px !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
}

.avp-auth-story__feature i,
.avp-native-auth-story .avp-auth-story__feature > span[aria-hidden="true"] {
    width: 25px !important;
    height: 25px !important;
    flex: 0 0 25px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px !important;
    background: rgba(255,255,255,.12);
    color: #a5f3fc;
    font-size: 11px !important;
}

.avp-login-wrap .avp-login-header,
.avp-register-wrap .avp-reg-head {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    margin-bottom: 17px !important;
}

.avp-login-wrap .avp-login-badge,
.avp-register-wrap .avp-reg-icon {
    width: 52px !important;
    height: 52px !important;
    border-radius: 15px !important;
    font-size: 19px !important;
}

.avp-login-wrap .avp-login-title,
.avp-register-wrap .avp-reg-head h2 {
    margin-bottom: 3px !important;
    font-size: clamp(22px, 2vw, 26px) !important;
}

.avp-login-wrap .avp-login-sub,
.avp-register-wrap .avp-reg-head p {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
}

.avp-login-wrap .avp-lf-field { margin-bottom: 12px !important; }
.avp-login-wrap .avp-lf-label,
.avp-register-wrap .avp-field-wrap label {
    margin-bottom: 6px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

.avp-login-wrap .avp-lf-input,
.avp-register-wrap .avp-field-wrap input:not([type="checkbox"]):not([type="radio"]),
.avp-register-wrap .avp-field-wrap select,
.avp-register-wrap .avp-field-wrap textarea,
.avp-login-wrap .avp-passwordless-code {
    width: 100% !important;
    height: var(--avp-auth-control-h) !important;
    min-height: var(--avp-auth-control-h) !important;
    padding-block: 9px !important;
    border-radius: var(--avp-auth-control-radius) !important;
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
}

.avp-register-wrap #avp-reg-form-wrap .avp-field-wrap textarea {
    height: 82px !important;
    min-height: 82px !important;
}

.avp-login-wrap .avp-lf-remember-row { margin: 2px 0 7px !important; }
.avp-login-wrap .avp-lf-auth-row { margin: 0 0 12px !important; gap: 10px !important; }
.avp-login-wrap .avp-lf-remember,
.avp-login-wrap .avp-lf-forgot,
.avp-login-wrap .avp-lf-passwordless-trigger {
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.avp-login-wrap .avp-lf-submit,
.avp-register-wrap .avp-submit-btn,
.avp-login-wrap .avp-passwordless-send,
.avp-login-wrap .avp-passwordless-verify,
.avp-login-wrap #avp-magic-link-btn,
.avp-login-wrap .avp-social-btn {
    min-height: var(--avp-auth-control-h) !important;
    height: var(--avp-auth-control-h) !important;
    padding: 9px 14px !important;
    border-radius: var(--avp-auth-control-radius) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
}

.avp-login-wrap .avp-lf-submit,
.avp-register-wrap .avp-submit-btn {
    font-size: 14px !important;
}

.avp-login-wrap .avp-social-login,
.avp-login-wrap .avp-bio-login-wrap { margin: 9px 0 0 !important; }
.avp-login-wrap .avp-social-divider,
.avp-login-wrap .avp-bio-login-divider { margin: 9px 0 !important; gap: 8px !important; }
.avp-login-wrap .avp-social-divider span,
.avp-login-wrap .avp-bio-login-divider > span:nth-child(2),
.avp-login-wrap .avp-lf-magic-divider {
    font-size: 11px !important;
    line-height: 1.4 !important;
}
.avp-login-wrap .avp-social-buttons { gap: 8px !important; }
.avp-login-wrap #avp-magic-link-btn { margin-bottom: 8px !important; }
.avp-login-wrap .avp-bio-login-wrap > div:nth-child(2) { gap: 14px !important; margin: 7px auto 2px !important; }
.avp-login-wrap .avp-bio-login-trigger { gap: 7px !important; font-size: 11.5px !important; }
.avp-login-wrap .avp-bio-login-circle {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    font-size: 21px !important;
}
.avp-login-wrap #avp-bio-login-msg { font-size: 11.5px !important; }
.avp-login-wrap .avp-lf-switch,
.avp-register-wrap .avp-to-login { margin-top: 11px !important; font-size: 12px !important; }

.avp-register-wrap #avp-reg-form-wrap .avp-fields-grid {
    gap: 11px 13px !important;
    margin-bottom: 11px !important;
}
.avp-register-wrap #avp-reg-form-wrap .avp-field-desc { margin-top: 4px !important; font-size: 10.5px !important; }
.avp-register-wrap #avp-reg-form-wrap .avp-terms-box { margin-top: 7px !important; padding: 11px !important; }
.avp-register-wrap #avp-reg-form-wrap .avp-checkbox-label { gap: 8px !important; font-size: 11.5px !important; }

/* The native form stays native for GoDaddy/managed-host SSO, but no longer
   looks like a different product or creates a horizontal scrollbar. */
body.login.avp-exp-native-login-main {
    min-width: 0 !important;
    padding: 20px !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

body.login.avp-exp-native-login-main.avp-native-auth-shell-ready {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.avp-native-auth-shell {
    --avp-auth-control-h: 48px;
    width: min(1010px, calc(100vw - 40px));
    margin: auto;
    padding: 8px;
    display: grid;
    grid-template-columns: minmax(350px, .78fr) minmax(470px, 1.22fr);
    align-items: stretch;
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.22);
    border-radius: 26px;
    background:
        radial-gradient(circle at 8% 4%, rgba(59,130,246,.10), transparent 28%),
        radial-gradient(circle at 92% 94%, rgba(14,165,233,.10), transparent 30%),
        #f8fafc;
    box-shadow: 0 28px 75px rgba(2,6,23,.30), 0 7px 22px rgba(2,6,23,.16);
    box-sizing: border-box;
}

.avp-native-auth-shell[dir="rtl"] .avp-native-auth-story {
    background:
        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px),
        radial-gradient(circle at 18% 78%, rgba(45,212,191,.30), transparent 28%),
        linear-gradient(145deg, #06172c 0%, #123a72 54%, #0f766e 120%);
    background-size: 34px 34px, 34px 34px, auto, auto;
}

.avp-native-auth-shell[dir="ltr"] .avp-native-auth-story {
    background:
        repeating-linear-gradient(125deg, rgba(255,255,255,.035) 0 1px, transparent 1px 28px),
        radial-gradient(circle at 82% 82%, rgba(192,132,252,.34), transparent 30%),
        linear-gradient(145deg, #111827 0%, #3730a3 54%, #7c3aed 120%);
}

body.login.avp-exp-native-login-main .avp-native-auth-shell #login {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 28px 34px 24px !important;
    align-self: stretch;
    border-radius: 0 !important;
    background: rgba(255,255,255,.97);
    box-sizing: border-box;
}

.avp-native-auth-head {
    margin: 0 0 17px;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

body.login.avp-exp-native-login-main #login .avp-native-auth-head h1 {
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
}

body.login.avp-exp-native-login-main #login .avp-native-auth-head h1 a {
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    border-radius: 15px !important;
    background-color: #eef4ff !important;
    background-size: 39px auto !important;
    box-shadow: 0 11px 25px rgba(37,99,235,.18) !important;
}

.avp-native-auth-heading { min-width: 0; text-align: start; }
.avp-native-auth-heading h2 {
    margin: 0 0 3px !important;
    color: #0b1220 !important;
    font-size: clamp(22px, 2vw, 26px) !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}
.avp-native-auth-heading p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
}

body.login.avp-exp-native-login-main .avp-native-auth-shell #loginform,
body.login.avp-exp-native-login-main .avp-native-auth-shell #registerform,
body.login.avp-exp-native-login-main .avp-native-auth-shell #lostpasswordform {
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.login.avp-exp-native-login-main .avp-native-auth-shell form label {
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}

body.login.avp-exp-native-login-main .avp-native-auth-shell form .input,
body.login.avp-exp-native-login-main .avp-native-auth-shell form input[type="text"] {
    width: 100% !important;
    height: var(--avp-auth-control-h) !important;
    min-height: var(--avp-auth-control-h) !important;
    margin: 6px 0 12px !important;
    padding: 9px 13px !important;
    border: 1px solid #dce4ef !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    box-shadow: inset 0 1px 2px rgba(15,23,42,.025) !important;
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
}

body.login.avp-exp-native-login-main .avp-native-auth-shell form .input:focus,
body.login.avp-exp-native-login-main .avp-native-auth-shell form input[type="text"]:focus {
    border-color: #2563eb !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,.13) !important;
}

body.login.avp-exp-native-login-main .avp-native-auth-shell .wp-pwd { position: relative; }
body.login.avp-exp-native-login-main .avp-native-auth-shell .wp-pwd .input { padding-inline-end: 46px !important; }
body.login.avp-exp-native-login-main .avp-native-auth-shell .wp-pwd .button.wp-hide-pw {
    width: 38px !important;
    min-width: 38px !important;
    height: 46px !important;
    min-height: 46px !important;
    inset-inline-end: 1px !important;
    top: 7px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #64748b !important;
}

body.login.avp-exp-native-login-main .avp-native-auth-shell .forgetmenot {
    float: none !important;
    margin: 0 0 10px !important;
}

body.login.avp-exp-native-login-main .avp-native-auth-shell .forgetmenot label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    font-size: 12px !important;
}

body.login.avp-exp-native-login-main .avp-native-auth-shell .forgetmenot input {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    margin: 0 !important;
}

body.login.avp-exp-native-login-main .avp-native-auth-shell form p.submit {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.login.avp-exp-native-login-main .avp-native-auth-shell .button-primary {
    width: 100% !important;
    height: var(--avp-auth-control-h) !important;
    min-height: var(--avp-auth-control-h) !important;
    padding: 9px 14px !important;
    border-radius: 13px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

body.login.avp-exp-native-login-main .avp-native-auth-shell .avp-wp-login-bio { margin: 10px 0 0 !important; }
body.login.avp-exp-native-login-main .avp-native-auth-shell .avp-wp-login-bio__divider {
    margin: 10px 0 !important;
    font-size: 11px !important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell .avp-wp-login-bio__grid { gap: 8px !important; }
body.login.avp-exp-native-login-main .avp-native-auth-shell .avp-wp-login-bio__btn {
    height: var(--avp-auth-control-h) !important;
    min-height: var(--avp-auth-control-h) !important;
    padding: 8px 12px !important;
    border-radius: 13px !important;
    font-size: 12px !important;
    box-sizing: border-box !important;
}

body.login.avp-exp-native-login-main .avp-native-auth-shell #login_error,
body.login.avp-exp-native-login-main .avp-native-auth-shell .message,
body.login.avp-exp-native-login-main .avp-native-auth-shell .success {
    margin: 0 0 14px !important;
    padding: 11px 13px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
    box-shadow: none !important;
}

body.login.avp-exp-native-login-main .avp-native-auth-shell #nav,
body.login.avp-exp-native-login-main .avp-native-auth-shell #backtoblog {
    margin: 11px 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 12px !important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell #nav a,
body.login.avp-exp-native-login-main .avp-native-auth-shell #backtoblog a {
    color: #2563eb !important;
}

@media (max-width: 900px) {
    .avp-login-wrap,
    .avp-register-wrap,
    .avp-native-auth-shell {
        width: min(700px, calc(100% - 16px)) !important;
        grid-template-columns: 1fr !important;
    }
    body.login.avp-exp-native-login-main { padding: 8px !important; align-items: flex-start !important; }
    .avp-native-auth-shell { width: min(700px, calc(100vw - 16px)) !important; }
    .avp-native-auth-story { min-height: 132px !important; }
}

@media (max-width: 640px) {
    .avp-login-wrap,
    .avp-register-wrap {
        --avp-auth-control-h: 46px;
        width: calc(100% - 8px) !important;
    }
    .avp-auth-story,
    .avp-native-auth-story {
        min-height: 112px !important;
        padding: 14px !important;
        grid-template-columns: minmax(0, 1fr) 84px !important;
    }
    .avp-auth-story__eyebrow { font-size: 9.5px !important; }
    .avp-auth-story__visual { width: 80px !important; }
    .avp-auth-story__copy h2 { font-size: 18px !important; }
    .avp-auth-story__copy > p { font-size: 10.5px !important; line-height: 1.55 !important; }
    .avp-login-wrap > .avp-login-card,
    .avp-register-wrap #avp-reg-form-wrap > .avp-reg-card,
    body.login.avp-exp-native-login-main .avp-native-auth-shell #login {
        padding: 18px 15px !important;
    }
    .avp-login-wrap .avp-login-header,
    .avp-register-wrap .avp-reg-head,
    .avp-native-auth-head {
        grid-template-columns: 46px minmax(0, 1fr) !important;
        column-gap: 10px !important;
        margin-bottom: 14px !important;
    }
    .avp-login-wrap .avp-login-badge,
    .avp-register-wrap .avp-reg-icon,
    body.login.avp-exp-native-login-main #login .avp-native-auth-head h1,
    body.login.avp-exp-native-login-main #login .avp-native-auth-head h1 a {
        width: 46px !important;
        height: 46px !important;
    }
    .avp-login-wrap .avp-login-title,
    .avp-register-wrap .avp-reg-head h2,
    .avp-native-auth-heading h2 { font-size: 19px !important; }
    .avp-login-wrap .avp-login-sub,
    .avp-register-wrap .avp-reg-head p,
    .avp-native-auth-heading p { font-size: 11px !important; }
    .avp-register-wrap #avp-reg-form-wrap .avp-fields-grid { grid-template-columns: 1fr !important; }
    .avp-register-wrap #avp-reg-form-wrap .avp-field-wrap { grid-column: 1 / -1 !important; }
    body.login.avp-exp-native-login-main .avp-native-auth-shell {
        --avp-auth-control-h: 46px;
        width: calc(100vw - 12px) !important;
        padding: 5px !important;
        border-radius: 18px !important;
    }
}

/* v9: account-wide themes. The palette now controls the application shell,
   header, navigation, content surfaces, controls and shared cards together. */
.avp-mac {
    --avp-theme-a: #176bff;
    --avp-theme-b: #06a9c7;
    --avp-theme-c: #063568;
    --avp-theme-page: #f1f6ff;
    --avp-theme-surface: #ffffff;
    --avp-theme-sidebar: #f7faff;
    --avp-theme-content: #ffffff;
    --avp-theme-input: #f6f9ff;
    --avp-theme-ink: #0b1739;
    --avp-theme-muted: #66738d;
    --avp-theme-line: #dce7f7;
    --avp-theme-soft: #eaf2ff;
    --avp-theme-shadow: rgba(24, 77, 143, .12);
    --avp-exp-a: var(--avp-theme-a) !important;
    --avp-exp-b: var(--avp-theme-b) !important;
    --avp-exp-ink: var(--avp-theme-ink) !important;
    --avp-exp-muted: var(--avp-theme-muted) !important;
    --avp-exp-line: var(--avp-theme-line) !important;
    --p: var(--avp-theme-a) !important;
    --sbg: var(--avp-theme-sidebar) !important;
    --cbg: var(--avp-theme-content) !important;
    --mtx: var(--avp-theme-ink) !important;
    --abg: linear-gradient(135deg, var(--avp-theme-a), var(--avp-theme-b)) !important;
    --atx: #fff !important;
    --avp-border: var(--avp-theme-line) !important;
}
.avp-mac[data-avp-palette="violet"] {
    --avp-theme-a: #6547e8; --avp-theme-b: #b72ca8; --avp-theme-c: #28155f;
    --avp-theme-page: #f7f3ff; --avp-theme-sidebar: #fbf8ff; --avp-theme-input: #faf7ff;
    --avp-theme-ink: #21143e; --avp-theme-muted: #746888; --avp-theme-line: #e9dcf7;
    --avp-theme-soft: #f0e8ff; --avp-theme-shadow: rgba(89, 58, 163, .13);
}
.avp-mac[data-avp-palette="emerald"] {
    --avp-theme-a: #078261; --avp-theme-b: #06a4a9; --avp-theme-c: #063f3d;
    --avp-theme-page: #effaf7; --avp-theme-sidebar: #f5fcfa; --avp-theme-input: #f3fbf9;
    --avp-theme-ink: #0b302d; --avp-theme-muted: #607b77; --avp-theme-line: #d5ece7;
    --avp-theme-soft: #e2f7f1; --avp-theme-shadow: rgba(7, 113, 90, .13);
}
.avp-mac[data-avp-palette="sunset"] {
    --avp-theme-a: #f05a35; --avp-theme-b: #f59e0b; --avp-theme-c: #7a1f2a;
    --avp-theme-page: #fff5ef; --avp-theme-sidebar: #fffaf6; --avp-theme-input: #fff8f3;
    --avp-theme-ink: #3c1c20; --avp-theme-muted: #866d6d; --avp-theme-line: #f3dfd5;
    --avp-theme-soft: #ffeadc; --avp-theme-shadow: rgba(180, 72, 34, .13);
}
.avp-mac[data-avp-palette="rose"] {
    --avp-theme-a: #e83e78; --avp-theme-b: #a855f7; --avp-theme-c: #661846;
    --avp-theme-page: #fff2f7; --avp-theme-sidebar: #fff8fb; --avp-theme-input: #fff7fa;
    --avp-theme-ink: #3b1730; --avp-theme-muted: #84697b; --avp-theme-line: #f1dbe7;
    --avp-theme-soft: #ffe6f0; --avp-theme-shadow: rgba(169, 45, 105, .13);
}
.avp-mac[data-avp-palette="amber"] {
    --avp-theme-a: #cc7805; --avp-theme-b: #e5ad13; --avp-theme-c: #624006;
    --avp-theme-page: #fff9e9; --avp-theme-sidebar: #fffdf5; --avp-theme-input: #fffbef;
    --avp-theme-ink: #382705; --avp-theme-muted: #80745a; --avp-theme-line: #efe4c3;
    --avp-theme-soft: #fff1c7; --avp-theme-shadow: rgba(156, 104, 8, .13);
}
.avp-mac[data-avp-palette="midnight"] {
    --avp-theme-a: #2547d8; --avp-theme-b: #5361dd; --avp-theme-c: #071631;
    --avp-theme-page: #eef2fb; --avp-theme-sidebar: #f5f7fc; --avp-theme-input: #f3f6fd;
    --avp-theme-ink: #101a36; --avp-theme-muted: #66708a; --avp-theme-line: #d9e0f1;
    --avp-theme-soft: #e4eafe; --avp-theme-shadow: rgba(23, 42, 100, .15);
}
.avp-mac[data-avp-palette="graphite"] {
    --avp-theme-a: #334155; --avp-theme-b: #64748b; --avp-theme-c: #111827;
    --avp-theme-page: #f1f3f5; --avp-theme-sidebar: #f8f9fa; --avp-theme-input: #f5f6f7;
    --avp-theme-ink: #17202d; --avp-theme-muted: #6b7280; --avp-theme-line: #dce1e7;
    --avp-theme-soft: #e8ebef; --avp-theme-shadow: rgba(39, 49, 64, .13);
}

.avp-mac {
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--avp-theme-a) 14%, transparent), transparent 30%),
        radial-gradient(circle at 98% 28%, color-mix(in srgb, var(--avp-theme-b) 12%, transparent), transparent 28%),
        var(--avp-theme-page) !important;
    color: var(--avp-theme-ink) !important;
    box-shadow: 0 28px 86px var(--avp-theme-shadow) !important;
}
.avp-mac .avp-exp-account-toolbar {
    border-color: color-mix(in srgb, var(--avp-theme-line) 88%, #fff) !important;
    background: color-mix(in srgb, var(--avp-theme-surface) 92%, transparent) !important;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--avp-theme-shadow) 60%, transparent) !important;
}
.avp-mac .avp-exp-account-brandcopy strong { color: var(--avp-theme-ink) !important; }
.avp-mac .avp-exp-account-brandcopy small { color: var(--avp-theme-muted) !important; }
.avp-mac .avp-exp-account-brandmark,
.avp-mac .avp-exp-toolbar-action:hover,
.avp-mac .avp-exp-sidebar-toggle:hover { border-color: color-mix(in srgb, var(--avp-theme-a) 32%, var(--avp-theme-line)) !important; }
.avp-mac .avp-exp-toolbar-action,
.avp-mac .avp-exp-sidebar-toggle,
.avp-mac .avp-exp-toolbar-actions .avp-exp-palette {
    border-color: var(--avp-theme-line) !important;
    background: var(--avp-theme-input) !important;
    color: var(--avp-theme-ink) !important;
}
.avp-mac .avp-mac-hd,
.avp-experience-rtl .avp-mac .avp-mac-hd,
html[dir="rtl"] .avp-mac .avp-mac-hd {
    background:
        linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
        radial-gradient(circle at 8% 85%, color-mix(in srgb, var(--avp-theme-b) 62%, transparent), transparent 28%),
        linear-gradient(125deg, var(--avp-theme-c) 0%, var(--avp-theme-a) 56%, var(--avp-theme-b) 120%) !important;
    background-size: 44px 44px, 44px 44px, auto, auto !important;
    box-shadow: 0 24px 48px color-mix(in srgb, var(--avp-theme-a) 24%, transparent) !important;
}

/* Eight compact, accessible theme swatches. */
.avp-mac .avp-exp-toolbar-actions .avp-exp-palette {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 42px !important;
    padding: 6px 8px !important;
    border-radius: 13px !important;
}
.avp-mac .avp-exp-palette__icon {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    margin-inline-end: 2px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--avp-theme-a), var(--avp-theme-b));
    color: #fff;
    font-size: 11px;
    box-shadow: 0 6px 14px color-mix(in srgb, var(--avp-theme-a) 22%, transparent);
}
.avp-mac .avp-exp-toolbar-actions .avp-exp-palette button {
    width: 19px !important;
    height: 19px !important;
    min-width: 19px !important;
    min-height: 19px !important;
    padding: 0 !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}
.avp-mac .avp-exp-palette button[data-palette="ocean"] { background: linear-gradient(135deg, #176bff, #06a9c7) !important; }
.avp-mac .avp-exp-palette button[data-palette="violet"] { background: linear-gradient(135deg, #6547e8, #b72ca8) !important; }
.avp-mac .avp-exp-palette button[data-palette="emerald"] { background: linear-gradient(135deg, #078261, #06a4a9) !important; }
.avp-mac .avp-exp-palette button[data-palette="sunset"] { background: linear-gradient(135deg, #f05a35, #f59e0b) !important; }
.avp-mac .avp-exp-palette button[data-palette="rose"] { background: linear-gradient(135deg, #e83e78, #a855f7) !important; }
.avp-mac .avp-exp-palette button[data-palette="amber"] { background: linear-gradient(135deg, #cc7805, #e5ad13) !important; }
.avp-mac .avp-exp-palette button[data-palette="midnight"] { background: linear-gradient(135deg, #071631, #5361dd) !important; }
.avp-mac .avp-exp-palette button[data-palette="graphite"] { background: linear-gradient(135deg, #1f2937, #94a3b8) !important; }
.avp-mac .avp-exp-toolbar-actions .avp-exp-palette button:hover { transform: translateY(-2px) scale(1.08) !important; }
.avp-mac .avp-exp-toolbar-actions .avp-exp-palette button[aria-pressed="true"] {
    transform: scale(1.12) !important;
    box-shadow: 0 0 0 2px var(--avp-theme-surface), 0 0 0 4px var(--avp-theme-a), 0 5px 12px var(--avp-theme-shadow) !important;
}

/* Sidebar group hierarchy: distinctive titles, icons and readable navigation. */
.avp-mac .avp-mac-sidebar {
    background: linear-gradient(180deg, color-mix(in srgb, var(--avp-theme-sidebar) 96%, #fff), var(--avp-theme-sidebar)) !important;
    border-color: var(--avp-theme-line) !important;
    box-shadow: 0 18px 44px var(--avp-theme-shadow) !important;
}
.avp-mac .avp-exp-nav-profile {
    border-color: color-mix(in srgb, var(--avp-theme-a) 18%, var(--avp-theme-line)) !important;
    background: linear-gradient(135deg, var(--avp-theme-soft), var(--avp-theme-surface)) !important;
}
.avp-mac .avp-exp-nav-profile strong { color: var(--avp-theme-ink) !important; }
.avp-mac .avp-exp-nav-profile small { color: var(--avp-theme-muted) !important; }
.avp-mac .avp-exp-nav-search {
    border: 1px solid var(--avp-theme-line) !important;
    background: var(--avp-theme-input) !important;
}
.avp-mac .avp-exp-nav-search input { color: var(--avp-theme-ink) !important; }
.avp-mac .avp-exp-nav-search i { color: var(--avp-theme-a) !important; }
.avp-mac .avp-mac-nav-group {
    margin-bottom: 12px !important;
    padding: 9px !important;
    border-color: color-mix(in srgb, var(--avp-group-color) 22%, var(--avp-theme-line)) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, color-mix(in srgb, var(--avp-group-color) 5%, var(--avp-theme-surface)), var(--avp-theme-surface)) !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--avp-theme-shadow) 60%, transparent) !important;
}
.avp-mac .avp-mac-nav-group::before {
    inset-inline: 17px !important;
    height: 4px !important;
    background: linear-gradient(90deg, var(--avp-group-color), color-mix(in srgb, var(--avp-group-color) 38%, var(--avp-theme-b))) !important;
}
.avp-mac .avp-mac-nav-group-title {
    min-height: 46px !important;
    margin: 0 0 8px !important;
    padding: 7px 9px !important;
    gap: 10px !important;
    border: 1px solid color-mix(in srgb, var(--avp-group-color) 22%, var(--avp-theme-line)) !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, color-mix(in srgb, var(--avp-group-color) 12%, var(--avp-theme-surface)), var(--avp-theme-surface)) !important;
    color: color-mix(in srgb, var(--avp-group-color) 72%, var(--avp-theme-ink)) !important;
    font-size: 13.5px !important;
    font-weight: 950 !important;
    line-height: 1.35 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 7px 16px color-mix(in srgb, var(--avp-theme-shadow) 45%, transparent) !important;
}
.avp-mac .avp-mac-nav-group-title i {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    border-radius: 11px !important;
    background: linear-gradient(145deg, color-mix(in srgb, var(--avp-group-color) 82%, #fff), var(--avp-group-color)) !important;
    color: #fff !important;
    font-size: 13px !important;
    box-shadow: 0 8px 17px color-mix(in srgb, var(--avp-group-color) 27%, transparent), inset 0 1px 0 rgba(255,255,255,.3) !important;
}
.avp-mac .avp-mac-nav-group-title span { font: inherit !important; letter-spacing: 0 !important; }
.avp-mac .avp-mac-nav-item {
    min-height: 50px !important;
    padding: 8px 10px !important;
    gap: 11px !important;
    border-radius: 13px !important;
    color: var(--avp-theme-ink) !important;
    font-size: 13.5px !important;
    font-weight: 850 !important;
}
.avp-mac .avp-mac-nav-item i {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    border: 1px solid color-mix(in srgb, currentColor 14%, var(--avp-theme-line)) !important;
    border-radius: 11px !important;
    background: color-mix(in srgb, currentColor 8%, var(--avp-theme-surface)) !important;
    font-size: 13px !important;
}
.avp-mac .avp-mac-nav-item:hover {
    border-color: color-mix(in srgb, var(--avp-group-color) 24%, var(--avp-theme-line)) !important;
    background: color-mix(in srgb, var(--avp-group-color) 5%, var(--avp-theme-surface)) !important;
    color: var(--avp-theme-ink) !important;
}
.avp-mac .avp-mac-nav-item.active {
    background: linear-gradient(135deg, var(--avp-theme-a), var(--avp-theme-b)) !important;
    color: #fff !important;
    box-shadow: 0 13px 27px color-mix(in srgb, var(--avp-theme-a) 27%, transparent) !important;
}

/* Shared content language across every account endpoint. */
.avp-mac .avp-mac-content {
    padding: clamp(16px, 1.6vw, 24px) !important;
    border-color: var(--avp-theme-line) !important;
    background: linear-gradient(180deg, var(--avp-theme-content), color-mix(in srgb, var(--avp-theme-page) 28%, var(--avp-theme-content))) !important;
    color: var(--avp-theme-ink) !important;
    box-shadow: 0 18px 44px var(--avp-theme-shadow) !important;
}
.avp-mac .avp-mac-content :is(h2,h3,h4) { color: var(--avp-theme-ink) !important; }
.avp-mac .avp-mac-content > h3,
.avp-mac .avp-mac-content .woocommerce > h2,
.avp-mac .avp-mac-content .woocommerce > h3 {
    width: fit-content;
    max-width: 100%;
    min-height: 42px;
    padding: 8px 13px !important;
    border: 1px solid color-mix(in srgb, var(--avp-theme-a) 16%, var(--avp-theme-line)) !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, var(--avp-theme-soft), var(--avp-theme-surface)) !important;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--avp-theme-shadow) 50%, transparent) !important;
    font-size: clamp(16px, 1.4vw, 20px) !important;
    font-weight: 950 !important;
}
.avp-mac .avp-mac-content label { color: var(--avp-theme-ink) !important; font-weight: 850 !important; }
.avp-mac .avp-mac-content :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],select,textarea,.select2-selection) {
    border-color: var(--avp-theme-line) !important;
    background: var(--avp-theme-input) !important;
    color: var(--avp-theme-ink) !important;
}
.avp-mac .avp-mac-content :is(input,select,textarea):focus {
    border-color: var(--avp-theme-a) !important;
    background: var(--avp-theme-surface) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--avp-theme-a) 13%, transparent) !important;
}
.avp-mac .avp-mac-content fieldset {
    border-color: var(--avp-theme-line) !important;
    background: linear-gradient(180deg, var(--avp-theme-input), var(--avp-theme-surface)) !important;
    box-shadow: inset 0 1px 0 #fff !important;
}
.avp-mac .avp-mac-content fieldset legend { color: var(--avp-theme-ink) !important; }
.avp-mac .avp-mac-content :is(.woocommerce-info,.woocommerce-message,.woocommerce-error,.avp-account-notice) {
    border: 1px solid color-mix(in srgb, var(--avp-theme-a) 20%, var(--avp-theme-line)) !important;
    border-inline-start: 4px solid var(--avp-theme-a) !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, var(--avp-theme-soft), var(--avp-theme-surface)) !important;
    color: var(--avp-theme-ink) !important;
    box-shadow: 0 9px 22px color-mix(in srgb, var(--avp-theme-shadow) 48%, transparent) !important;
}
.avp-mac .avp-mac-content .woocommerce-error,
.avp-mac .avp-mac-content .avp-account-notice.is-error { border-inline-start-color: #e5484d !important; background: #fff5f5 !important; color: #a61b25 !important; }
.avp-mac .avp-mac-content :is(.avp-db-card,.avp-sc-card,.avp-sc-mini-card,.avp-ref-card,.avp-network-card,.avp-order-detail-card,.avp-order-info-card,.avp-order-help-card,.avp-address-card,.avp-td-card,.avp-pc-card,.avp-confirm-card) {
    border-color: var(--avp-theme-line) !important;
    background: linear-gradient(145deg, var(--avp-theme-surface), color-mix(in srgb, var(--avp-theme-soft) 35%, var(--avp-theme-surface))) !important;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--avp-theme-shadow) 54%, transparent) !important;
}
.avp-mac .avp-mac-content :is(.shop_table,.woocommerce-table,.avp-sc-table,.avp-act-table,.avp-network-table,.avp-orders-table) {
    border: 1px solid var(--avp-theme-line) !important;
    border-radius: 15px !important;
    background: var(--avp-theme-surface) !important;
}
.avp-mac .avp-mac-content :is(table thead th,table thead td) {
    background: var(--avp-theme-soft) !important;
    color: var(--avp-theme-ink) !important;
    font-weight: 900 !important;
}
.avp-mac .avp-mac-content table :is(td,th) { border-color: var(--avp-theme-line) !important; }

@media (max-width: 1180px) {
    .avp-mac .avp-exp-account-toolbar { flex-wrap: wrap !important; }
    .avp-mac .avp-exp-toolbar-actions { flex-wrap: wrap !important; }
}
@media (max-width: 640px) {
    .avp-mac .avp-exp-account-toolbar { gap: 9px !important; }
    .avp-mac .avp-exp-toolbar-actions { width: 100% !important; justify-content: space-between !important; }
    .avp-mac .avp-exp-toolbar-actions .avp-exp-palette { display: flex !important; flex: 1 1 auto !important; justify-content: center !important; }
    .avp-mac .avp-exp-palette__icon { display: none !important; }
    .avp-mac .avp-exp-toolbar-actions .avp-exp-palette button { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; }
    .avp-mac .avp-mac-content { padding: 13px !important; }
    .avp-mac .avp-mac-nav-group-title { font-size: 13px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .avp-auth-story *, .avp-login-wrap *, .avp-register-wrap *, .avp-mac * {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

.avp-login-wrap :focus-visible,
.avp-register-wrap :focus-visible,
.avp-mac :focus-visible,
body.login.avp-exp-native-login :focus-visible {
    outline: 3px solid rgba(14, 165, 233, .40) !important;
    outline-offset: 3px !important;
}

/* Account Command Center v2: a complete application shell, not a decorated WooCommerce page. */
.avp-mac {
    --avp-exp-a: #176bff;
    --avp-exp-b: #00a7b7;
    --avp-exp-ink: #0b1739;
    --avp-exp-muted: #66718c;
    --avp-exp-line: #e5eaf3;
    width: min(100%, 1480px) !important;
    padding: clamp(10px, 1.2vw, 18px) !important;
    border: 0 !important;
    border-radius: 32px !important;
    background:
        radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--avp-exp-a) 10%, transparent), transparent 28%),
        radial-gradient(circle at 96% 22%, color-mix(in srgb, var(--avp-exp-b) 9%, transparent), transparent 26%),
        #f5f7fb !important;
    box-shadow: 0 28px 90px rgba(15, 23, 42, .10) !important;
    isolation: isolate;
}

.avp-mac[data-avp-palette="violet"] { --avp-exp-a: #5b45ed; --avp-exp-b: #b5259c; }
.avp-mac[data-avp-palette="emerald"] { --avp-exp-a: #087f5b; --avp-exp-b: #0891a6; }

.avp-mac .avp-exp-account-toolbar {
    min-height: 66px;
    margin-bottom: 12px;
    padding: 9px 12px 9px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border: 1px solid rgba(226, 232, 240, .92);
    border-radius: 20px;
    background: rgba(255, 255, 255, .90);
    box-shadow: 0 10px 30px rgba(15, 23, 42, .055);
    backdrop-filter: blur(18px);
}

.avp-mac .avp-exp-account-brand,
.avp-mac .avp-exp-account-brandcopy,
.avp-mac .avp-exp-toolbar-actions,
.avp-mac .avp-exp-toolbar-action,
.avp-mac .avp-exp-sidebar-toggle {
    display: flex;
    align-items: center;
}

.avp-mac .avp-exp-account-brand { min-width: 0; gap: 11px; }
.avp-mac .avp-exp-account-brandmark {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: linear-gradient(145deg, var(--avp-exp-a), var(--avp-exp-b));
    color: #fff;
    font-size: 17px;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--avp-exp-a) 28%, transparent), inset 0 1px 0 rgba(255,255,255,.28);
}
.avp-mac .avp-exp-account-brandcopy { min-width: 0; align-items: flex-start; flex-direction: column; line-height: 1.25; }
.avp-mac .avp-exp-account-brandcopy strong { color: var(--avp-exp-ink); font-size: 15px; font-weight: 900; }
.avp-mac .avp-exp-account-brandcopy small { max-width: 230px; margin-top: 4px; color: #75809a; font-size: 10.5px; font-weight: 750; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.avp-mac .avp-exp-account-brandcopy small i { margin-inline-end: 6px; color: #22c55e; font-size: 6px; vertical-align: 2px; }
.avp-mac .avp-exp-toolbar-actions { min-width: 0; justify-content: flex-end; gap: 7px; }
.avp-mac .avp-exp-toolbar-action,
.avp-mac .avp-exp-sidebar-toggle {
    min-height: 40px !important;
    padding: 0 13px !important;
    justify-content: center;
    gap: 7px;
    border: 1px solid #e4e9f2 !important;
    border-radius: 12px !important;
    background: #f8faff !important;
    color: #43506c !important;
    box-shadow: none !important;
    text-decoration: none !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}
.avp-mac .avp-exp-toolbar-action:hover,
.avp-mac .avp-exp-sidebar-toggle:hover { border-color: color-mix(in srgb, var(--avp-exp-a) 28%, #e4e9f2) !important; color: var(--avp-exp-a) !important; background: #fff !important; transform: translateY(-1px); }
.avp-mac .avp-exp-sidebar-toggle { display: none; cursor: pointer; }

.avp-mac .avp-exp-toolbar-actions .avp-exp-palette {
    position: static !important;
    order: -1;
    min-height: 40px;
    padding: 7px 9px !important;
    border-color: #e4e9f2 !important;
    background: #f8faff !important;
    backdrop-filter: none;
}
.avp-mac .avp-exp-toolbar-actions .avp-exp-palette button {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    border-color: #fff !important;
}
.avp-mac .avp-exp-toolbar-actions .avp-exp-palette button[aria-pressed="true"] { box-shadow: 0 0 0 2px #cbd5e1 !important; }

.avp-mac .avp-mac-hd {
    min-height: 184px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 20px 22px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(390px, .9fr) !important;
    border: 0 !important;
    border-radius: 24px !important;
    overflow: hidden;
    box-shadow: 0 22px 45px rgba(9, 30, 66, .18) !important;
}
.avp-experience-rtl .avp-mac .avp-mac-hd,
html[dir="rtl"] .avp-mac .avp-mac-hd {
    background:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.045) 1px, transparent 1px),
        radial-gradient(circle at 8% 85%, rgba(34,211,238,.27), transparent 27%),
        linear-gradient(125deg, #071a3b 0%, var(--avp-exp-a) 55%, var(--avp-exp-b) 120%) !important;
    background-size: 34px 34px, 34px 34px, auto, auto !important;
}
.avp-experience-ltr .avp-mac .avp-mac-hd,
html[dir="ltr"] .avp-mac .avp-mac-hd {
    background:
        repeating-linear-gradient(125deg, rgba(255,255,255,.035) 0 1px, transparent 1px 30px),
        radial-gradient(circle at 92% 82%, rgba(167,139,250,.28), transparent 30%),
        linear-gradient(135deg, #09162f 0%, var(--avp-exp-a) 57%, var(--avp-exp-b) 125%) !important;
}
.avp-mac .avp-mac-hd-main { gap: 16px !important; }
.avp-mac .avp-mac-av { width: 76px !important; height: 76px !important; border-radius: 25px !important; transform: none !important; }
.avp-mac .avp-mac-hd-name { margin: 2px 0 2px !important; font-size: clamp(20px, 1.8vw, 28px) !important; letter-spacing: -.02em; }
.avp-mac .avp-mac-hd-email { margin: 0 0 8px !important; opacity: .82; }
.avp-mac .avp-mac-hd-topline { margin-bottom: 7px !important; }
.avp-mac .avp-mac-hd-kicker,
.avp-mac .avp-mac-hd-state { min-height: 27px; padding: 5px 9px !important; border-radius: 9px !important; background: rgba(255,255,255,.11) !important; backdrop-filter: blur(8px); }
.avp-mac .avp-mac-hd-pill { background: rgba(5, 18, 45, .24) !important; border-color: rgba(255,255,255,.15) !important; }
.avp-mac .avp-mac-hd-progress { height: 5px !important; max-width: 410px !important; margin-top: 10px !important; background: rgba(255,255,255,.20) !important; }
.avp-mac .avp-mac-hd-actions { min-width: 0 !important; justify-content: flex-end !important; gap: 12px !important; }
.avp-mac .avp-mac-hd-side { min-width: 0 !important; width: min(100%, 430px) !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
.avp-mac .avp-mac-hd-mini {
    min-height: 63px !important;
    padding: 10px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 15px !important;
    background: rgba(7, 24, 58, .26) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
    backdrop-filter: blur(12px);
}
.avp-mac .avp-mac-hd-mini:hover { background: rgba(255,255,255,.15) !important; transform: translateY(-1px); }
.avp-mac .avp-mac-hd-score { width: 92px !important; height: 92px !important; flex-basis: 92px !important; }
.avp-mac .avp-mac-hd-score-ring { width: 66px !important; height: 66px !important; }

.avp-mac .avp-exp-account-dock {
    margin: 12px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
}
.avp-mac .avp-exp-dock-item {
    min-width: 0;
    min-height: 82px;
    padding: 12px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 10px;
    border: 1px solid var(--avp-exp-line);
    border-radius: 17px;
    background: rgba(255,255,255,.90);
    box-shadow: 0 8px 24px rgba(15,23,42,.045);
    color: #35415e !important;
    text-decoration: none !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.avp-mac .avp-exp-dock-item > span { grid-row: 1 / 3; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: color-mix(in srgb, var(--dock-color) 11%, #fff); color: var(--dock-color); }
.avp-mac .avp-exp-dock-item strong { min-width: 0; align-self: end; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; font-weight: 900; }
.avp-mac .avp-exp-dock-item small { align-self: start; color: #8a94aa; font-size: 9.5px; font-weight: 700; }
.avp-mac .avp-exp-dock-item:hover { border-color: color-mix(in srgb, var(--dock-color) 32%, #e5eaf3); transform: translateY(-2px); box-shadow: 0 13px 28px rgba(15,23,42,.08); }
.avp-mac .avp-exp-dock-item.is-active { border-color: transparent; background: linear-gradient(145deg, var(--avp-exp-a), var(--avp-exp-b)); color: #fff !important; box-shadow: 0 13px 30px color-mix(in srgb, var(--avp-exp-a) 22%, transparent); }
.avp-mac .avp-exp-dock-item.is-active > span { color: #fff; background: rgba(255,255,255,.18); }
.avp-mac .avp-exp-dock-item.is-active small { color: rgba(255,255,255,.72); }

.avp-mac .avp-exp-risk-alert {
    margin: 12px 0 0;
    padding: 12px 14px;
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    border: 1px solid #fed7aa;
    border-inline-start: 4px solid #f97316;
    border-radius: 17px;
    background: linear-gradient(90deg, #fff7ed, #fffaf5);
    box-shadow: 0 8px 22px rgba(154,52,18,.055);
}
.avp-mac .avp-exp-risk-icon { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 13px; background: #ffedd5; color: #ea580c; font-size: 16px; }
.avp-mac .avp-exp-risk-copy { min-width: 0; }
.avp-mac .avp-exp-risk-copy strong { display: block; color: #9a3412; font-size: 12.5px; font-weight: 900; }
.avp-mac .avp-exp-risk-copy p { margin: 3px 0 0 !important; color: #b45309; font-size: 11.5px; line-height: 1.55; }
.avp-mac .avp-exp-risk-copy a { display: inline-flex; margin-top: 6px; color: #9a3412 !important; font-size: 11px; font-weight: 900; text-decoration: underline !important; }

.avp-mac .avp-mac-body {
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: 274px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 12px !important;
}
.avp-mac .avp-mac-sidebar {
    top: 18px !important;
    max-height: calc(100vh - 36px);
    padding: 11px !important;
    overflow: auto;
    scrollbar-width: thin;
    border: 1px solid var(--avp-exp-line) !important;
    border-radius: 21px !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 12px 32px rgba(15,23,42,.055) !important;
}
.avp-mac .avp-exp-nav-profile {
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid color-mix(in srgb, var(--avp-exp-a) 12%, #e7ebf3);
    border-radius: 15px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--avp-exp-a) 7%, #fff), color-mix(in srgb, var(--avp-exp-b) 6%, #fff));
}
.avp-mac .avp-exp-nav-close { display: none; }
.avp-mac .avp-exp-nav-avatar { width: 40px; height: 40px; flex: 0 0 40px; overflow: hidden; border: 2px solid #fff; border-radius: 13px; background: #e9eef7; box-shadow: 0 5px 14px rgba(15,23,42,.10); }
.avp-mac .avp-exp-nav-avatar img { width: 100%; height: 100%; object-fit: cover; }
.avp-mac .avp-exp-nav-profile > span:last-child { min-width: 0; display: flex; flex-direction: column; }
.avp-mac .avp-exp-nav-profile strong { max-width: 168px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #15203c; font-size: 11.5px; font-weight: 900; }
.avp-mac .avp-exp-nav-profile small { max-width: 168px; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #7a8499; font-size: 9.5px; direction: ltr; unicode-bidi: isolate; }
.avp-mac .avp-exp-nav-search { height: 40px; margin: 9px 0 12px; padding: 0 11px; display: flex; align-items: center; gap: 8px; border: 1px solid #e5eaf3; border-radius: 12px; background: #f8faff; color: #8490a7; }
.avp-mac .avp-exp-nav-search:focus-within { border-color: color-mix(in srgb, var(--avp-exp-a) 42%, #dfe5ef); box-shadow: 0 0 0 3px color-mix(in srgb, var(--avp-exp-a) 9%, transparent); }
.avp-mac .avp-exp-nav-search input { width: 100% !important; height: 38px !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; color: #27324c !important; font-size: 11px !important; }
.avp-mac .avp-exp-nav-search input::placeholder { color: #98a2b6; }
.avp-mac .avp-mac-nav-group { margin: 0 0 8px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.avp-mac .avp-mac-nav-group-title { margin: 0 2px 5px !important; padding: 5px 7px !important; border: 0 !important; color: #8a94aa !important; font-size: 9.5px !important; font-weight: 900 !important; letter-spacing: .03em; }
.avp-mac .avp-mac-nav-item {
    min-height: 41px !important;
    margin: 0 0 3px !important;
    padding: 8px 10px !important;
    gap: 9px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #58647c !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}
.avp-mac .avp-mac-nav-item i { width: 22px !important; height: 22px; display: grid; place-items: center; border-radius: 8px; background: color-mix(in srgb, currentColor 9%, transparent); font-size: 11px !important; }
.avp-mac .avp-mac-nav-item:hover { border-color: #e8ecf3 !important; background: #f8faff !important; color: #17223d !important; transform: none !important; }
.avp-mac .avp-mac-nav-item.active { border-color: transparent !important; background: linear-gradient(135deg, var(--avp-exp-a), var(--avp-exp-b)) !important; color: #fff !important; box-shadow: 0 9px 20px color-mix(in srgb, var(--avp-exp-a) 20%, transparent) !important; }
.avp-mac .avp-mac-nav-item.active::before { inset-block: 10px !important; width: 3px !important; border-radius: 10px !important; background: #fff !important; }
.avp-mac .avp-mac-nav-item.active i { color: #fff !important; background: rgba(255,255,255,.16); }
.avp-mac .avp-mac-nav-group.is-filtered-out,
.avp-mac .avp-mac-nav-item.is-filtered-out { display: none !important; }

.avp-mac .avp-mac-content {
    min-height: 620px !important;
    padding: clamp(16px, 2vw, 27px) !important;
    border: 1px solid var(--avp-exp-line) !important;
    border-radius: 21px !important;
    background: #fff !important;
    box-shadow: 0 12px 34px rgba(15,23,42,.055) !important;
}
.avp-mac .avp-exp-section-header {
    min-height: 76px;
    margin: -5px -5px 22px;
    padding: 11px 13px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid #e7ebf3;
    border-radius: 17px;
    background: linear-gradient(100deg, color-mix(in srgb, var(--section-color) 6%, #fff), #fff 55%);
}
.avp-mac .avp-exp-section-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: color-mix(in srgb, var(--section-color) 11%, #fff); color: var(--section-color); font-size: 17px; }
.avp-mac .avp-exp-section-copy { min-width: 0; display: flex; flex-direction: column; }
.avp-mac .avp-exp-section-copy small { color: #8b95a9; font-size: 9.5px; font-weight: 800; }
.avp-mac .avp-exp-section-copy strong { margin-top: 1px; color: #111c36; font-size: 15px; font-weight: 950; }
.avp-mac .avp-exp-section-copy p { margin: 3px 0 0 !important; color: #738097; font-size: 10.5px; line-height: 1.45; }
.avp-mac .avp-exp-section-live { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid #d8f3e3; border-radius: 999px; background: #f0fdf4; color: #16834d; font-size: 9.5px; font-weight: 850; white-space: nowrap; }
.avp-mac .avp-exp-section-live i { width: 6px; height: 6px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 4px rgba(34,197,94,.10); }
.avp-mac .avp-exp-nav-backdrop { display: none; }
html.avp-account-nav-lock,
html.avp-account-nav-lock body { overflow: hidden !important; }

/* Theme breadcrumbs duplicate the command-center toolbar on account pages. */
body.avp-exp-account-page .page-heading,
body.avp-exp-account-page .wd-page-title,
body.avp-exp-account-page .page-title-default,
body.avp-exp-account-page .woocommerce-breadcrumb { display: none !important; }

@media (max-width: 1180px) {
    .avp-mac .avp-mac-hd { grid-template-columns: minmax(0, 1fr) minmax(350px, .85fr) !important; }
    .avp-mac .avp-mac-hd-score { display: none !important; }
    .avp-mac .avp-exp-account-dock { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 960px) {
    .avp-mac { border-radius: 24px !important; }
    .avp-mac .avp-exp-sidebar-toggle { display: inline-flex; }
    .avp-mac .avp-exp-toolbar-action span { display: none; }
    .avp-mac .avp-exp-toolbar-action { width: 40px; padding: 0 !important; }
    .avp-mac .avp-mac-hd { min-height: 0 !important; grid-template-columns: 1fr !important; gap: 16px !important; }
    .avp-mac .avp-mac-hd-actions { width: 100%; flex-direction: row !important; }
    .avp-mac .avp-mac-hd-side { width: 100% !important; max-width: none !important; }
    .avp-mac .avp-mac-body { display: block !important; }
    .avp-mac .avp-mac-sidebar {
        position: fixed !important;
        z-index: 100002;
        inset-block: 12px !important;
        inset-inline-start: 12px !important;
        width: min(350px, calc(100vw - 30px)) !important;
        max-height: none !important;
        padding: 14px !important;
        border-radius: 23px !important;
        transform: translateX(-115%);
        opacity: 0;
        visibility: hidden;
        transition: transform .24s ease, opacity .2s ease, visibility .2s ease;
    }
    .avp-mac .avp-exp-nav-close { width: 100% !important; min-height: 40px !important; margin: 0 0 9px !important; padding: 0 11px !important; display: flex; align-items: center; justify-content: space-between; border: 1px solid #e4e9f2 !important; border-radius: 12px !important; background: #f8faff !important; color: #536078 !important; box-shadow: none !important; font-size: 11px !important; font-weight: 850 !important; cursor: pointer; }
    html[dir="rtl"] .avp-mac .avp-mac-sidebar,
    .avp-experience-rtl .avp-mac .avp-mac-sidebar { transform: translateX(115%); }
    .avp-mac.is-nav-open .avp-mac-sidebar { transform: translateX(0) !important; opacity: 1; visibility: visible; }
    .avp-mac .avp-exp-nav-backdrop { position: fixed; z-index: 100001; inset: 0; width: 100vw !important; height: 100vh !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: rgba(5,13,31,.58) !important; box-shadow: none !important; opacity: 0; visibility: hidden; backdrop-filter: blur(3px); transition: opacity .2s ease, visibility .2s ease; }
    .avp-mac.is-nav-open .avp-exp-nav-backdrop { display: block; opacity: 1; visibility: visible; }
    .avp-mac .avp-mac-content { margin-top: 12px; min-height: 520px !important; }
}

@media (max-width: 640px) {
    .avp-mac { width: calc(100% - 8px) !important; padding: 7px !important; border-radius: 19px !important; }
    .avp-mac .avp-exp-account-toolbar { min-height: 58px; margin-bottom: 8px; padding: 7px 8px; border-radius: 16px; }
    .avp-mac .avp-exp-account-brandmark { width: 40px; height: 40px; flex-basis: 40px; border-radius: 13px; }
    .avp-mac .avp-exp-account-brandcopy strong { font-size: 13px; }
    .avp-mac .avp-exp-account-brandcopy small { max-width: 110px; font-size: 9px; }
    .avp-mac .avp-exp-toolbar-actions { gap: 5px; }
    .avp-mac .avp-exp-toolbar-actions .avp-exp-palette { display: none; }
    .avp-mac .avp-exp-toolbar-action { display: none; }
    .avp-mac .avp-exp-sidebar-toggle { min-height: 38px !important; padding: 0 11px !important; }
    .avp-mac .avp-mac-hd { padding: 17px 14px !important; border-radius: 18px !important; text-align: start !important; }
    .avp-mac .avp-mac-hd-main { align-items: flex-start !important; gap: 11px !important; }
    .avp-mac .avp-mac-av { width: 58px !important; height: 58px !important; border-radius: 19px !important; }
    .avp-mac .avp-mac-hd-name { font-size: 19px !important; }
    .avp-mac .avp-mac-hd-kicker { display: none !important; }
    .avp-mac .avp-mac-hd-badges { gap: 5px !important; }
    .avp-mac .avp-mac-hd-pill { max-width: 100%; font-size: 9.5px !important; }
    .avp-mac .avp-mac-hd-actions { display: block !important; }
    .avp-mac .avp-mac-hd-side { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; min-width: 0 !important; }
    .avp-mac .avp-mac-hd-mini { min-height: 57px !important; padding: 8px !important; }
    .avp-mac .avp-mac-hd-mini-copy em { font-size: 8.5px !important; }
    .avp-mac .avp-exp-account-dock { margin-top: 8px; display: flex; gap: 7px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .avp-mac .avp-exp-account-dock::-webkit-scrollbar { display: none; }
    .avp-mac .avp-exp-dock-item { flex: 0 0 152px; min-height: 72px; padding: 9px; scroll-snap-align: start; border-radius: 14px; }
    .avp-mac .avp-exp-risk-alert { margin-top: 8px; grid-template-columns: 36px minmax(0,1fr); padding: 10px; gap: 9px; border-radius: 14px; }
    .avp-mac .avp-exp-risk-icon { width: 36px; height: 36px; border-radius: 11px; }
    .avp-mac .avp-exp-risk-copy strong { font-size: 11px; }
    .avp-mac .avp-exp-risk-copy p { font-size: 10px; }
    .avp-mac .avp-mac-content { min-height: 440px !important; margin-top: 8px; padding: 12px !important; border-radius: 16px !important; }
    .avp-mac .avp-exp-section-header { min-height: 67px; margin: -2px -2px 16px; padding: 9px; grid-template-columns: 42px minmax(0,1fr); gap: 9px; border-radius: 14px; }
    .avp-mac .avp-exp-section-icon { width: 42px; height: 42px; border-radius: 13px; }
    .avp-mac .avp-exp-section-copy p { display: none; }
    .avp-mac .avp-exp-section-live { display: none; }
    .avp-mac .avp-mac-sidebar { inset-block: 7px !important; inset-inline-start: 7px !important; width: min(330px, calc(100vw - 18px)) !important; }
    .avp-mac .avp-mac-nav-group-title { display: flex !important; }
    .avp-mac .avp-mac-nav-group-items { display: block !important; }
    .avp-mac .avp-mac-nav-item { min-width: 0 !important; min-height: 42px !important; align-items: center !important; justify-content: flex-start !important; flex-direction: row !important; padding: 9px 10px !important; text-align: start !important; }
}

/* Navigation correction v3: one navigation system, all sections preserved. */
.avp-mac .avp-mac-body {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
}
.avp-mac .avp-mac-sidebar,
.avp-mac .avp-exp-sidebar-toggle,
.avp-mac .avp-exp-nav-backdrop {
    display: none !important;
}
.avp-mac .avp-mac-content {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important;
}
.avp-mac .avp-exp-account-dock {
    width: 100%;
    max-width: 100%;
    margin: 12px 0 0 !important;
    padding: 2px 2px 8px !important;
    display: flex !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 2px;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--avp-exp-a) 26%, #cbd5e1) transparent;
}
.avp-mac .avp-exp-account-dock::-webkit-scrollbar { height: 5px; }
.avp-mac .avp-exp-account-dock::-webkit-scrollbar-track { background: transparent; }
.avp-mac .avp-exp-account-dock::-webkit-scrollbar-thumb { border-radius: 999px; background: color-mix(in srgb, var(--avp-exp-a) 26%, #cbd5e1); }
.avp-mac .avp-exp-dock-item {
    flex: 0 0 clamp(150px, 13.5vw, 190px) !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 62px !important;
    padding: 10px 12px !important;
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    align-items: center !important;
    gap: 10px !important;
    scroll-snap-align: start;
    border-radius: 15px !important;
}
.avp-mac .avp-exp-dock-item > span {
    grid-row: auto !important;
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px;
    border-radius: 11px !important;
}
.avp-mac .avp-exp-dock-item strong {
    flex: 1;
    min-width: 0;
    align-self: auto !important;
    font-size: 11px !important;
    line-height: 1.35;
}
.avp-mac .avp-exp-dock-item small { display: none !important; }
.avp-mac .avp-exp-dock-item.is-active::after {
    content: "";
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(255,255,255,.16);
}

@media (max-width: 960px) {
    html.avp-account-nav-lock,
    html.avp-account-nav-lock body { overflow: auto !important; }
    .avp-mac .avp-exp-account-dock {
        margin-top: 9px !important;
        padding-bottom: 5px !important;
        gap: 7px !important;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }
    .avp-mac .avp-exp-account-dock::-webkit-scrollbar { display: none; }
    .avp-mac .avp-exp-dock-item {
        flex-basis: 148px !important;
        min-height: 60px !important;
        padding: 9px 10px !important;
        scroll-snap-align: start;
    }
}

@media (max-width: 640px) {
    .avp-mac .avp-exp-toolbar-logout {
        width: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        padding: 0 !important;
        display: inline-flex !important;
    }
    .avp-mac .avp-exp-toolbar-logout span { display: none !important; }
    .avp-mac .avp-exp-account-dock { margin-top: 8px !important; }
    .avp-mac .avp-exp-dock-item {
        flex-basis: 142px !important;
        min-height: 58px !important;
        border-radius: 13px !important;
    }
    .avp-mac .avp-exp-dock-item > span {
        width: 34px !important;
        height: 34px !important;
        flex-basis: 34px;
    }
    .avp-mac .avp-mac-content { margin-top: 8px !important; }
}

/* Layout correction v4: compact auth surfaces and a wrapped account menu. */
.avp-mac {
    width: min(100%, 1420px) !important;
    max-width: 1420px !important;
    padding: 10px !important;
    border-radius: 23px !important;
    background:
        radial-gradient(circle at 3% 3%, color-mix(in srgb, var(--avp-exp-a) 8%, transparent), transparent 24%),
        radial-gradient(circle at 97% 97%, color-mix(in srgb, var(--avp-exp-b) 7%, transparent), transparent 25%),
        #f6f8fc !important;
    box-shadow: 0 20px 58px rgba(15, 23, 42, .075) !important;
}

.avp-mac .avp-exp-account-toolbar {
    min-height: 56px !important;
    margin-bottom: 9px !important;
    padding: 6px 9px !important;
    border-radius: 16px !important;
    box-shadow: 0 7px 22px rgba(15, 23, 42, .04) !important;
}
.avp-mac .avp-exp-account-brandmark {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
    border-radius: 13px !important;
}
.avp-mac .avp-exp-account-brandcopy strong { font-size: 13.5px !important; }
.avp-mac .avp-exp-account-brandcopy small { margin-top: 2px !important; font-size: 9.5px !important; }
.avp-mac .avp-exp-toolbar-action { min-height: 38px !important; }

.avp-mac .avp-mac-hd {
    min-height: 142px !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(410px, .75fr) !important;
    gap: 15px !important;
    border-radius: 19px !important;
    box-shadow: 0 17px 36px rgba(9, 30, 66, .16) !important;
}
.avp-mac .avp-mac-hd-main { gap: 13px !important; }
.avp-mac .avp-mac-av {
    width: 62px !important;
    height: 62px !important;
    flex-basis: 62px !important;
    border-radius: 19px !important;
}
.avp-mac .avp-mac-hd-topline { margin-bottom: 4px !important; gap: 5px !important; }
.avp-mac .avp-mac-hd-kicker,
.avp-mac .avp-mac-hd-state {
    min-height: 23px !important;
    padding: 4px 7px !important;
    font-size: 9px !important;
}
.avp-mac .avp-mac-hd-name {
    margin: 1px 0 !important;
    font-size: clamp(17px, 1.45vw, 22px) !important;
}
.avp-mac .avp-mac-hd-email { margin: 0 0 4px !important; font-size: 11px !important; }
.avp-mac .avp-mac-hd-badges { margin-top: 4px !important; gap: 4px !important; }
.avp-mac .avp-mac-hd-pill { padding: 4px 7px !important; font-size: 9.5px !important; }
.avp-mac .avp-mac-hd-progress { height: 4px !important; margin-top: 6px !important; }
.avp-mac .avp-mac-hd-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 76px !important;
    align-items: center !important;
    gap: 8px !important;
}
.avp-mac .avp-mac-hd-side {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
}
.avp-mac .avp-mac-hd-mini {
    min-height: 48px !important;
    padding: 7px 8px !important;
    gap: 7px !important;
    border-radius: 12px !important;
}
.avp-mac .avp-mac-hd-mini-ico {
    width: 29px !important;
    height: 29px !important;
    flex-basis: 29px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
}
.avp-mac .avp-mac-hd-mini-copy { gap: 2px !important; }
.avp-mac .avp-mac-hd-mini-copy em { font-size: 8.5px !important; }
.avp-mac .avp-mac-hd-mini-copy strong { font-size: 11.5px !important; }
.avp-mac .avp-mac-hd-score {
    display: grid !important;
    width: 76px !important;
    height: 76px !important;
    flex-basis: 76px !important;
    border-radius: 22px !important;
}
.avp-mac .avp-mac-hd-score-ring { width: 54px !important; height: 54px !important; }
.avp-mac .avp-mac-hd-score-ring strong { font-size: 14px !important; }
.avp-mac .avp-mac-hd-score span { margin-top: 2px !important; font-size: 8px !important; }

/* One navigation source: wrap into centered rows and never create a scrollbar. */
.avp-mac .avp-exp-account-dock {
    width: 100% !important;
    max-width: 100% !important;
    margin: 9px 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 7px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    overscroll-behavior: auto !important;
    scrollbar-width: none !important;
}
.avp-mac .avp-exp-account-dock::-webkit-scrollbar { display: none !important; }
.avp-mac .avp-exp-dock-item {
    flex: 0 1 168px !important;
    width: 168px !important;
    max-width: 184px !important;
    min-width: 142px !important;
    min-height: 53px !important;
    padding: 7px 9px !important;
    gap: 8px !important;
    scroll-snap-align: none !important;
    border-radius: 13px !important;
    box-shadow: 0 5px 17px rgba(15, 23, 42, .035) !important;
}
.avp-mac .avp-exp-dock-item > span {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
}
.avp-mac .avp-exp-dock-item strong {
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    text-align: start !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
}
.avp-mac .avp-exp-dock-item.is-active::after { width: 5px !important; height: 5px !important; flex-basis: 5px !important; }

.avp-mac .avp-exp-risk-alert {
    margin-top: 9px !important;
    padding: 9px 11px !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 9px !important;
    border-radius: 13px !important;
}
.avp-mac .avp-exp-risk-icon { width: 36px !important; height: 36px !important; border-radius: 10px !important; }
.avp-mac .avp-exp-risk-copy strong { font-size: 11px !important; }
.avp-mac .avp-exp-risk-copy p { font-size: 10.5px !important; }
.avp-mac .avp-exp-risk-copy a { margin-top: 3px !important; font-size: 10px !important; }

.avp-mac .avp-mac-body { margin-top: 9px !important; }
.avp-mac .avp-mac-content {
    min-height: 0 !important;
    margin-top: 0 !important;
    padding: clamp(15px, 1.8vw, 23px) !important;
    border-radius: 17px !important;
    box-shadow: 0 8px 26px rgba(15, 23, 42, .045) !important;
}
.avp-mac .avp-exp-section-header { display: none !important; }

/* Full-page login and registration: premium, but sized for the viewport. */
.avp-login-wrap,
.avp-register-wrap {
    width: min(1060px, calc(100% - 20px)) !important;
    min-height: 0 !important;
    margin: 10px auto !important;
    padding: 7px !important;
    grid-template-columns: minmax(300px, .72fr) minmax(430px, 1.28fr) !important;
    border-radius: 25px !important;
    box-shadow: 0 22px 62px rgba(15, 23, 42, .13), 0 6px 18px rgba(15, 23, 42, .06) !important;
}
.avp-auth-story {
    min-height: 0 !important;
    padding: 22px 20px !important;
    border-radius: 19px !important;
}
.avp-auth-story__eyebrow { padding: 6px 9px !important; gap: 6px !important; font-size: 9.5px !important; }
.avp-auth-story__visual { width: min(178px, 65%) !important; margin: 9px auto 5px !important; }
.avp-auth-story__copy h2 { margin-bottom: 5px !important; font-size: clamp(20px, 1.8vw, 25px) !important; }
.avp-auth-story__copy > p { font-size: 11px !important; line-height: 1.65 !important; }
.avp-auth-story__features {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin-top: 10px !important;
}
.avp-auth-story__feature {
    min-height: 42px !important;
    padding: 6px !important;
    gap: 5px !important;
    border-radius: 10px !important;
    font-size: 8.5px !important;
    line-height: 1.35 !important;
}
.avp-auth-story__feature i {
    width: 23px !important;
    height: 23px !important;
    flex-basis: 23px !important;
    border-radius: 7px !important;
    font-size: 10px !important;
}
.avp-login-wrap > .avp-login-card,
.avp-register-wrap #avp-reg-form-wrap > .avp-reg-card {
    min-height: 0 !important;
    padding: 20px 26px !important;
}
.avp-login-wrap .avp-login-header,
.avp-register-wrap .avp-reg-head {
    margin-bottom: 13px !important;
    display: grid !important;
    grid-template-columns: 50px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 11px !important;
    row-gap: 1px !important;
    align-items: center !important;
    text-align: start !important;
}
.avp-login-wrap .avp-login-badge,
.avp-register-wrap .avp-reg-icon {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    border-radius: 15px !important;
    font-size: 18px !important;
    transform: none !important;
    box-shadow: 0 11px 25px rgba(37, 99, 235, .18), inset 0 1px 0 rgba(255, 255, 255, .32) !important;
}
.avp-login-wrap .avp-login-title,
.avp-register-wrap .avp-reg-head h2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    margin: 0 0 2px !important;
    font-size: clamp(20px, 1.8vw, 24px) !important;
    line-height: 1.2 !important;
    text-align: start !important;
}
.avp-login-wrap .avp-login-sub,
.avp-register-wrap .avp-reg-head p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    margin: 0 !important;
    font-size: 10.5px !important;
    line-height: 1.5 !important;
    text-align: start !important;
}
.avp-login-wrap .avp-lf-field { margin-bottom: 9px !important; }
.avp-login-wrap .avp-lf-label,
.avp-register-wrap .avp-field-wrap label { margin-bottom: 4px !important; font-size: 10.5px !important; }
.avp-login-wrap .avp-lf-input,
.avp-register-wrap .avp-field-wrap input:not([type="checkbox"]):not([type="radio"]),
.avp-register-wrap .avp-field-wrap select,
.avp-register-wrap .avp-field-wrap textarea {
    min-height: 43px !important;
    height: 43px !important;
    padding-block: 7px !important;
    border-radius: 12px !important;
    font-size: 12.5px !important;
}
.avp-register-wrap #avp-reg-form-wrap .avp-field-wrap textarea { height: 74px !important; min-height: 74px !important; }
.avp-login-wrap .avp-lf-remember-row { margin: 1px 0 6px !important; }
.avp-login-wrap .avp-lf-auth-row { margin: 0 0 10px !important; gap: 8px !important; }
.avp-login-wrap .avp-lf-remember,
.avp-login-wrap .avp-lf-forgot,
.avp-login-wrap .avp-lf-passwordless-trigger { font-size: 10.5px !important; }
.avp-login-wrap .avp-lf-submit,
.avp-register-wrap .avp-submit-btn {
    min-height: 44px !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    font-size: 13.5px !important;
    box-shadow: 0 11px 23px rgba(37, 99, 235, .17) !important;
}
.avp-login-wrap .avp-social-login { margin: 6px 0 !important; }
.avp-login-wrap .avp-social-divider { margin: 6px 0 !important; gap: 7px !important; }
.avp-login-wrap .avp-social-divider span { font-size: 10px !important; }
.avp-login-wrap .avp-social-buttons { gap: 6px !important; }
.avp-login-wrap .avp-social-btn {
    min-height: 36px !important;
    padding-block: 7px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
}
.avp-login-wrap .avp-lf-magic-divider { margin: 6px 0 !important; font-size: 10px !important; }
.avp-login-wrap #avp-magic-link-btn {
    min-height: 38px !important;
    margin-bottom: 6px !important;
    padding: 7px 10px !important;
    font-size: 11.5px !important;
}
.avp-login-wrap .avp-bio-login-wrap { margin: 6px 0 0 !important; }
.avp-login-wrap .avp-bio-login-divider { margin: 6px 0 !important; }
.avp-login-wrap .avp-bio-login-divider > span:nth-child(2) { padding-inline: 7px !important; font-size: 9.5px !important; }
.avp-login-wrap .avp-bio-login-wrap > div:nth-child(2) { gap: 10px !important; margin: 5px auto 1px !important; }
.avp-login-wrap .avp-bio-login-trigger { flex-direction: row !important; gap: 6px !important; }
.avp-login-wrap .avp-bio-login-circle {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    font-size: 19px !important;
}
.avp-login-wrap #avp-bio-login-msg { min-height: 0 !important; font-size: 10px !important; }
.avp-login-wrap .avp-lf-switch,
.avp-register-wrap .avp-to-login { margin-top: 8px !important; font-size: 10.5px !important; }

.avp-register-wrap #avp-reg-form-wrap .avp-fields-grid {
    gap: 9px 11px !important;
    margin-bottom: 9px !important;
}
.avp-register-wrap #avp-reg-form-wrap .avp-field-desc { margin-top: 2px !important; font-size: 9.5px !important; }
.avp-register-wrap #avp-reg-form-wrap .avp-terms-box { margin-top: 6px !important; padding: 9px !important; }
.avp-register-wrap #avp-reg-form-wrap .avp-checkbox-label { gap: 7px !important; font-size: 10.5px !important; line-height: 1.55 !important; }
.avp-register-wrap #avp-reg-form-wrap .avp-submit-row { margin-top: 0 !important; }

@media (max-width: 1180px) {
    .avp-mac .avp-mac-hd-score { display: grid !important; }
    .avp-mac .avp-exp-dock-item { flex-basis: 158px !important; width: 158px !important; }
}

@media (max-width: 900px) {
    .avp-mac .avp-mac-hd {
        min-height: 0 !important;
        grid-template-columns: 1fr !important;
        gap: 11px !important;
    }
    .avp-mac .avp-mac-hd-actions { width: 100% !important; }
    .avp-login-wrap,
    .avp-register-wrap {
        width: min(700px, calc(100% - 16px)) !important;
        grid-template-columns: 1fr !important;
    }
    .avp-auth-story {
        min-height: 126px !important;
        padding: 16px 18px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 118px !important;
        align-items: center !important;
        gap: 12px !important;
    }
    .avp-auth-story__eyebrow { position: absolute !important; inset-block-start: 12px !important; inset-inline-start: 14px !important; }
    .avp-auth-story__visual { width: 104px !important; margin: 0 !important; grid-column: 2 !important; grid-row: 1 !important; }
    .avp-auth-story__copy { grid-column: 1 !important; grid-row: 1 !important; padding-top: 25px !important; }
    .avp-auth-story__features { display: none !important; }
}

@media (max-width: 640px) {
    .avp-mac { width: calc(100% - 4px) !important; padding: 6px !important; border-radius: 16px !important; }
    .avp-mac .avp-exp-account-toolbar { min-height: 50px !important; margin-bottom: 6px !important; padding: 5px 6px !important; border-radius: 13px !important; }
    .avp-mac .avp-exp-account-brandmark { width: 36px !important; height: 36px !important; flex-basis: 36px !important; }
    .avp-mac .avp-exp-account-brandcopy strong { font-size: 12px !important; }
    .avp-mac .avp-exp-account-brandcopy small { max-width: 118px !important; font-size: 8.5px !important; }
    .avp-mac .avp-mac-hd { padding: 12px !important; text-align: start !important; border-radius: 15px !important; }
    .avp-mac .avp-mac-hd-main { align-items: center !important; }
    .avp-mac .avp-mac-av { width: 52px !important; height: 52px !important; flex-basis: 52px !important; border-radius: 16px !important; }
    .avp-mac .avp-mac-hd-name { font-size: 16px !important; }
    .avp-mac .avp-mac-hd-kicker { display: none !important; }
    .avp-mac .avp-mac-hd-pill { max-width: 100% !important; white-space: normal !important; }
    .avp-mac .avp-mac-hd-actions { grid-template-columns: minmax(0, 1fr) 64px !important; gap: 6px !important; }
    .avp-mac .avp-mac-hd-side { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 5px !important; }
    .avp-mac .avp-mac-hd-mini { min-height: 43px !important; padding: 6px !important; }
    .avp-mac .avp-mac-hd-mini-ico { width: 25px !important; height: 25px !important; flex-basis: 25px !important; }
    .avp-mac .avp-mac-hd-score { width: 64px !important; height: 64px !important; flex-basis: 64px !important; border-radius: 18px !important; }
    .avp-mac .avp-mac-hd-score-ring { width: 46px !important; height: 46px !important; }
    .avp-mac .avp-exp-account-dock { margin-top: 6px !important; gap: 5px !important; }
    .avp-mac .avp-exp-dock-item {
        flex: 0 1 calc(50% - 3px) !important;
        width: calc(50% - 3px) !important;
        max-width: 205px !important;
        min-width: 0 !important;
        min-height: 48px !important;
        padding: 6px 7px !important;
    }
    .avp-mac .avp-exp-dock-item > span { width: 29px !important; height: 29px !important; flex-basis: 29px !important; }
    .avp-mac .avp-exp-dock-item strong { font-size: 9.5px !important; }
    .avp-mac .avp-mac-content { margin-top: 0 !important; padding: 12px !important; border-radius: 13px !important; }

    .avp-login-wrap,
    .avp-register-wrap {
        width: calc(100% - 8px) !important;
        margin: 4px auto !important;
        padding: 5px !important;
        border-radius: 18px !important;
    }
    .avp-auth-story {
        min-height: 104px !important;
        padding: 13px 14px !important;
        grid-template-columns: minmax(0, 1fr) 78px !important;
        border-radius: 14px !important;
    }
    .avp-auth-story__eyebrow { inset-block-start: 9px !important; inset-inline-start: 10px !important; padding: 5px 7px !important; font-size: 8px !important; }
    .avp-auth-story__visual { width: 72px !important; }
    .avp-auth-story__copy { padding-top: 22px !important; }
    .avp-auth-story__copy h2 { font-size: 17px !important; }
    .avp-auth-story__copy > p { font-size: 9.5px !important; line-height: 1.45 !important; }
    .avp-login-wrap > .avp-login-card,
    .avp-register-wrap #avp-reg-form-wrap > .avp-reg-card { padding: 15px 13px !important; }
    .avp-login-wrap .avp-login-header,
    .avp-register-wrap .avp-reg-head {
        grid-template-columns: 44px minmax(0, 1fr) !important;
        column-gap: 9px !important;
        margin-bottom: 11px !important;
    }
    .avp-login-wrap .avp-login-badge,
    .avp-register-wrap .avp-reg-icon { width: 44px !important; height: 44px !important; border-radius: 13px !important; }
    .avp-login-wrap .avp-login-title,
    .avp-register-wrap .avp-reg-head h2 { font-size: 18px !important; }
    .avp-login-wrap .avp-login-sub,
    .avp-register-wrap .avp-reg-head p { font-size: 9.5px !important; }
    .avp-register-wrap #avp-reg-form-wrap .avp-fields-grid { grid-template-columns: 1fr !important; }
    .avp-register-wrap #avp-reg-form-wrap .avp-field-wrap { grid-column: 1 / -1 !important; }
    .avp-exp-auth-tabs .avp-exp-auth-panel > .avp-login-wrap,
    .avp-exp-auth-tabs .avp-exp-auth-panel > .avp-register-wrap { padding-top: 52px !important; }
}

/* v5 cascade finalization: these rules intentionally follow the v4 repair. */
.avp-login-wrap,
.avp-register-wrap {
    --avp-auth-control-h: 48px;
    --avp-auth-control-radius: 13px;
    width: min(1010px, calc(100% - 24px)) !important;
    margin: 12px auto !important;
    padding: 8px !important;
    grid-template-columns: minmax(350px, .78fr) minmax(470px, 1.22fr) !important;
    border-radius: 26px !important;
}
.avp-login-wrap > .avp-login-card,
.avp-register-wrap #avp-reg-form-wrap > .avp-reg-card { padding: 28px 34px !important; }
.avp-auth-story { padding: 28px 26px 24px !important; border-radius: 19px !important; }
.avp-auth-story__eyebrow { padding: 7px 10px !important; gap: 7px !important; font-size: 11px !important; line-height: 1.2 !important; }
.avp-auth-story__visual { width: min(194px, 68%) !important; margin: 13px auto 8px !important; }
.avp-auth-story__copy h2 { margin-bottom: 7px !important; font-size: clamp(22px, 2vw, 28px) !important; line-height: 1.3 !important; }
.avp-auth-story__copy > p { font-size: 12.5px !important; line-height: 1.75 !important; }
.avp-auth-story__features { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 7px !important; margin-top: 14px !important; }
.avp-auth-story__feature { min-height: 48px !important; padding: 7px !important; gap: 6px !important; border-radius: 11px !important; font-size: 10px !important; line-height: 1.45 !important; }
.avp-auth-story__feature i,
.avp-native-auth-story .avp-auth-story__feature > span[aria-hidden="true"] { width: 25px !important; height: 25px !important; flex: 0 0 25px !important; font-size: 11px !important; }
.avp-login-wrap .avp-login-header,
.avp-register-wrap .avp-reg-head { grid-template-columns: 52px minmax(0, 1fr) !important; column-gap: 12px !important; margin-bottom: 17px !important; }
.avp-login-wrap .avp-login-badge,
.avp-register-wrap .avp-reg-icon { width: 52px !important; height: 52px !important; border-radius: 15px !important; font-size: 19px !important; }
.avp-login-wrap .avp-login-title,
.avp-register-wrap .avp-reg-head h2 { margin-bottom: 3px !important; font-size: clamp(22px, 2vw, 26px) !important; }
.avp-login-wrap .avp-login-sub,
.avp-register-wrap .avp-reg-head p { font-size: 12.5px !important; line-height: 1.55 !important; }
.avp-login-wrap .avp-lf-field { margin-bottom: 12px !important; }
.avp-login-wrap .avp-lf-label,
.avp-register-wrap .avp-field-wrap label { margin-bottom: 6px !important; font-size: 12px !important; line-height: 1.4 !important; }
.avp-login-wrap .avp-lf-input,
.avp-register-wrap .avp-field-wrap input:not([type="checkbox"]):not([type="radio"]),
.avp-register-wrap .avp-field-wrap select,
.avp-register-wrap .avp-field-wrap textarea,
.avp-login-wrap .avp-passwordless-code {
    width: 100% !important;
    height: var(--avp-auth-control-h) !important;
    min-height: var(--avp-auth-control-h) !important;
    padding-block: 9px !important;
    border-radius: var(--avp-auth-control-radius) !important;
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
}
.avp-register-wrap #avp-reg-form-wrap .avp-field-wrap textarea { height: 82px !important; min-height: 82px !important; }
.avp-login-wrap .avp-lf-remember-row { margin: 2px 0 7px !important; }
.avp-login-wrap .avp-lf-auth-row { margin: 0 0 12px !important; gap: 10px !important; }
.avp-login-wrap .avp-lf-remember,
.avp-login-wrap .avp-lf-forgot,
.avp-login-wrap .avp-lf-passwordless-trigger { font-size: 12px !important; line-height: 1.45 !important; }
.avp-login-wrap .avp-lf-submit,
.avp-register-wrap .avp-submit-btn,
.avp-login-wrap .avp-passwordless-send,
.avp-login-wrap .avp-passwordless-verify,
.avp-login-wrap #avp-magic-link-btn,
.avp-login-wrap .avp-social-btn {
    min-height: var(--avp-auth-control-h) !important;
    height: var(--avp-auth-control-h) !important;
    padding: 9px 14px !important;
    border-radius: var(--avp-auth-control-radius) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
}
.avp-login-wrap .avp-lf-submit,
.avp-register-wrap .avp-submit-btn { font-size: 14px !important; }
.avp-login-wrap .avp-social-login,
.avp-login-wrap .avp-bio-login-wrap { margin: 9px 0 0 !important; }
.avp-login-wrap .avp-social-divider,
.avp-login-wrap .avp-bio-login-divider { margin: 9px 0 !important; gap: 8px !important; }
.avp-login-wrap .avp-social-divider span,
.avp-login-wrap .avp-bio-login-divider > span:nth-child(2),
.avp-login-wrap .avp-lf-magic-divider { font-size: 11px !important; line-height: 1.4 !important; }
.avp-login-wrap .avp-social-buttons { gap: 8px !important; }
.avp-login-wrap #avp-magic-link-btn { margin-bottom: 8px !important; }
.avp-login-wrap .avp-bio-login-wrap > div:nth-child(2) { gap: 14px !important; margin: 7px auto 2px !important; }
.avp-login-wrap .avp-bio-login-trigger { gap: 7px !important; font-size: 11.5px !important; }
.avp-login-wrap .avp-bio-login-circle { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; font-size: 21px !important; }
.avp-login-wrap #avp-bio-login-msg { font-size: 11.5px !important; }
.avp-login-wrap .avp-lf-switch,
.avp-register-wrap .avp-to-login { margin-top: 11px !important; font-size: 12px !important; }
.avp-register-wrap #avp-reg-form-wrap .avp-fields-grid { gap: 11px 13px !important; margin-bottom: 11px !important; }
.avp-register-wrap #avp-reg-form-wrap .avp-field-desc { margin-top: 4px !important; font-size: 10.5px !important; }
.avp-register-wrap #avp-reg-form-wrap .avp-terms-box { margin-top: 7px !important; padding: 11px !important; }
.avp-register-wrap #avp-reg-form-wrap .avp-checkbox-label { gap: 8px !important; font-size: 11.5px !important; }

@media (max-width: 900px) {
    .avp-login-wrap,
    .avp-register-wrap { width: min(700px, calc(100% - 16px)) !important; grid-template-columns: 1fr !important; }
    .avp-auth-story { min-height: 132px !important; padding: 17px 19px !important; grid-template-columns: minmax(0, 1fr) 122px !important; }
    .avp-auth-story__visual { width: 108px !important; }
}

@media (max-width: 640px) {
    .avp-login-wrap,
    .avp-register-wrap { --avp-auth-control-h: 46px; width: calc(100% - 8px) !important; }
    .avp-auth-story,
    .avp-native-auth-story { min-height: 112px !important; padding: 14px !important; grid-template-columns: minmax(0, 1fr) 84px !important; border-radius: 14px !important; }
    .avp-auth-story__eyebrow { inset-block-start: 10px !important; inset-inline-start: 11px !important; padding: 5px 8px !important; font-size: 9.5px !important; }
    .avp-auth-story__visual { width: 80px !important; }
    .avp-auth-story__copy { padding-top: 23px !important; }
    .avp-auth-story__copy h2 { font-size: 18px !important; }
    .avp-auth-story__copy > p { font-size: 10.5px !important; line-height: 1.55 !important; }
    .avp-login-wrap > .avp-login-card,
    .avp-register-wrap #avp-reg-form-wrap > .avp-reg-card { padding: 18px 15px !important; }
    .avp-login-wrap .avp-login-header,
    .avp-register-wrap .avp-reg-head { grid-template-columns: 46px minmax(0, 1fr) !important; column-gap: 10px !important; margin-bottom: 14px !important; }
    .avp-login-wrap .avp-login-badge,
    .avp-register-wrap .avp-reg-icon { width: 46px !important; height: 46px !important; }
    .avp-login-wrap .avp-login-title,
    .avp-register-wrap .avp-reg-head h2 { font-size: 19px !important; }
    .avp-login-wrap .avp-login-sub,
    .avp-register-wrap .avp-reg-head p { font-size: 11px !important; }
}

/* v6 precision pass: compact authentication and app-like account navigation. */
.avp-mac .avp-exp-account-dock {
    position: relative !important;
    margin-top: 12px !important;
    padding: 10px !important;
    gap: 8px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    overflow: visible !important;
    border: 1px solid rgba(203, 213, 225, .72) !important;
    border-radius: 19px !important;
    background:
        linear-gradient(135deg, rgba(239, 246, 255, .78), rgba(255, 255, 255, .96) 44%, rgba(240, 253, 250, .74)) !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .055), inset 0 1px 0 #fff !important;
}

.avp-mac .avp-exp-dock-item {
    position: relative !important;
    flex: 1 1 135px !important;
    width: auto !important;
    max-width: 176px !important;
    min-width: 132px !important;
    min-height: 58px !important;
    padding: 9px 11px !important;
    gap: 9px !important;
    overflow: hidden !important;
    border: 1px solid rgba(203, 213, 225, .72) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .92) !important;
    color: #172033 !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, .045) !important;
    transform: translateY(0) !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.avp-mac .avp-exp-dock-item::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, var(--dock-color), color-mix(in srgb, var(--dock-color) 44%, #fff));
    opacity: .88;
}

.avp-mac .avp-exp-dock-item:hover {
    border-color: color-mix(in srgb, var(--dock-color) 42%, #dbe3ee) !important;
    background: #fff !important;
    box-shadow: 0 11px 24px rgba(15, 23, 42, .09) !important;
    transform: translateY(-2px) !important;
}

.avp-mac .avp-exp-dock-item > span {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    border-radius: 11px !important;
    background: color-mix(in srgb, var(--dock-color) 12%, #fff) !important;
    color: var(--dock-color) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dock-color) 15%, transparent) !important;
    font-size: 13px !important;
}

.avp-mac .avp-exp-dock-item strong {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    color: inherit !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.38 !important;
    letter-spacing: 0 !important;
}

.avp-mac .avp-exp-dock-item.is-active {
    border-color: transparent !important;
    background: linear-gradient(135deg, var(--avp-exp-a), var(--avp-exp-b)) !important;
    color: #fff !important;
    box-shadow: 0 13px 30px color-mix(in srgb, var(--avp-exp-a) 25%, transparent) !important;
}

.avp-mac .avp-exp-dock-item.is-active::before { background: rgba(255, 255, 255, .88) !important; }
.avp-mac .avp-exp-dock-item.is-active > span {
    background: rgba(255, 255, 255, .17) !important;
    color: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18) !important;
}
.avp-mac .avp-exp-dock-item.is-active::after {
    width: 7px !important;
    height: 7px !important;
    flex: 0 0 7px !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .17) !important;
}

.avp-mac .avp-mac-content {
    position: relative !important;
    scroll-margin-top: 18px;
    transition: opacity .18s ease, transform .18s ease !important;
}
.avp-mac.is-section-loading .avp-mac-content {
    opacity: .48 !important;
    transform: translateY(4px) !important;
    pointer-events: none !important;
}
.avp-mac.is-section-loading .avp-mac-content::before {
    content: "";
    position: absolute;
    z-index: 50;
    inset: 0 0 auto;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, var(--avp-exp-a), var(--avp-exp-b), transparent);
    background-size: 220% 100%;
    animation: avpAccountLoad 1s linear infinite;
}
@keyframes avpAccountLoad { to { background-position: -220% 0; } }

/* Login is intentionally narrower than registration: controls stay readable without becoming banners. */
.avp-login-wrap {
    width: min(860px, calc(100% - 24px)) !important;
    grid-template-columns: minmax(310px, .82fr) minmax(420px, 1.18fr) !important;
}
.avp-login-wrap > .avp-login-card { padding: 25px 28px !important; }
.avp-login-wrap .avp-login-header,
.avp-login-wrap .avp-login-form,
.avp-login-wrap .avp-passwordless-panel {
    width: 100% !important;
    max-width: 430px !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
}
.avp-login-wrap .avp-login-header { margin-bottom: 15px !important; }
.avp-login-wrap .avp-lf-input,
.avp-login-wrap .avp-lf-submit,
.avp-login-wrap .avp-passwordless-code,
.avp-login-wrap .avp-passwordless-send,
.avp-login-wrap .avp-passwordless-verify { max-width: 430px !important; }
.avp-login-wrap > .avp-auth-story {
    justify-content: flex-start !important;
    gap: 14px !important;
}
.avp-login-wrap > .avp-auth-story .avp-auth-story__copy { margin-top: auto !important; }

/* Registration owns its natural height; the illustration is a compact card, not a full-height wall. */
.avp-register-wrap {
    width: min(980px, calc(100% - 24px)) !important;
    grid-template-columns: minmax(320px, .76fr) minmax(500px, 1.24fr) !important;
    align-items: start !important;
}
.avp-register-wrap > .avp-auth-story {
    min-height: 0 !important;
    height: 500px !important;
    max-height: 500px !important;
    align-self: start !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    box-sizing: border-box !important;
}
.avp-register-wrap > .avp-auth-story .avp-auth-story__visual {
    width: min(156px, 56%) !important;
    margin: 6px auto 2px !important;
}
.avp-register-wrap > .avp-auth-story .avp-auth-story__copy { margin-top: 0 !important; }
.avp-register-wrap > .avp-auth-story .avp-auth-story__copy > p { line-height: 1.6 !important; }
.avp-register-wrap > .avp-auth-story .avp-auth-story__features { margin-top: 10px !important; }
.avp-register-wrap > #avp-reg-form-wrap,
.avp-register-wrap #avp-reg-form-wrap > .avp-reg-card {
    min-height: 0 !important;
    height: auto !important;
    align-self: start !important;
}
.avp-register-wrap #avp-reg-form-wrap > .avp-reg-card { padding: 25px 28px !important; }

/* Native wp-login keeps WordPress authentication/cookies, but shares the exact compact shell. */
body.login.avp-exp-native-login-main { padding: 12px !important; }
.avp-native-auth-shell {
    width: min(860px, calc(100vw - 24px)) !important;
    grid-template-columns: minmax(310px, .82fr) minmax(420px, 1.18fr) !important;
    align-items: stretch !important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell #login { padding: 25px 28px !important; }
.avp-native-auth-head,
body.login.avp-exp-native-login-main .avp-native-auth-shell #loginform,
body.login.avp-exp-native-login-main .avp-native-auth-shell #registerform,
body.login.avp-exp-native-login-main .avp-native-auth-shell #lostpasswordform,
body.login.avp-exp-native-login-main .avp-native-auth-shell #nav,
body.login.avp-exp-native-login-main .avp-native-auth-shell #backtoblog,
body.login.avp-exp-native-login-main .avp-native-auth-shell .avp-native-language-switcher,
body.login.avp-exp-native-login-main .avp-native-auth-shell .avp-native-privacy-link {
    width: 100% !important;
    max-width: 430px !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
}
.avp-native-auth-head { margin-bottom: 15px !important; }
.avp-native-auth-badge {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: linear-gradient(135deg, #2563eb, #0ea5e9);
    color: #fff;
    box-shadow: 0 12px 26px rgba(37, 99, 235, .22);
}
.avp-native-auth-badge svg { width: 27px; height: 27px; display: block; }
body.login.avp-exp-native-login-main #login .avp-native-auth-head h1.avp-native-login-brand-link {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}
.avp-native-auth-story { justify-content: flex-start !important; gap: 14px !important; }
.avp-native-auth-story .avp-auth-story__copy { margin-top: auto !important; }

body.login.avp-exp-native-login-main .avp-native-auth-shell #language-switcher,
body.login.avp-exp-native-login-main .avp-native-auth-shell .language-switcher {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin-top: 13px !important;
    padding: 12px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-top: 1px solid #e7edf5 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell #language-switcher label,
body.login.avp-exp-native-login-main .avp-native-auth-shell .language-switcher label { margin: 0 !important; }
body.login.avp-exp-native-login-main .avp-native-auth-shell #language-switcher select,
body.login.avp-exp-native-login-main .avp-native-auth-shell .language-switcher select {
    width: auto !important;
    min-width: 150px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 4px 10px !important;
    border: 1px solid #dce4ef !important;
    border-radius: 10px !important;
    background-color: #f8fafc !important;
    font-size: 12px !important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell #language-switcher .button,
body.login.avp-exp-native-login-main .avp-native-auth-shell .language-switcher .button {
    width: auto !important;
    min-width: 62px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 5px 12px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 1 !important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell .privacy-policy-page-link,
body.login.avp-exp-native-login-main .avp-native-auth-shell .avp-native-privacy-link {
    position: static !important;
    margin-top: 10px !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 11px !important;
}
body.login.avp-exp-native-login-main.avp-native-auth-shell-ready > #language-switcher,
body.login.avp-exp-native-login-main.avp-native-auth-shell-ready > .language-switcher {
    position: fixed !important;
    z-index: 20;
    inset: auto auto 10px 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
}

@media (max-width: 900px) {
    .avp-mac .avp-exp-dock-item {
        flex: 1 1 calc(33.333% - 8px) !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
    }
    .avp-login-wrap,
    .avp-register-wrap,
    .avp-native-auth-shell {
        width: min(620px, calc(100% - 16px)) !important;
        grid-template-columns: 1fr !important;
    }
    .avp-register-wrap > .avp-auth-story {
        height: auto !important;
        max-height: none !important;
        min-height: 148px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 118px !important;
        align-items: center !important;
        gap: 14px !important;
    }
    .avp-register-wrap > .avp-auth-story .avp-auth-story__eyebrow { grid-column: 1 / -1; }
    .avp-register-wrap > .avp-auth-story .avp-auth-story__visual { width: 104px !important; grid-column: 2; grid-row: 2; }
    .avp-register-wrap > .avp-auth-story .avp-auth-story__copy { grid-column: 1; grid-row: 2; }
    .avp-register-wrap > .avp-auth-story .avp-auth-story__features { display: none !important; }
}

@media (max-width: 640px) {
    .avp-mac .avp-exp-account-dock { padding: 7px !important; gap: 6px !important; border-radius: 15px !important; }
    .avp-mac .avp-exp-dock-item {
        flex: 1 1 calc(50% - 6px) !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 54px !important;
        padding: 8px !important;
        gap: 7px !important;
    }
    .avp-mac .avp-exp-dock-item > span { width: 33px !important; height: 33px !important; flex-basis: 33px !important; }
    .avp-mac .avp-exp-dock-item strong { font-size: 12px !important; line-height: 1.3 !important; }
    .avp-login-wrap,
    .avp-register-wrap { width: calc(100% - 8px) !important; }
    .avp-login-wrap > .avp-login-card,
    .avp-register-wrap #avp-reg-form-wrap > .avp-reg-card,
    body.login.avp-exp-native-login-main .avp-native-auth-shell #login { padding: 17px 14px !important; }
    .avp-login-wrap .avp-login-form,
    .avp-login-wrap .avp-login-header,
    .avp-login-wrap .avp-passwordless-panel { max-width: none !important; }
    .avp-register-wrap > .avp-auth-story { min-height: 126px !important; grid-template-columns: minmax(0, 1fr) 82px !important; padding: 13px !important; }
    .avp-register-wrap > .avp-auth-story .avp-auth-story__visual { width: 76px !important; }
    .avp-native-auth-badge { width: 46px; height: 46px; border-radius: 13px; }
    .avp-native-auth-badge svg { width: 24px; height: 24px; }
    body.login.avp-exp-native-login-main .avp-native-auth-shell #language-switcher,
    body.login.avp-exp-native-login-main .avp-native-auth-shell .language-switcher { flex-wrap: wrap !important; }
}

/* v7: restore one professional sidebar, keep in-place account navigation, and
   make the native WordPress entry point behave like the AuthVault surface. */
.avp-mac .avp-exp-account-dock { display: none !important; }
.avp-mac .avp-mac-body {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: minmax(258px, 278px) minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 14px !important;
}
.avp-mac .avp-mac-sidebar {
    display: block !important;
    position: sticky !important;
    top: 18px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: calc(100vh - 36px) !important;
    padding: 13px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid rgba(203, 213, 225, .82) !important;
    border-radius: 21px !important;
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--avp-exp-a) 9%, transparent), transparent 34%),
        linear-gradient(180deg, #fff, #fbfdff 70%, color-mix(in srgb, var(--avp-exp-b) 3%, #fff)) !important;
    box-shadow: 0 16px 42px rgba(15, 23, 42, .075), inset 0 1px 0 #fff !important;
    scrollbar-width: thin !important;
    scrollbar-color: color-mix(in srgb, var(--avp-exp-a) 28%, #cbd5e1) transparent !important;
}
.avp-mac .avp-mac-sidebar::-webkit-scrollbar { width: 6px; }
.avp-mac .avp-mac-sidebar::-webkit-scrollbar-track { background: transparent; }
.avp-mac .avp-mac-sidebar::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: color-mix(in srgb, var(--avp-exp-a) 28%, #cbd5e1);
}
.avp-mac .avp-exp-nav-profile {
    min-height: 66px !important;
    padding: 11px !important;
    gap: 11px !important;
    border-color: color-mix(in srgb, var(--avp-exp-a) 17%, #e2e8f0) !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, color-mix(in srgb, var(--avp-exp-a) 9%, #fff), #fff 50%, color-mix(in srgb, var(--avp-exp-b) 7%, #fff)) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .055), inset 0 1px 0 #fff !important;
}
.avp-mac .avp-exp-nav-avatar {
    width: 43px !important;
    height: 43px !important;
    flex-basis: 43px !important;
    border-radius: 14px !important;
}
.avp-mac .avp-exp-nav-profile strong {
    max-width: 184px !important;
    color: #111c35 !important;
    font-size: 13.5px !important;
    font-weight: 950 !important;
    line-height: 1.35 !important;
}
.avp-mac .avp-exp-nav-profile small {
    max-width: 184px !important;
    margin-top: 3px !important;
    color: #77839a !important;
    font-size: 10.5px !important;
}
.avp-mac .avp-exp-nav-search {
    height: 44px !important;
    margin: 10px 0 12px !important;
    padding: 0 12px !important;
    border-radius: 13px !important;
    background: #f6f9fd !important;
}
.avp-mac .avp-exp-nav-search input {
    height: 42px !important;
    font-size: 12.5px !important;
    font-weight: 650 !important;
}
.avp-mac .avp-mac-nav-group {
    margin: 0 0 9px !important;
    padding: 7px !important;
    border: 1px solid color-mix(in srgb, var(--avp-group-color) 12%, #e6ebf3) !important;
    border-radius: 15px !important;
    background: linear-gradient(180deg, color-mix(in srgb, var(--avp-group-color) 3.5%, #fff), rgba(255,255,255,.92)) !important;
    box-shadow: 0 7px 18px rgba(15, 23, 42, .035) !important;
}
.avp-mac .avp-mac-nav-group-title {
    min-height: 34px !important;
    margin: 0 0 5px !important;
    padding: 5px 6px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: color-mix(in srgb, var(--avp-group-color) 58%, #58647c) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}
.avp-mac .avp-mac-nav-group-title i {
    width: 25px !important;
    height: 25px !important;
    flex-basis: 25px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
}
.avp-mac .avp-mac-nav-group-items { display: block !important; }
.avp-mac .avp-mac-nav-item {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    margin: 0 0 4px !important;
    padding: 8px 10px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    white-space: normal !important;
    text-align: start !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #42506a !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.4 !important;
}
.avp-mac .avp-mac-nav-item i {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 10px !important;
    background: color-mix(in srgb, currentColor 10%, #fff) !important;
    font-size: 13px !important;
}
.avp-mac .avp-mac-nav-item span { min-width: 0 !important; font-size: inherit !important; line-height: inherit !important; }
.avp-mac .avp-mac-nav-item:hover {
    border-color: color-mix(in srgb, var(--avp-group-color) 18%, #dde4ee) !important;
    background: #fff !important;
    color: #17223b !important;
    box-shadow: 0 7px 17px rgba(15, 23, 42, .055) !important;
    transform: translateY(-1px) !important;
}
.avp-mac .avp-mac-nav-item.active {
    border-color: transparent !important;
    background: linear-gradient(135deg, var(--avp-exp-a), var(--avp-exp-b)) !important;
    color: #fff !important;
    box-shadow: 0 12px 25px color-mix(in srgb, var(--avp-exp-a) 24%, transparent) !important;
    transform: none !important;
}
.avp-mac .avp-mac-nav-item.active::before {
    display: block !important;
    inset-block: 11px !important;
    inset-inline-start: 0 !important;
    width: 3px !important;
    border-radius: 0 99px 99px 0 !important;
    background: #fff !important;
}
[dir="rtl"] .avp-mac .avp-mac-nav-item.active::before { border-radius: 99px 0 0 99px !important; }
.avp-mac .avp-mac-nav-item.active i {
    color: #fff !important;
    background: rgba(255,255,255,.17) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.13) !important;
}
.avp-mac .avp-mac-nav-group-logout {
    margin-bottom: 0 !important;
    border-color: rgba(248, 113, 113, .18) !important;
    background: rgba(254, 242, 242, .58) !important;
}
.avp-mac .avp-mac-nav-group-logout .avp-mac-nav-item:hover {
    border-color: rgba(248, 113, 113, .28) !important;
    background: #fff7f7 !important;
}
.avp-mac .avp-mac-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin-top: 0 !important;
}
.avp-mac .avp-exp-sidebar-toggle,
.avp-mac .avp-exp-nav-backdrop,
.avp-mac .avp-exp-nav-close { display: none !important; }

/* Registration: on desktop the color belongs to the whole side column, while
   its illustration and copy remain compact at the top. */
@media (min-width: 901px) {
    .avp-register-wrap { align-items: stretch !important; }
    .avp-register-wrap > .avp-auth-story {
        height: auto !important;
        max-height: none !important;
        min-height: 100% !important;
        align-self: stretch !important;
        justify-content: flex-start !important;
    }
    .avp-register-wrap > .avp-auth-story .avp-auth-story__copy { margin-top: 0 !important; }
}

/* Native login: always leave breathing room after the card and present every
   native error in the same compact, readable system as the custom form. */
body.login.avp-exp-native-login-main.avp-native-auth-shell-ready {
    min-height: 100vh !important;
    padding: clamp(20px, 4vh, 44px) 12px clamp(48px, 8vh, 86px) !important;
    align-items: flex-start !important;
    justify-content: center !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell {
    flex: 0 0 auto !important;
    margin: 0 auto !important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell #login_error,
body.login.avp-exp-native-login-main .avp-native-auth-shell .message,
body.login.avp-exp-native-login-main .avp-native-auth-shell .success {
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto 14px !important;
    padding: 12px 14px !important;
    border-width: 1px !important;
    border-inline-start-width: 4px !important;
    border-style: solid !important;
    border-color: #fecaca !important;
    border-inline-start-color: #ef4444 !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, #fff7f7, #fff) !important;
    color: #991b1b !important;
    box-shadow: 0 8px 20px rgba(153, 27, 27, .07) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.65 !important;
    box-sizing: border-box !important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell .message,
body.login.avp-exp-native-login-main .avp-native-auth-shell .success {
    border-color: #bae6fd !important;
    border-inline-start-color: #0ea5e9 !important;
    background: linear-gradient(135deg, #f0f9ff, #fff) !important;
    color: #075985 !important;
}

@media (max-width: 960px) {
    html.avp-account-nav-lock,
    html.avp-account-nav-lock body { overflow: hidden !important; }
    .avp-mac .avp-mac-body {
        display: block !important;
        grid-template-columns: minmax(0, 1fr) !important;
        margin-top: 9px !important;
    }
    .avp-mac .avp-exp-sidebar-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        min-height: 40px !important;
        padding: 0 12px !important;
    }
    .avp-mac .avp-mac-sidebar {
        display: block !important;
        position: fixed !important;
        z-index: 100002 !important;
        inset-block: 10px !important;
        inset-inline-start: 10px !important;
        top: 10px !important;
        width: min(355px, calc(100vw - 20px)) !important;
        max-width: none !important;
        max-height: calc(100vh - 20px) !important;
        padding: 13px !important;
        overflow-y: auto !important;
        border-radius: 22px !important;
        transform: translateX(-112%) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: transform .24s ease, opacity .2s ease, visibility .2s ease !important;
    }
    html[dir="rtl"] .avp-mac .avp-mac-sidebar,
    .avp-experience-rtl .avp-mac .avp-mac-sidebar { transform: translateX(112%) !important; }
    .avp-mac.is-nav-open .avp-mac-sidebar {
        transform: translateX(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    .avp-mac .avp-exp-nav-close {
        width: 100% !important;
        min-height: 42px !important;
        margin: 0 0 10px !important;
        padding: 0 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        background: #f8fafc !important;
        color: #42506a !important;
        font-size: 12.5px !important;
        font-weight: 900 !important;
        cursor: pointer !important;
    }
    .avp-mac .avp-exp-nav-backdrop {
        display: block !important;
        position: fixed !important;
        z-index: 100001 !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: rgba(5, 13, 31, .62) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        backdrop-filter: blur(3px) !important;
        transition: opacity .2s ease, visibility .2s ease !important;
    }
    .avp-mac.is-nav-open .avp-exp-nav-backdrop {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    .avp-mac .avp-mac-content { margin-top: 0 !important; }
}

@media (max-width: 640px) {
    body.login.avp-exp-native-login-main.avp-native-auth-shell-ready {
        padding: 8px 4px 34px !important;
    }
    .avp-mac .avp-exp-sidebar-toggle span { display: inline !important; }
    .avp-mac .avp-mac-sidebar {
        inset-block: 6px !important;
        inset-inline-start: 6px !important;
        top: 6px !important;
        width: calc(100vw - 12px) !important;
        max-height: calc(100vh - 12px) !important;
        border-radius: 19px !important;
    }
    .avp-mac .avp-mac-nav-item { min-height: 45px !important; font-size: 12.5px !important; }
}

/* v8: the account sidebar belongs to the document flow on desktop. Only the
   mobile off-canvas drawer may scroll internally when its links exceed the
   available screen height. */
@media (min-width: 961px) {
    .avp-mac .avp-mac-sidebar {
        position: relative !important;
        top: auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        scrollbar-width: none !important;
    }
    .avp-mac .avp-mac-sidebar::-webkit-scrollbar { display: none !important; }
}

/* v8: compact native wp-login layout. Keep the original WordPress form and
   authentication pipeline, while removing the oversized vertical rhythm. */
@media (min-width: 901px) {
    body.login.avp-exp-native-login-main.avp-native-auth-shell-ready {
        padding: 18px 12px 54px !important;
    }
    body.login.avp-exp-native-login-main .avp-native-auth-shell {
        --avp-auth-control-h: 42px !important;
        width: min(840px, calc(100vw - 28px)) !important;
        grid-template-columns: minmax(300px, .82fr) minmax(390px, 1.18fr) !important;
        margin: 0 auto 48px !important;
        padding: 7px !important;
        border-radius: 23px !important;
    }
    body.login.avp-exp-native-login-main .avp-native-auth-shell #login {
        padding: 18px 24px 17px !important;
    }
    body.login.avp-exp-native-login-main .avp-native-auth-head {
        grid-template-columns: 44px minmax(0, 1fr) !important;
        gap: 10px !important;
        margin-bottom: 10px !important;
    }
    body.login.avp-exp-native-login-main #login .avp-native-auth-head h1,
    body.login.avp-exp-native-login-main #login .avp-native-auth-head h1 a {
        width: 44px !important;
        height: 44px !important;
    }
    body.login.avp-exp-native-login-main #login .avp-native-auth-head h1 a {
        border-radius: 13px !important;
        background-size: 33px auto !important;
    }
    body.login.avp-exp-native-login-main .avp-native-auth-heading h2 {
        font-size: 22px !important;
    }
    body.login.avp-exp-native-login-main .avp-native-auth-heading p {
        font-size: 11.5px !important;
        line-height: 1.45 !important;
    }
    body.login.avp-exp-native-login-main .avp-native-auth-shell form .input,
    body.login.avp-exp-native-login-main .avp-native-auth-shell form input[type="text"] {
        margin: 4px 0 8px !important;
        padding: 7px 12px !important;
        border-radius: 12px !important;
        font-size: 13px !important;
    }
    body.login.avp-exp-native-login-main .avp-native-auth-shell .wp-pwd .button.wp-hide-pw {
        width: 36px !important;
        min-width: 36px !important;
        height: 40px !important;
        min-height: 40px !important;
        top: 5px !important;
    }
    body.login.avp-exp-native-login-main .avp-native-auth-shell .avp-wp-login-bio {
        margin-top: 6px !important;
    }
    body.login.avp-exp-native-login-main .avp-native-auth-shell .avp-wp-login-bio__divider {
        margin: 7px 0 !important;
        font-size: 10.5px !important;
    }
    body.login.avp-exp-native-login-main .avp-native-auth-shell .avp-wp-login-bio__btn {
        padding: 6px 10px !important;
        border-radius: 11px !important;
        font-size: 11.5px !important;
    }
    body.login.avp-exp-native-login-main .avp-native-auth-shell .forgetmenot {
        margin-bottom: 7px !important;
    }
    body.login.avp-exp-native-login-main .avp-native-auth-shell .button-primary {
        padding: 7px 12px !important;
        border-radius: 12px !important;
        font-size: 13.5px !important;
    }
}

/* Reset all inherited WordPress/plugin sizing inside feedback boxes. The
   message must behave as normal multi-line content, never as a clipped pill. */
body.login.avp-exp-native-login-main .avp-native-auth-shell #login_error,
body.login.avp-exp-native-login-main .avp-native-auth-shell .message,
body.login.avp-exp-native-login-main .avp-native-auth-shell .success {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto 10px !important;
    padding: 9px 12px !important;
    overflow: visible !important;
    white-space: normal !important;
    border-radius: 11px !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    text-align: start !important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell #login_error > *,
body.login.avp-exp-native-login-main .avp-native-auth-shell .message > *,
body.login.avp-exp-native-login-main .avp-native-auth-shell .success > * {
    display: inline !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    line-height: inherit !important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell #login_error br,
body.login.avp-exp-native-login-main .avp-native-auth-shell .message br,
body.login.avp-exp-native-login-main .avp-native-auth-shell .success br {
    display: block !important;
    content: "" !important;
    margin-top: 4px !important;
}

body.login.avp-exp-native-login-main .avp-native-auth-links {
    width: 100% !important;
    max-width: 430px !important;
    margin: 8px auto 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 6px 16px !important;
}
body.login.avp-exp-native-login-main .avp-native-auth-links #nav,
body.login.avp-exp-native-login-main .avp-native-auth-links #backtoblog {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell #language-switcher,
body.login.avp-exp-native-login-main .avp-native-auth-shell .language-switcher {
    margin-top: 9px !important;
    padding-top: 8px !important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell #language-switcher select,
body.login.avp-exp-native-login-main .avp-native-auth-shell .language-switcher select,
body.login.avp-exp-native-login-main .avp-native-auth-shell #language-switcher .button,
body.login.avp-exp-native-login-main .avp-native-auth-shell .language-switcher .button {
    min-height: 34px !important;
    height: 34px !important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell .privacy-policy-page-link,
body.login.avp-exp-native-login-main .avp-native-auth-shell .avp-native-privacy-link {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
}

@media (max-width: 900px) {
    body.login.avp-exp-native-login-main.avp-native-auth-shell-ready {
        padding-bottom: 44px !important;
    }
    body.login.avp-exp-native-login-main .avp-native-auth-shell {
        margin-bottom: 38px !important;
    }
}

/* v9 final cascade: keep the complete theme system authoritative over the
   compatibility layers above. */
body.avp-exp-account-page { background: #eef4ff !important; transition: background-color .22s ease !important; }
body.avp-exp-account-page[data-avp-account-palette="violet"] { background: #f3edff !important; }
body.avp-exp-account-page[data-avp-account-palette="emerald"] { background: #eaf8f4 !important; }
body.avp-exp-account-page[data-avp-account-palette="sunset"] { background: #fff0e8 !important; }
body.avp-exp-account-page[data-avp-account-palette="rose"] { background: #ffedf5 !important; }
body.avp-exp-account-page[data-avp-account-palette="amber"] { background: #fff7de !important; }
body.avp-exp-account-page[data-avp-account-palette="midnight"] { background: #e8edf9 !important; }
body.avp-exp-account-page[data-avp-account-palette="graphite"] { background: #eceff2 !important; }
.avp-mac {
    --avp-exp-a: var(--avp-theme-a) !important;
    --avp-exp-b: var(--avp-theme-b) !important;
    --avp-exp-ink: var(--avp-theme-ink) !important;
    --avp-exp-muted: var(--avp-theme-muted) !important;
    --avp-exp-line: var(--avp-theme-line) !important;
    --p: var(--avp-theme-a) !important;
    --sbg: var(--avp-theme-sidebar) !important;
    --cbg: var(--avp-theme-content) !important;
    --mtx: var(--avp-theme-ink) !important;
    --abg: linear-gradient(135deg, var(--avp-theme-a), var(--avp-theme-b)) !important;
    --atx: #fff !important;
    --avp-border: var(--avp-theme-line) !important;
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--avp-theme-a) 14%, transparent), transparent 30%),
        radial-gradient(circle at 98% 28%, color-mix(in srgb, var(--avp-theme-b) 12%, transparent), transparent 28%),
        var(--avp-theme-page) !important;
    color: var(--avp-theme-ink) !important;
    box-shadow: 0 28px 86px var(--avp-theme-shadow) !important;
}
.avp-mac .avp-exp-account-toolbar {
    flex-wrap: wrap !important;
    border-color: var(--avp-theme-line) !important;
    background: color-mix(in srgb, var(--avp-theme-surface) 94%, transparent) !important;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--avp-theme-shadow) 60%, transparent) !important;
}
.avp-mac .avp-exp-account-brandcopy strong { color: var(--avp-theme-ink) !important; }
.avp-mac .avp-exp-account-brandcopy small { color: var(--avp-theme-muted) !important; }
.avp-mac .avp-exp-toolbar-actions { flex-wrap: wrap !important; }
.avp-mac .avp-exp-toolbar-action,
.avp-mac .avp-exp-sidebar-toggle,
.avp-mac .avp-exp-toolbar-actions .avp-exp-palette {
    border-color: var(--avp-theme-line) !important;
    background: var(--avp-theme-input) !important;
    color: var(--avp-theme-ink) !important;
}
.avp-mac .avp-exp-toolbar-actions .avp-exp-palette {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 42px !important;
    padding: 6px 8px !important;
    border-radius: 13px !important;
}
.avp-mac .avp-exp-toolbar-actions .avp-exp-palette button {
    width: 19px !important;
    height: 19px !important;
    min-width: 19px !important;
    min-height: 19px !important;
    padding: 0 !important;
    border: 2px solid #fff !important;
}
.avp-mac .avp-exp-toolbar-actions .avp-exp-palette button[aria-pressed="true"] {
    transform: scale(1.12) !important;
    box-shadow: 0 0 0 2px var(--avp-theme-surface), 0 0 0 4px var(--avp-theme-a), 0 5px 12px var(--avp-theme-shadow) !important;
}
.avp-mac .avp-mac-hd,
.avp-experience-rtl .avp-mac .avp-mac-hd,
html[dir="rtl"] .avp-mac .avp-mac-hd {
    background:
        linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
        radial-gradient(circle at 8% 85%, color-mix(in srgb, var(--avp-theme-b) 62%, transparent), transparent 28%),
        linear-gradient(125deg, var(--avp-theme-c) 0%, var(--avp-theme-a) 56%, var(--avp-theme-b) 120%) !important;
    background-size: 44px 44px, 44px 44px, auto, auto !important;
    box-shadow: 0 24px 48px color-mix(in srgb, var(--avp-theme-a) 24%, transparent) !important;
}
.avp-mac .avp-mac-sidebar {
    background: linear-gradient(180deg, color-mix(in srgb, var(--avp-theme-sidebar) 96%, #fff), var(--avp-theme-sidebar)) !important;
    border-color: var(--avp-theme-line) !important;
    box-shadow: 0 18px 44px var(--avp-theme-shadow) !important;
}
.avp-mac .avp-exp-nav-profile {
    border-color: color-mix(in srgb, var(--avp-theme-a) 18%, var(--avp-theme-line)) !important;
    background: linear-gradient(135deg, var(--avp-theme-soft), var(--avp-theme-surface)) !important;
}
.avp-mac .avp-exp-nav-profile strong { color: var(--avp-theme-ink) !important; }
.avp-mac .avp-exp-nav-profile small { color: var(--avp-theme-muted) !important; }
.avp-mac .avp-exp-nav-search { border-color: var(--avp-theme-line) !important; background: var(--avp-theme-input) !important; }
.avp-mac .avp-exp-nav-search input { color: var(--avp-theme-ink) !important; }
.avp-mac .avp-exp-nav-search i { color: var(--avp-theme-a) !important; }
.avp-mac .avp-mac-nav-group {
    margin-bottom: 12px !important;
    padding: 9px !important;
    border-color: color-mix(in srgb, var(--avp-group-color) 22%, var(--avp-theme-line)) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, color-mix(in srgb, var(--avp-group-color) 5%, var(--avp-theme-surface)), var(--avp-theme-surface)) !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--avp-theme-shadow) 60%, transparent) !important;
}
.avp-mac .avp-mac-nav-group::before { inset-inline: 17px !important; height: 4px !important; }
.avp-mac .avp-mac-nav-group-title {
    min-height: 46px !important;
    margin: 0 0 8px !important;
    padding: 7px 9px !important;
    gap: 10px !important;
    border: 1px solid color-mix(in srgb, var(--avp-group-color) 22%, var(--avp-theme-line)) !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, color-mix(in srgb, var(--avp-group-color) 12%, var(--avp-theme-surface)), var(--avp-theme-surface)) !important;
    color: color-mix(in srgb, var(--avp-group-color) 72%, var(--avp-theme-ink)) !important;
    font-size: 13.5px !important;
    font-weight: 950 !important;
    line-height: 1.35 !important;
}
.avp-mac .avp-mac-nav-group-title i {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    border-radius: 11px !important;
    background: linear-gradient(145deg, color-mix(in srgb, var(--avp-group-color) 82%, #fff), var(--avp-group-color)) !important;
    color: #fff !important;
    font-size: 13px !important;
    box-shadow: 0 8px 17px color-mix(in srgb, var(--avp-group-color) 27%, transparent), inset 0 1px 0 rgba(255,255,255,.3) !important;
}
.avp-mac .avp-mac-nav-group-title span { font: inherit !important; }
.avp-mac .avp-mac-nav-item {
    min-height: 50px !important;
    padding: 8px 10px !important;
    gap: 11px !important;
    color: var(--avp-theme-ink) !important;
    font-size: 13.5px !important;
    font-weight: 850 !important;
}
.avp-mac .avp-mac-nav-item i { width: 34px !important; height: 34px !important; flex: 0 0 34px !important; border-radius: 11px !important; }
.avp-mac .avp-mac-nav-item.active { background: linear-gradient(135deg, var(--avp-theme-a), var(--avp-theme-b)) !important; color: #fff !important; }
.avp-mac .avp-mac-content {
    padding: clamp(16px, 1.6vw, 24px) !important;
    border-color: var(--avp-theme-line) !important;
    background: linear-gradient(180deg, var(--avp-theme-content), color-mix(in srgb, var(--avp-theme-page) 28%, var(--avp-theme-content))) !important;
    color: var(--avp-theme-ink) !important;
    box-shadow: 0 18px 44px var(--avp-theme-shadow) !important;
}
.avp-mac .avp-mac-content :is(h2,h3,h4,label) { color: var(--avp-theme-ink) !important; }
.avp-mac .avp-mac-content :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],select,textarea,.select2-selection) { border-color: var(--avp-theme-line) !important; background: var(--avp-theme-input) !important; color: var(--avp-theme-ink) !important; }
.avp-mac .avp-mac-content fieldset { border-color: var(--avp-theme-line) !important; background: linear-gradient(180deg, var(--avp-theme-input), var(--avp-theme-surface)) !important; }
.avp-mac .avp-mac-content :is(.woocommerce-info,.woocommerce-message,.woocommerce-error,.avp-account-notice) { border-color: color-mix(in srgb, var(--avp-theme-a) 20%, var(--avp-theme-line)) !important; border-inline-start: 4px solid var(--avp-theme-a) !important; background: linear-gradient(135deg, var(--avp-theme-soft), var(--avp-theme-surface)) !important; color: var(--avp-theme-ink) !important; }
.avp-mac .avp-mac-content :is(.avp-db-card,.avp-sc-card,.avp-sc-mini-card,.avp-ref-card,.avp-network-card,.avp-order-detail-card,.avp-order-info-card,.avp-order-help-card,.avp-address-card,.avp-td-card,.avp-pc-card,.avp-confirm-card) { border-color: var(--avp-theme-line) !important; background: linear-gradient(145deg, var(--avp-theme-surface), color-mix(in srgb, var(--avp-theme-soft) 35%, var(--avp-theme-surface))) !important; box-shadow: 0 12px 28px color-mix(in srgb, var(--avp-theme-shadow) 54%, transparent) !important; }

@media (max-width: 640px) {
    .avp-mac .avp-exp-toolbar-actions { width: 100% !important; justify-content: space-between !important; }
    .avp-mac .avp-exp-toolbar-actions .avp-exp-palette { display: flex !important; flex: 1 1 auto !important; justify-content: center !important; }
    .avp-mac .avp-exp-palette__icon { display: none !important; }
    .avp-mac .avp-exp-toolbar-actions .avp-exp-palette button { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; }
    .avp-mac .avp-mac-content { padding: 13px !important; }
}

/* v13 — account command header and a true navigation rail.
   This replaces the stacked-card look instead of merely recolouring it. */
.avp-mac .avp-mac-hd,
.avp-experience-rtl .avp-mac .avp-mac-hd,
html[dir="rtl"] .avp-mac .avp-mac-hd {
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(430px, .88fr) !important;
    align-items: stretch !important;
    gap: 14px !important;
    min-height: 0 !important;
    padding: 15px !important;
    border-radius: 27px !important;
    background:
        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px),
        radial-gradient(circle at 88% 10%, rgba(255,255,255,.19), transparent 28%),
        linear-gradient(124deg, var(--avp-theme-c) 0%, var(--avp-theme-a) 54%, var(--avp-theme-b) 118%) !important;
    background-size: 40px 40px, 40px 40px, auto, auto !important;
    box-shadow: 0 25px 55px color-mix(in srgb, var(--avp-theme-a) 25%, transparent), inset 0 1px 0 rgba(255,255,255,.2) !important;
}
.avp-mac .avp-mac-hd::before {
    background: linear-gradient(115deg, rgba(255,255,255,.11), transparent 42%) !important;
    opacity: 1 !important;
}
.avp-mac .avp-mac-hd::after {
    inset: auto -72px -122px auto !important;
    width: 265px !important;
    height: 265px !important;
    background: rgba(255,255,255,.075) !important;
}
.avp-mac .avp-mac-hd-overview {
    position: relative;
    z-index: 1;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 148px;
    align-items: center;
    gap: 16px;
    padding: 15px 16px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(7, 18, 45, .27), rgba(255,255,255,.08));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter: blur(10px);
}
.avp-mac .avp-mac-hd-main { align-items: center !important; gap: 14px !important; }
.avp-mac .avp-mac-av { width: 70px !important; height: 70px !important; border-radius: 22px !important; }
.avp-mac .avp-mac-av-initial { width: 100%; height: 100%; display: grid; place-items: center; border-radius: inherit; background: linear-gradient(145deg, rgba(255,255,255,.26), rgba(255,255,255,.11)); color: #fff; font-size: 27px; font-weight: 1000; }
.avp-mac .avp-mac-av-state { position: absolute; inset: auto -4px -4px auto; width: 25px; height: 25px; display: grid; place-items: center; border: 2px solid rgba(255,255,255,.88); border-radius: 9px; background: var(--avp-avatar-state); color: #fff; font-size: 9px; box-shadow: 0 8px 16px rgba(15,23,42,.22); }
[dir="rtl"] .avp-mac .avp-mac-av-state { inset: auto auto -4px -4px; }
.avp-mac .avp-mac-hd-copy { max-width: none !important; }
.avp-mac .avp-mac-hd-name { margin-bottom: 5px !important; font-size: clamp(19px, 1.75vw, 27px) !important; line-height: 1.24 !important; }
.avp-mac .avp-mac-hd-email { font-size: 12px !important; }
.avp-mac .avp-mac-hd-kicker,
.avp-mac .avp-mac-hd-state { min-height: 27px; padding: 6px 9px !important; font-size: 10px !important; }
.avp-mac .avp-mac-hd-badges { margin-top: 9px !important; }
.avp-mac .avp-mac-hd-pill { padding: 6px 9px !important; font-size: 10px !important; }
.avp-mac .avp-mac-hd-score {
    width: 148px !important;
    height: 100% !important;
    min-height: 114px !important;
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 18px !important;
    background: rgba(5, 15, 38, .26) !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.avp-mac .avp-mac-hd-score-ring { width: 64px !important; height: 64px !important; flex: 0 0 64px !important; }
.avp-mac .avp-mac-hd-score-copy { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 0; text-align: center; }
.avp-mac .avp-mac-hd-score-copy em { color: rgba(255,255,255,.78); font-size: 9px; font-style: normal; font-weight: 800; }
.avp-mac .avp-mac-hd-score-copy strong { max-width: 100%; overflow: hidden; color: #fff; font-size: 11px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.avp-mac .avp-mac-hd-side {
    position: relative;
    z-index: 1;
    min-width: 0 !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: stretch !important;
    gap: 10px !important;
}
.avp-mac .avp-mac-hd-mini {
    min-height: 74px !important;
    padding: 11px 12px !important;
    gap: 10px !important;
    border-radius: 17px !important;
    background: rgba(7, 18, 45, .25) !important;
    border-color: rgba(255,255,255,.19) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.11) !important;
}
.avp-mac .avp-mac-hd-mini:hover { background: rgba(255,255,255,.17) !important; transform: translateY(-2px) !important; }
.avp-mac .avp-mac-hd-mini-ico { width: 38px !important; height: 38px !important; flex-basis: 38px !important; border-radius: 12px !important; font-size: 14px !important; }
.avp-mac .avp-mac-hd-mini-copy em { font-size: 10px !important; }
.avp-mac .avp-mac-hd-mini-copy strong { font-size: 13px !important; }
.avp-mac .avp-mac-hd-mini-go { margin-inline-start: auto; color: rgba(255,255,255,.66); font-size: 9px; }
[dir="rtl"] .avp-mac .avp-mac-hd-mini-go { transform: rotate(180deg); }

/* Desktop sidebar: one navigation rail with separated chapters, not cards on cards. */
@media (min-width: 961px) {
    .avp-mac .avp-mac-body { grid-template-columns: 326px minmax(0, 1fr) !important; gap: 18px !important; }
}
.avp-mac .avp-mac-sidebar {
    padding: 16px !important;
    border-radius: 25px !important;
    background:
        radial-gradient(circle at 90% 0, color-mix(in srgb, var(--avp-theme-a) 12%, transparent), transparent 26%),
        linear-gradient(180deg, var(--avp-theme-surface), color-mix(in srgb, var(--avp-theme-sidebar) 92%, var(--avp-theme-surface))) !important;
    box-shadow: 0 22px 52px var(--avp-theme-shadow), inset 0 1px 0 rgba(255,255,255,.8) !important;
}
.avp-mac .avp-exp-nav-heading { display: flex; align-items: center; gap: 11px; min-height: 54px; margin: 0 0 12px; padding: 9px 10px; border-bottom: 1px solid var(--avp-theme-line); }
.avp-mac .avp-exp-nav-heading-icon { width: 36px; height: 36px; flex: 0 0 36px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(135deg, var(--avp-theme-a), var(--avp-theme-b)); color: #fff; box-shadow: 0 10px 20px color-mix(in srgb, var(--avp-theme-a) 24%, transparent); }
.avp-mac .avp-exp-nav-heading-copy { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 2px; }
.avp-mac .avp-exp-nav-heading-copy strong { color: var(--avp-theme-ink); font-size: 13.5px; font-weight: 1000; }
.avp-mac .avp-exp-nav-heading-copy small { overflow: hidden; color: var(--avp-theme-muted); font-size: 10px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.avp-mac .avp-exp-nav-profile { min-height: 74px !important; margin-bottom: 11px !important; padding: 12px !important; border-radius: 18px !important; }
.avp-mac .avp-exp-nav-avatar { position: relative; overflow: visible !important; }
.avp-mac .avp-exp-nav-avatar > img { overflow: hidden; border-radius: 14px; }
.avp-mac .avp-exp-nav-avatar > i { position: absolute; inset: auto -3px -3px auto; width: 16px; height: 16px; display: grid; place-items: center; border: 2px solid var(--avp-theme-surface); border-radius: 50%; background: #22c55e; color: #fff; font-size: 7px; }
[dir="rtl"] .avp-mac .avp-exp-nav-avatar > i { inset: auto auto -3px -3px; }
.avp-mac .avp-exp-nav-search { height: 46px !important; margin: 0 0 18px !important; padding: 0 13px !important; border-radius: 14px !important; }
.avp-mac .avp-mac-nav-group {
    margin: 0 0 16px !important;
    padding: 0 0 15px !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px dashed color-mix(in srgb, var(--avp-group-color) 22%, var(--avp-theme-line)) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.avp-mac .avp-mac-nav-group::before { display: none !important; }
.avp-mac .avp-mac-nav-group-title {
    min-height: 48px !important;
    margin: 0 0 8px !important;
    padding: 5px 6px !important;
    gap: 10px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: color-mix(in srgb, var(--avp-group-color) 7%, transparent) !important;
    box-shadow: none !important;
}
.avp-mac .avp-mac-nav-group-title > i { width: 36px !important; height: 36px !important; flex-basis: 36px !important; border-radius: 12px !important; }
.avp-mac .avp-mac-nav-group-copy { display: flex !important; flex: 1; min-width: 0; flex-direction: column; gap: 1px; }
.avp-mac .avp-mac-nav-group-copy strong { overflow: hidden; color: color-mix(in srgb, var(--avp-group-color) 70%, var(--avp-theme-ink)); font-size: 13.5px; font-weight: 1000; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.avp-mac .avp-mac-nav-group-title > em { display: none !important; }
.avp-mac .avp-mac-nav-group-items { display: flex !important; flex-direction: column !important; gap: 6px !important; }
.avp-mac .avp-mac-nav-item {
    min-height: 54px !important;
    margin: 0 !important;
    padding: 9px 10px !important;
    gap: 11px !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    background: transparent !important;
    font-size: 13.5px !important;
    font-weight: 850 !important;
}
.avp-mac .avp-mac-nav-item:hover { background: var(--avp-theme-input) !important; border-color: color-mix(in srgb, var(--avp-group-color) 16%, var(--avp-theme-line)) !important; box-shadow: none !important; transform: none !important; }
.avp-mac .avp-mac-nav-item.active { background: linear-gradient(135deg, var(--avp-theme-a), var(--avp-theme-b)) !important; color: #fff !important; box-shadow: 0 13px 26px color-mix(in srgb, var(--avp-theme-a) 24%, transparent) !important; }
.avp-mac .avp-mac-nav-item-label { flex: 1; min-width: 0; line-height: 1.45; }
.avp-mac .avp-mac-nav-item-arrow { width: 24px; height: 24px; margin-inline-start: auto; display: grid; place-items: center; border-radius: 8px; background: color-mix(in srgb, var(--avp-group-color) 8%, var(--avp-theme-surface)); color: color-mix(in srgb, var(--avp-group-color) 62%, var(--avp-theme-muted)); }
.avp-mac .avp-mac-nav-item-arrow i { width: auto !important; height: auto !important; flex: none !important; border: 0 !important; border-radius: 0 !important; background: none !important; color: inherit !important; box-shadow: none !important; font-size: 8px !important; }
.avp-mac .avp-mac-nav-item.active .avp-mac-nav-item-arrow { background: rgba(255,255,255,.16); color: #fff; }
[dir="rtl"] .avp-mac .avp-mac-nav-item-arrow i { transform: rotate(180deg); }
.avp-mac .avp-mac-nav-group-logout { padding-bottom: 0 !important; border-bottom: 0 !important; }

/* Dashboard overview: shorter, structured and intentionally different from
   the persistent account command header above it. */
.avp-mac .avp-db-hero {
    min-height: 252px !important;
    grid-template-columns: minmax(0, 1.18fr) minmax(245px, .82fr) !important;
    gap: 20px !important;
    padding: clamp(24px, 2.4vw, 34px) !important;
    border-radius: 28px !important;
    background: linear-gradient(132deg, var(--avp-theme-surface) 0%, color-mix(in srgb, var(--avp-theme-soft) 66%, var(--avp-theme-surface)) 58%, color-mix(in srgb, var(--avp-theme-b) 10%, var(--avp-theme-surface))) !important;
    box-shadow: 0 21px 48px color-mix(in srgb, var(--avp-theme-shadow) 72%, transparent) !important;
}
.avp-mac .avp-db-hero::before { width: 210px !important; height: 210px !important; inset: -105px auto auto -65px !important; background: color-mix(in srgb, var(--avp-theme-a) 13%, transparent) !important; }
.avp-mac .avp-db-hero::after { width: 180px !important; height: 180px !important; inset: auto -55px -85px auto !important; background: color-mix(in srgb, var(--avp-theme-b) 13%, transparent) !important; }
.avp-mac .avp-db-hero h2 { font-size: clamp(27px, 2.2vw, 36px) !important; }
.avp-mac .avp-db-hero-stats { gap: 11px !important; margin-top: 20px !important; }
.avp-mac .avp-db-hero-stat { min-height: 92px; padding: 13px !important; border-radius: 17px !important; background: color-mix(in srgb, var(--avp-theme-surface) 91%, transparent) !important; }
.avp-mac .avp-db-hero-visual img { width: min(100%, 315px) !important; }

@media (max-width: 1260px) {
    .avp-mac .avp-mac-hd { grid-template-columns: 1fr !important; }
    .avp-mac .avp-mac-hd-side { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
    .avp-mac .avp-mac-hd-mini { min-height: 68px !important; }
}
@media (max-width: 960px) {
    .avp-mac .avp-exp-nav-heading { padding-inline: 3px; }
    .avp-mac .avp-exp-nav-heading .avp-exp-nav-close { width: auto !important; min-width: 38px !important; min-height: 38px !important; margin: 0 0 0 auto !important; padding: 0 10px !important; }
    [dir="rtl"] .avp-mac .avp-exp-nav-heading .avp-exp-nav-close { margin: 0 auto 0 0 !important; }
}
@media (max-width: 760px) {
    .avp-mac .avp-mac-hd { padding: 11px !important; border-radius: 21px !important; }
    .avp-mac .avp-mac-hd-overview { grid-template-columns: 1fr; padding: 13px; }
    .avp-mac .avp-mac-hd-score { width: 100% !important; min-height: 78px !important; flex-direction: row !important; }
    .avp-mac .avp-mac-hd-score-ring { width: 54px !important; height: 54px !important; flex-basis: 54px !important; }
    .avp-mac .avp-mac-hd-score-copy { align-items: flex-start; text-align: start; }
    .avp-mac .avp-mac-hd-side { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .avp-mac .avp-db-hero { grid-template-columns: 1fr !important; min-height: 0 !important; padding: 20px 16px !important; }
    .avp-mac .avp-db-hero-visual { margin-top: 2px !important; }
}
@media (max-width: 480px) {
    .avp-mac .avp-mac-hd-main { align-items: flex-start !important; }
    .avp-mac .avp-mac-av { width: 58px !important; height: 58px !important; flex: 0 0 58px !important; }
    .avp-mac .avp-mac-hd-name { font-size: 18px !important; white-space: normal !important; }
    .avp-mac .avp-mac-hd-side { grid-template-columns: 1fr !important; }
    .avp-mac .avp-mac-hd-mini { min-height: 62px !important; }
}

/* v14: crisp score gauge and number-free sidebar group headings. */
.avp-mac .avp-mac-hd-score-ring {
    position: relative !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    flex: 0 0 68px !important;
    display: grid !important;
    place-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: conic-gradient(var(--score-color) var(--score-deg), var(--score-track) 0) !important;
    box-shadow: 0 12px 25px rgba(5,15,38,.22), inset 0 0 0 1px rgba(255,255,255,.16) !important;
    filter: none !important;
    transform: none !important;
}
.avp-mac .avp-mac-hd-score-ring::after {
    content: "" !important;
    position: absolute !important;
    inset: 7px !important;
    z-index: 0 !important;
    border-radius: 50% !important;
    background: linear-gradient(145deg, #fff, #eef5fb) !important;
    box-shadow: inset 0 1px 2px rgba(15,23,42,.08) !important;
}
.avp-mac .avp-mac-hd-score-ring > strong {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    transform: none !important;
}
.avp-mac .avp-mac-nav-group-copy { justify-content: center !important; gap: 0 !important; }
.avp-mac .avp-mac-nav-group-copy > strong { font-size: 14px !important; letter-spacing: -.01em; }

@media (max-width: 760px) {
    .avp-mac .avp-mac-hd-score-ring { width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; flex-basis: 58px !important; }
    .avp-mac .avp-mac-hd-score-ring::after { inset: 6px !important; }
}


/* ========================================================================== 
   AuthVault v20 — paired login actions + staged registration wizard
   ========================================================================== */
.avp-login-wrap .avp-lf-auth-row{
    justify-content:flex-end!important;
    min-height:18px!important;
}
.avp-login-wrap .avp-lf-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1.55fr) minmax(145px,.85fr)!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    margin:0!important;
}
.avp-login-wrap .avp-lf-actions .avp-lf-submit,
.avp-login-wrap .avp-lf-actions .avp-lf-passwordless-trigger--action{
    width:100%!important;
    min-width:0!important;
    min-height:var(--avp-auth-control-h,48px)!important;
    height:var(--avp-auth-control-h,48px)!important;
    border-radius:var(--avp-auth-control-radius,14px)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:9px 14px!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
}
.avp-login-wrap .avp-lf-passwordless-trigger--action{
    color:var(--avp-primary,#2563eb)!important;
    background:linear-gradient(180deg,#fff,#f4f8ff)!important;
    border:1.5px solid color-mix(in srgb,var(--avp-primary,#2563eb) 38%,#dbeafe)!important;
    box-shadow:0 9px 22px rgba(37,99,235,.08)!important;
    cursor:pointer!important;
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.avp-login-wrap .avp-lf-passwordless-trigger--action:hover{
    transform:translateY(-1px)!important;
    background:#eef5ff!important;
    box-shadow:0 12px 26px rgba(37,99,235,.13)!important;
}
.avp-login-wrap .avp-lf-passwordless-trigger--action i{font-size:13px!important;line-height:1!important;margin:0!important;}

.avp-register-wrap #avp-register-form.avp-reg-wizard-form .avp-reg-wizard-progress{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    margin:0 0 18px!important;
    padding:11px 12px!important;
    background:linear-gradient(180deg,#f8fbff,#f4f7fc)!important;
    border:1px solid #e3eaf4!important;
    border-radius:16px!important;
    overflow:hidden!important;
}
.avp-register-wrap #avp-register-form .avp-reg-progress-item{
    flex:0 1 auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    color:#94a3b8!important;
    font-size:10.5px!important;
    font-weight:850!important;
    white-space:nowrap!important;
    transition:.2s ease!important;
}
.avp-register-wrap #avp-register-form .avp-reg-progress-item b{
    width:25px!important;height:25px!important;min-width:25px!important;
    border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    border:1px solid #d8e1ed!important;background:#fff!important;color:#64748b!important;font-size:10px!important;
    box-shadow:0 4px 10px rgba(15,23,42,.04)!important;
}
.avp-register-wrap #avp-register-form .avp-reg-progress-item.is-active{color:var(--avp-primary,#2563eb)!important;}
.avp-register-wrap #avp-register-form .avp-reg-progress-item.is-active b{
    border-color:var(--avp-primary,#2563eb)!important;background:var(--avp-primary,#2563eb)!important;color:#fff!important;
    box-shadow:0 7px 16px color-mix(in srgb,var(--avp-primary,#2563eb) 24%,transparent)!important;
}
.avp-register-wrap #avp-register-form .avp-reg-progress-item.is-done b{
    border-color:#16a34a!important;background:#16a34a!important;color:#fff!important;
}
.avp-register-wrap #avp-register-form .avp-reg-progress-item.is-skipped{opacity:.46!important;}
.avp-register-wrap #avp-register-form .avp-reg-progress-line{
    width:22px!important;height:1px!important;flex:0 1 22px!important;background:#d9e2ee!important;border-radius:999px!important;
}
.avp-register-wrap #avp-register-form .avp-reg-wizard-step{display:none!important;animation:avpRegStepIn .24s ease both;}
.avp-register-wrap #avp-register-form .avp-reg-wizard-step.is-active{display:block!important;}
@keyframes avpRegStepIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.avp-register-wrap #avp-register-form .avp-reg-step-head{
    display:flex!important;align-items:flex-start!important;gap:11px!important;
    margin:0 0 14px!important;padding:0 1px!important;
}
.avp-register-wrap #avp-register-form .avp-reg-step-kicker{
    flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:13px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--avp-primary,#2563eb) 14%,#fff),color-mix(in srgb,var(--avp-secondary,#0ea5e9) 12%,#fff))!important;
    border:1px solid color-mix(in srgb,var(--avp-primary,#2563eb) 20%,#e2e8f0)!important;
    color:var(--avp-primary,#2563eb)!important;font-size:11px!important;font-weight:950!important;letter-spacing:.08em!important;
}
.avp-register-wrap #avp-register-form .avp-reg-step-head h3{
    margin:0 0 3px!important;color:var(--avp-form-title,#172033)!important;font-size:15px!important;line-height:1.35!important;font-weight:950!important;
}
.avp-register-wrap #avp-register-form .avp-reg-step-head p{
    margin:0!important;color:#718096!important;font-size:10.8px!important;line-height:1.65!important;font-weight:600!important;
}
.avp-register-wrap #avp-register-form .avp-reg-step-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px 13px!important;width:100%!important;margin:0!important;
}
.avp-register-wrap #avp-register-form .avp-reg-step-grid>.avp-fw-full,
.avp-register-wrap #avp-register-form .avp-reg-step-grid>.avp-field-wrap[style*="100%"]{grid-column:1/-1!important;}
.avp-register-wrap #avp-register-form .avp-reg-step-actions{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;margin-top:14px!important;
}
.avp-register-wrap #avp-register-form .avp-reg-wizard-btn{
    min-height:42px!important;border-radius:12px!important;padding:9px 17px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
    font-size:12px!important;font-weight:900!important;cursor:pointer!important;transition:.18s ease!important;
}
.avp-register-wrap #avp-register-form .avp-reg-wizard-next{
    min-width:135px!important;border:0!important;background:linear-gradient(135deg,var(--avp-primary,#2563eb),var(--avp-secondary,#0ea5e9))!important;color:#fff!important;
    box-shadow:0 10px 22px color-mix(in srgb,var(--avp-primary,#2563eb) 20%,transparent)!important;
}
.avp-register-wrap #avp-register-form .avp-reg-wizard-back{
    min-width:92px!important;border:1px solid #dbe4ef!important;background:#fff!important;color:#475569!important;box-shadow:none!important;
}
.avp-register-wrap #avp-register-form .avp-reg-wizard-btn:hover{transform:translateY(-1px)!important;}
.avp-register-wrap #avp-register-form .avp-reg-step-msg{
    display:none!important;margin-top:10px!important;padding:10px 12px!important;border-radius:11px!important;font-size:11px!important;font-weight:750!important;line-height:1.55!important;align-items:flex-start!important;gap:7px!important;
}
.avp-register-wrap #avp-register-form .avp-reg-step-msg.err{display:flex!important;background:#fff1f2!important;border:1px solid #fecdd3!important;color:#be123c!important;}
.avp-register-wrap #avp-register-form .avp-reg-step-msg.ok{display:flex!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important;color:#15803d!important;}
.avp-register-wrap #avp-register-form #avp-reg-verification-wrap{
    margin:0!important;padding:0!important;background:transparent!important;
}
.avp-register-wrap #avp-register-form .avp-reg-verify-card{
    position:relative!important;padding:14px!important;border:1px solid #dfe7f2!important;border-radius:15px!important;
    background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 8px 22px rgba(15,23,42,.045)!important;
}
.avp-register-wrap #avp-register-form .avp-reg-verify-card.avp-verified{border-color:#86efac!important;background:#f7fff9!important;}
.avp-register-wrap #avp-register-form .avp-reg-verify-card.avp-reg-verify-attention{animation:avpRegVerifyPulse .55s ease 2;}
@keyframes avpRegVerifyPulse{50%{box-shadow:0 0 0 4px rgba(245,158,11,.14)!important;border-color:#f59e0b!important;}}
.avp-register-wrap #avp-register-form .avp-reg-verify-card .avp-otp-group{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important;align-items:stretch!important;
}
.avp-register-wrap #avp-register-form .avp-reg-verify-card .avp-reg-otp-code{min-width:0!important;}
.avp-register-wrap #avp-register-form .avp-reg-verify-card .avp-submit-btn{
    width:auto!important;min-width:104px!important;padding-inline:12px!important;box-shadow:none!important;
}
.avp-register-wrap #avp-register-form .avp-reg-wizard-step[data-avp-reg-step="4"] .avp-submit-row{margin:0!important;flex:1 1 auto!important;}
.avp-register-wrap #avp-register-form .avp-reg-wizard-step[data-avp-reg-step="4"] .avp-submit-row .avp-submit-btn{width:100%!important;}

@media(max-width:680px){
    .avp-login-wrap .avp-lf-actions{grid-template-columns:1fr!important;gap:8px!important;}
    .avp-login-wrap .avp-lf-actions .avp-lf-passwordless-trigger--action{order:2!important;}
    .avp-register-wrap #avp-register-form.avp-reg-wizard-form .avp-reg-wizard-progress{justify-content:space-between!important;gap:4px!important;padding:9px 8px!important;}
    .avp-register-wrap #avp-register-form .avp-reg-progress-item{flex-direction:column!important;gap:3px!important;font-size:9px!important;text-align:center!important;}
    .avp-register-wrap #avp-register-form .avp-reg-progress-line{width:10px!important;flex-basis:10px!important;}
    .avp-register-wrap #avp-register-form .avp-reg-step-grid{grid-template-columns:1fr!important;}
    .avp-register-wrap #avp-register-form .avp-reg-verify-card .avp-otp-group{grid-template-columns:1fr 1fr!important;}
    .avp-register-wrap #avp-register-form .avp-reg-verify-card .avp-reg-otp-code{grid-column:1/-1!important;}
    .avp-register-wrap #avp-register-form .avp-reg-step-actions{justify-content:stretch!important;}
    .avp-register-wrap #avp-register-form .avp-reg-wizard-btn{flex:1 1 0!important;min-width:0!important;}
}

/* V20: keep wizard navigation arrows semantically correct in LTR layouts. */
.avp-register-wrap #avp-register-form[dir="ltr"] .avp-reg-wizard-btn i,
.avp-register-wrap[dir="ltr"] #avp-register-form .avp-reg-wizard-btn i{transform:scaleX(-1)!important;}


/* ========================================================================== 
   AuthVault v21 — auth polish: balanced code action, safe icons, clean phone
   ========================================================================== */
.avp-login-wrap .avp-lf-actions{
    grid-template-columns:minmax(0,1.16fr) minmax(0,1fr)!important;
    gap:9px!important;
}
.avp-login-wrap .avp-lf-actions .avp-lf-submit,
.avp-login-wrap .avp-lf-actions .avp-lf-passwordless-trigger--action{
    min-height:46px!important;
    height:46px!important;
    border-radius:13px!important;
    padding:7px 13px!important;
    font-size:12.5px!important;
    letter-spacing:0!important;
    overflow:hidden!important;
}
.avp-login-wrap .avp-lf-passwordless-trigger--action{
    color:#1d4ed8!important;
    background:linear-gradient(135deg,#f8fbff,#eef4ff)!important;
    border:1.5px solid #bfd0f4!important;
    box-shadow:0 8px 20px rgba(37,99,235,.09)!important;
}
.avp-login-wrap .avp-lf-passwordless-trigger--action:hover{
    color:#1e40af!important;
    background:linear-gradient(135deg,#f1f6ff,#e9f1ff)!important;
    border-color:#8fb0ee!important;
    box-shadow:0 11px 24px rgba(37,99,235,.13)!important;
}
.avp-login-wrap .avp-lf-passwordless-trigger--action i{
    width:27px!important;height:27px!important;min-width:27px!important;flex:0 0 27px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    margin:0!important;border-radius:9px!important;
    background:linear-gradient(135deg,var(--avp-primary,#2563eb),#6366f1)!important;
    color:#fff!important;font-size:11px!important;box-shadow:0 5px 12px rgba(37,99,235,.16)!important;
}
.avp-login-wrap .avp-lf-passwordless-trigger--action span{
    min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}

.avp-login-wrap .avp-passwordless-input-wrap{
    position:relative!important;width:100%!important;min-width:0!important;overflow:visible!important;
}
.avp-login-wrap .avp-passwordless-input-wrap .avp-passwordless-identifier{
    width:100%!important;min-width:0!important;box-sizing:border-box!important;
    padding-left:66px!important;padding-right:16px!important;text-indent:0!important;
    direction:ltr!important;text-align:left!important;
}
.avp-login-wrap .avp-passwordless-input-wrap .avp-lf-input-icon-static{
    left:18px!important;right:auto!important;width:22px!important;height:22px!important;
    min-width:22px!important;min-height:22px!important;display:inline-flex!important;
    align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;
    line-height:1!important;font-size:14px!important;pointer-events:none!important;
}
.avp-login-wrap .avp-passwordless-head > div:not(.avp-passwordless-icon){flex:1 1 auto!important;min-width:0!important;}
.avp-login-wrap .avp-passwordless-head p{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;}

.avp-auth-story__features{align-items:stretch!important;}
.avp-auth-story__feature{
    min-width:0!important;min-height:58px!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:5px!important;padding:7px 6px!important;
    overflow:hidden!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;
    word-break:normal!important;font-size:9.2px!important;line-height:1.35!important;
}
.avp-auth-story__feature i,
.avp-native-auth-story .avp-auth-story__feature > span[aria-hidden="true"]{
    width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;flex:0 0 25px!important;margin:0!important;
}

.avp-register-wrap #avp-reg-form-wrap .avp-field-wrap .avp-phone-group.avp-phone-group--enhanced.avp-phone-group--exact{
    display:flex!important;align-items:stretch!important;width:100%!important;height:48px!important;min-height:48px!important;
    gap:0!important;padding:0!important;border:1.5px solid var(--avp-input-border,#d9e2ef)!important;border-radius:12px!important;
    background:linear-gradient(180deg,#fcfdff,#f8faff)!important;box-shadow:none!important;overflow:visible!important;box-sizing:border-box!important;
}
.avp-register-wrap #avp-reg-form-wrap .avp-field-wrap .avp-phone-group.avp-phone-group--exact.is-focused{
    border-color:var(--avp-primary,#2563eb)!important;background:#fff!important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--avp-primary,#2563eb) 13%,transparent)!important;
}
.avp-register-wrap #avp-reg-form-wrap .avp-phone-group.avp-phone-group--exact .avp-phone-search{
    flex:0 0 118px!important;width:118px!important;min-width:100px!important;max-width:132px!important;height:46px!important;
    border:0!important;border-right:1px solid #dfe6f0!important;border-radius:11px 0 0 11px!important;
    background:#f4f7fc!important;box-shadow:none!important;overflow:visible!important;
}
.avp-register-wrap #avp-reg-form-wrap .avp-phone-group.avp-phone-group--exact .avp-phone-search__toggle{
    width:100%!important;height:46px!important;min-height:46px!important;padding:0 10px!important;border:0!important;
    border-radius:11px 0 0 11px!important;background:transparent!important;background-image:none!important;box-shadow:none!important;
    gap:6px!important;overflow:hidden!important;
}
.avp-register-wrap #avp-reg-form-wrap .avp-phone-group.avp-phone-group--exact .avp-phone-search__flag{
    width:23px!important;min-width:23px!important;flex:0 0 23px!important;
}
.avp-register-wrap #avp-reg-form-wrap .avp-phone-group.avp-phone-group--exact .avp-phone-search__label{display:none!important;}
.avp-register-wrap #avp-reg-form-wrap .avp-phone-group.avp-phone-group--exact .avp-phone-search__dial{
    flex:0 0 auto!important;margin:0!important;color:#334155!important;font-size:12.5px!important;font-weight:850!important;white-space:nowrap!important;
}
.avp-register-wrap #avp-reg-form-wrap .avp-field-wrap .avp-phone-group.avp-phone-group--exact .avp-phone-number{
    flex:1 1 auto!important;width:auto!important;min-width:0!important;height:46px!important;min-height:46px!important;
    margin:0!important;padding:0 14px!important;border:0!important;border-radius:0 11px 11px 0!important;
    background:transparent!important;box-shadow:none!important;outline:0!important;direction:ltr!important;text-align:left!important;font-size:13px!important;
}
.avp-register-wrap #avp-reg-form-wrap .avp-field-wrap .avp-phone-group.avp-phone-group--exact .avp-phone-number:focus{
    border:0!important;background:transparent!important;box-shadow:none!important;
}

@media(max-width:680px){
    .avp-login-wrap .avp-lf-actions{grid-template-columns:1fr!important;gap:8px!important;}
    .avp-login-wrap .avp-lf-actions .avp-lf-submit,
    .avp-login-wrap .avp-lf-actions .avp-lf-passwordless-trigger--action{height:46px!important;}
}


/* ========================================================================== 
   AuthVault v22 — final auth collision / composite-control hardening
   ========================================================================== */
.avp-login-wrap .avp-lf-code-action-icon{width:30px!important;height:30px!important;min-width:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#fff!important;}
.avp-login-wrap .avp-lf-code-action-icon i{position:static!important;transform:none!important;width:auto!important;height:auto!important;margin:0!important;background:none!important;box-shadow:none!important;color:#fff!important;}
.avp-login-wrap #avp-passwordless-panel .avp-passwordless-identifier{padding:10px 56px 10px 16px!important;direction:ltr!important;text-align:left!important;}
.avp-login-wrap #avp-passwordless-panel .avp-passwordless-input-wrap .avp-lf-input-icon-static{right:16px!important;left:auto!important;width:28px!important;height:28px!important;border-radius:9px!important;background:#edf3ff!important;}
.avp-auth-story__feature-text{display:block!important;width:100%!important;min-width:0!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.avp-register-wrap #avp-reg-form-wrap .avp-input-wrap--phone-composite>.avp-phone-composite{display:flex!important;gap:0!important;width:100%!important;border:1.5px solid #dce4ef!important;border-radius:14px!important;background:#f8fafc!important;box-shadow:none!important;}
.avp-register-wrap #avp-reg-form-wrap .avp-input-wrap--phone-composite .avp-phone-number{flex:1!important;width:auto!important;min-width:0!important;border:0!important;border-radius:0 13px 13px 0!important;background:transparent!important;box-shadow:none!important;}

/* v27: native wp-login rhythm + compact WordPress expired-session iframe. */
body.login.avp-exp-native-login-main .avp-native-auth-head{
    column-gap:18px!important;
    row-gap:0!important;
    margin-bottom:20px!important;
}
body.login.avp-exp-native-login-main .avp-native-auth-heading h2{
    margin:0 0 6px!important;
    line-height:1.3!important;
}
body.login.avp-exp-native-login-main .avp-native-auth-heading p{
    margin:0!important;
    line-height:1.6!important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell #loginform > p:not(.forgetmenot):not(.submit),
body.login.avp-exp-native-login-main .avp-native-auth-shell #loginform > .user-pass-wrap{
    margin:0 0 16px!important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell #loginform label{
    display:block!important;
    margin:0 0 8px!important;
    line-height:1.55!important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell #loginform label > .input,
body.login.avp-exp-native-login-main .avp-native-auth-shell #loginform .user-pass-wrap .input,
body.login.avp-exp-native-login-main .avp-native-auth-shell #loginform > p > .input{
    margin:0!important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell #loginform .wp-pwd{
    margin:0!important;
}
body.login.avp-exp-native-login-main .avp-native-auth-shell #loginform .forgetmenot{
    margin:2px 0 13px!important;
}
@media(min-width:901px){
    body.login.avp-exp-native-login-main .avp-native-auth-head{
        column-gap:16px!important;
        margin-bottom:17px!important;
    }
}

/* WordPress admin session-expired dialog (interim-login=1). The native form
   and cookie handshake stay untouched; only the presentation is replaced. */
html body.login.avp-exp-native-login-interim{
    min-width:0!important;
    width:100%!important;
    min-height:100vh!important;
    height:auto!important;
    margin:0!important;
    padding:20px 18px 24px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    background:
        radial-gradient(circle at 8% 0,rgba(37,99,235,.09),transparent 30%),
        radial-gradient(circle at 92% 100%,rgba(14,165,233,.08),transparent 32%),
        #f5f8fc!important;
    color:#0f172a!important;
}
body.login.avp-exp-native-login-interim #login{
    width:min(100%,430px)!important;
    max-width:430px!important;
    margin:0 auto!important;
    padding:0!important;
    box-sizing:border-box!important;
}
body.login.avp-exp-native-login-interim #login > h1.avp-interim-native-logo{
    display:none!important;
}
body.login.avp-exp-native-login-interim .avp-interim-auth-head{
    width:100%!important;
    margin:0 0 15px!important;
    padding:0 2px!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:14px!important;
    align-items:center!important;
    box-sizing:border-box!important;
    text-align:start!important;
}
body.login.avp-exp-native-login-interim .avp-interim-auth-icon{
    width:54px!important;
    height:54px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:17px!important;
    background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
    color:#fff!important;
    box-shadow:0 13px 28px rgba(37,99,235,.22)!important;
}
body.login.avp-exp-native-login-interim .avp-interim-auth-icon svg{
    width:29px!important;
    height:29px!important;
    display:block!important;
}
body.login.avp-exp-native-login-interim .avp-interim-auth-head h2{
    margin:0 0 4px!important;
    padding:0!important;
    color:#0f172a!important;
    font-size:20px!important;
    font-weight:950!important;
    line-height:1.3!important;
}
body.login.avp-exp-native-login-interim .avp-interim-auth-head p{
    margin:0!important;
    padding:0!important;
    color:#64748b!important;
    font-size:11.5px!important;
    font-weight:650!important;
    line-height:1.65!important;
}
body.login.avp-exp-native-login-interim #login_error,
body.login.avp-exp-native-login-interim .message,
body.login.avp-exp-native-login-interim .notice,
body.login.avp-exp-native-login-interim .success{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 0 14px!important;
    padding:11px 13px!important;
    overflow:visible!important;
    white-space:normal!important;
    border:1px solid #bfdbfe!important;
    border-inline-start:4px solid #2563eb!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#eff6ff,#fff)!important;
    color:#1e3a5f!important;
    box-shadow:none!important;
    font-size:11.5px!important;
    font-weight:700!important;
    line-height:1.7!important;
    box-sizing:border-box!important;
    text-align:start!important;
}
body.login.avp-exp-native-login-interim #loginform{
    width:100%!important;
    margin:0!important;
    padding:18px!important;
    border:1px solid #dde7f2!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 18px 44px rgba(15,23,42,.10)!important;
    box-sizing:border-box!important;
    overflow:visible!important;
}
body.login.avp-exp-native-login-interim #loginform > p:not(.forgetmenot):not(.submit),
body.login.avp-exp-native-login-interim #loginform > .user-pass-wrap{
    margin:0 0 14px!important;
}
body.login.avp-exp-native-login-interim #loginform label{
    display:block!important;
    margin:0 0 7px!important;
    color:#334155!important;
    font-size:11.5px!important;
    font-weight:850!important;
    line-height:1.5!important;
}
body.login.avp-exp-native-login-interim #loginform .input,
body.login.avp-exp-native-login-interim #loginform input[type=text],
body.login.avp-exp-native-login-interim #loginform input[type=password]{
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:8px 12px!important;
    border:1px solid #d8e3ef!important;
    border-radius:13px!important;
    background:#f8fafc!important;
    color:#0f172a!important;
    box-shadow:inset 0 1px 2px rgba(15,23,42,.025)!important;
    font-size:13px!important;
    line-height:1.35!important;
    box-sizing:border-box!important;
}
body.login.avp-exp-native-login-interim #loginform .input:focus,
body.login.avp-exp-native-login-interim #loginform input[type=text]:focus,
body.login.avp-exp-native-login-interim #loginform input[type=password]:focus{
    border-color:#38bdf8!important;
    background:#fff!important;
    box-shadow:0 0 0 3px rgba(14,165,233,.14)!important;
    outline:0!important;
}
body.login.avp-exp-native-login-interim #loginform .wp-pwd{
    position:relative!important;
    margin:0!important;
}
body.login.avp-exp-native-login-interim #loginform .wp-pwd .input{
    padding-inline-end:44px!important;
}
body.login.avp-exp-native-login-interim #loginform .wp-pwd .button.wp-hide-pw{
    width:38px!important;
    min-width:38px!important;
    height:44px!important;
    min-height:44px!important;
    top:1px!important;
    inset-inline-end:1px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#64748b!important;
}
body.login.avp-exp-native-login-interim #loginform .forgetmenot{
    float:none!important;
    margin:0 0 11px!important;
}
body.login.avp-exp-native-login-interim #loginform .forgetmenot label{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0!important;
}
body.login.avp-exp-native-login-interim #loginform .forgetmenot input{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    margin:0!important;
}
body.login.avp-exp-native-login-interim #loginform p.submit{
    float:none!important;
    margin:0!important;
    padding:0!important;
}
body.login.avp-exp-native-login-interim #loginform .button-primary{
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    padding:8px 13px!important;
    border:0!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
    color:#fff!important;
    box-shadow:0 12px 25px rgba(37,99,235,.19)!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.2!important;
}
body.login.avp-exp-native-login-interim .avp-wp-login-bio{
    margin:11px 0 0!important;
}
body.login.avp-exp-native-login-interim .avp-wp-login-bio__divider{
    margin:9px 0!important;
    font-size:10px!important;
    line-height:1.5!important;
}
body.login.avp-exp-native-login-interim .avp-wp-login-bio__grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
}
body.login.avp-exp-native-login-interim .avp-wp-login-bio__btn{
    width:100%!important;
    min-width:0!important;
    min-height:43px!important;
    margin:0!important;
    padding:7px 8px!important;
    border:1px solid #dbe4ef!important;
    border-radius:12px!important;
    background:#fff!important;
    font-size:11px!important;
    line-height:1.3!important;
    box-sizing:border-box!important;
}
body.login.avp-exp-native-login-interim #nav,
body.login.avp-exp-native-login-interim #backtoblog,
body.login.avp-exp-native-login-interim .language-switcher,
body.login.avp-exp-native-login-interim .privacy-policy-page-link{
    display:none!important;
}
@media(max-width:480px){
    html body.login.avp-exp-native-login-interim{
        padding:14px 11px 18px!important;
    }
    body.login.avp-exp-native-login-interim .avp-interim-auth-head{
        grid-template-columns:48px minmax(0,1fr)!important;
        gap:11px!important;
        margin-bottom:12px!important;
    }
    body.login.avp-exp-native-login-interim .avp-interim-auth-icon{
        width:48px!important;
        height:48px!important;
        border-radius:14px!important;
    }
    body.login.avp-exp-native-login-interim .avp-interim-auth-head h2{font-size:18px!important}
    body.login.avp-exp-native-login-interim #loginform{padding:15px!important;border-radius:17px!important}
    body.login.avp-exp-native-login-interim .avp-wp-login-bio__grid{grid-template-columns:1fr 1fr!important}
}