:root {
    --pba-purple: #6d45e5;
    --pba-purple-dark: #5735ce;
    --pba-ink: #171b2d;
    --pba-muted: #667085;
    --pba-line: #e7e9f1;
    --pba-soft: #f7f8fd;
    --pba-surface: #ffffff;
}

html,
body.pba-standalone-page {
    min-height: 100%;
    margin: 0 !important;
}

body.pba-standalone-page {
    background: #eef3ff;
}

.pba-wrap,
.pba-wrap *,
.pba-account-app,
.pba-account-app *,
.pba-wrap *::before,
.pba-wrap *::after,
.pba-account-app *::before,
.pba-account-app *::after {
    box-sizing: border-box;
}

.pba-wrap,
.pba-account-app {
    color: var(--pba-ink);
    font: 500 14px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.pba-wrap {
    --pba-purple: #4450ff;
    --pba-purple-dark: #313cff;
    --pba-ink: #172033;
    --pba-muted: #8290ad;
    --pba-line: #e5e8f1;
    --pba-soft: #f5f7ff;
    position: fixed;
    inset: 0;
    z-index: 2147480000;
    display: grid;
    place-items: center;
    overflow: auto;
    padding: 34px 18px;
    background:
        radial-gradient(circle at 12% 12%, rgba(68, 80, 255, .07), transparent 28%),
        radial-gradient(circle at 88% 90%, rgba(68, 80, 255, .06), transparent 30%),
        #eef3ff;
}

.pba-auth-layout {
    width: min(100%, 430px);
    margin: auto;
}

.pba-auth-brand {
    display: flex;
    width: max-content;
    max-width: 100%;
    align-items: center;
    gap: 11px;
    margin: 0 auto 26px;
    color: #192452;
    text-decoration: none;
}

.pba-brand-mark {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border-radius: 13px;
    color: #fff;
    background: #fff;
    box-shadow: 0 9px 26px rgba(68, 80, 255, .13);
}

.pba-brand-mark svg {
    width: 27px;
    height: 27px;
    fill: var(--pba-purple);
}

.pba-auth-brand > span:last-child {
    display: grid;
    gap: 1px;
}

.pba-auth-brand strong {
    font-size: 23px;
    font-weight: 850;
    letter-spacing: -.6px;
}

.pba-auth-brand small {
    color: #8492b3;
    font-size: 12px;
}

.pba-card {
    width: 100%;
    padding: 28px 31px 30px;
    border: 1px solid rgba(255, 255, 255, .85);
    border-top: 3px solid #4d54ff;
    border-radius: 21px;
    color: var(--pba-ink);
    background: var(--pba-surface);
    box-shadow: 0 24px 64px rgba(35, 52, 111, .11);
}

.pba-auth-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 26px;
    padding: 3px;
    border-radius: 14px;
    background: #fbfcff;
}

.pba-auth-tabs a {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid transparent;
    border-radius: 18px;
    color: #7b8aa8;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition: .18s ease;
}

.pba-auth-tabs a:hover {
    color: var(--pba-purple);
}

.pba-auth-tabs a.active {
    border-color: #172033;
    color: #fff;
    background: linear-gradient(100deg, #3c47ff, #777dff);
    box-shadow: 0 7px 17px rgba(68, 80, 255, .22);
}

.pba-auth-tabs svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
}

.pba-card h1,
.pba-account-app h1,
.pba-account-app h2,
.pba-account-app h3,
.pba-account-app p {
    font-family: inherit;
}

.pba-card h1 {
    margin: 0;
    color: var(--pba-ink);
    font-size: 23px;
    line-height: 1.25;
    letter-spacing: -.45px;
}

.pba-auth-heading {
    margin: 0 0 23px;
}

.pba-auth-heading p {
    margin: 5px 0 0;
    color: #8b98b4;
    font-size: 12px;
}

.pba-form {
    display: grid;
    gap: 14px;
}

.pba-form .pba-field {
    display: grid;
    gap: 6px;
    margin: 0;
    color: var(--pba-ink);
    font-size: 11px;
    font-weight: 750;
}

.pba-form input,
.pba-form textarea,
.pba-form select {
    width: 100%;
    min-height: 42px;
    margin: 0;
    padding: 10px 13px;
    border: 1px solid #e0e3eb;
    border-radius: 12px;
    outline: 0;
    color: var(--pba-ink);
    background: #fff;
    box-shadow: none;
    font: inherit;
    font-size: 12px;
    line-height: 1.45;
}

.pba-form textarea {
    min-height: 120px;
    resize: vertical;
}

.pba-form input:focus,
.pba-form textarea:focus,
.pba-form select:focus {
    border-color: var(--pba-purple);
    box-shadow: 0 0 0 3px rgba(68, 80, 255, .10);
}

.pba-input-wrap,
.pba-password {
    position: relative;
    display: flex;
    align-items: center;
}

.pba-input-wrap > .pba-icon,
.pba-password > .pba-icon {
    position: absolute;
    left: 12px;
    z-index: 1;
    width: 15px;
    height: 15px;
    color: #7f90ae;
    pointer-events: none;
}

.pba-input-wrap input,
.pba-password input {
    padding-left: 37px;
}

.pba-password {
    width: 100%;
}

.pba-password input {
    padding-right: 44px;
}

.pba-toggle {
    position: absolute;
    top: 5px;
    right: 6px;
    display: grid;
    width: 32px;
    min-height: 32px;
    place-items: center;
    padding: 0;
    border: 0;
    color: #7183a4;
    background: transparent;
    cursor: pointer;
}

.pba-toggle .pba-icon {
    width: 16px;
    height: 16px;
}

.pba-icon {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.pba-submit {
    display: flex;
    min-height: 43px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 2px;
    padding: 11px 18px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(100deg, #3542ff, #777dff);
    box-shadow: 0 9px 20px rgba(68, 80, 255, .23);
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease;
}

.pba-submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 25px rgba(68, 80, 255, .28);
}

.pba-submit .pba-icon {
    width: 15px;
    height: 15px;
}

.pba-submit:disabled {
    opacity: .65;
    cursor: wait;
}

.pba-check {
    display: flex !important;
    align-items: center;
    gap: 7px !important;
    color: #8491ac !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    cursor: pointer;
}

.pba-check input {
    width: 14px;
    min-height: 14px;
    accent-color: var(--pba-purple);
}

.pba-form-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.pba-form-options > a,
.pba-switch-copy a,
.pba-links a,
.pba-resend summary {
    color: var(--pba-purple);
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

.pba-links {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.pba-alert {
    margin: 0 0 18px;
    padding: 11px 13px;
    border-radius: 11px;
    font-size: 11px;
}

.pba-error {
    color: #a51d1d;
    background: #fff0f0;
}

.pba-success {
    color: #176c39;
    background: #edf9f1;
}

.pba-strength {
    height: 4px;
    margin-top: -8px;
    overflow: hidden;
    border-radius: 5px;
    background: #ececf2;
}

.pba-strength span {
    display: block;
    width: 0;
    height: 100%;
    background: #d32f2f;
    transition: .2s;
}

.pba-resend {
    margin-top: 17px;
    padding-top: 15px;
    border-top: 1px solid #e5e7eb;
    text-align: center;
}

.pba-resend summary {
    cursor: pointer;
}

.pba-resend .pba-form {
    margin-top: 16px;
    text-align: left;
}

.pba-form > small {
    margin-top: -8px;
    color: #8c98b0;
    font-size: 9px;
    line-height: 1.45;
}

.pba-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 22px 0 16px;
    color: #9aa5ba;
    font-size: 9px;
    text-align: center;
}

.pba-divider::before,
.pba-divider::after {
    height: 1px;
    flex: 1;
    background: #e8eaf0;
    content: "";
}

.pba-social {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.pba-social button {
    display: flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 8px;
    border: 1px solid #e2e5eb;
    border-radius: 10px;
    color: #253049;
    background: #fff;
    font: inherit;
    font-size: 9px;
    font-weight: 750;
}

.pba-social button:disabled {
    cursor: not-allowed;
    opacity: .78;
}

.pba-social b {
    font-size: 16px;
    line-height: 1;
}

.pba-google {
    color: #ea4335;
}

.pba-facebook {
    color: #1877f2;
}

.pba-apple {
    color: #111827;
    font-size: 11px !important;
}

.pba-switch-copy {
    margin: 17px 0 0;
    color: #8b97af;
    font-size: 10px;
    text-align: center;
}

.pba-role-fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.pba-role-fieldset legend {
    margin-bottom: 7px;
    color: var(--pba-ink);
    font-size: 11px;
    font-weight: 750;
}

.pba-role-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.pba-role-option {
    position: relative;
    display: grid !important;
    grid-template-columns: 32px 1fr;
    min-width: 0;
    align-items: center;
    gap: 9px !important;
    padding: 11px;
    border: 1px solid #e0e3eb;
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    transition: .18s ease;
}

.pba-role-option:hover {
    border-color: #a9b0ff;
}

.pba-role-option:has(input:checked) {
    border-color: var(--pba-purple);
    background: #f4f5ff;
    box-shadow: 0 0 0 3px rgba(68, 80, 255, .07);
}

.pba-role-option input {
    position: absolute;
    width: 1px;
    min-height: 1px;
    opacity: 0;
    pointer-events: none;
}

.pba-role-check {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 10px;
    height: 10px;
    border: 1px solid #c7ccda;
    border-radius: 50%;
    background: #fff;
}

.pba-role-option:has(input:checked) .pba-role-check {
    border: 3px solid var(--pba-purple);
}

.pba-role-icon {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 9px;
    color: var(--pba-purple);
    background: #eef0ff;
}

.pba-role-icon .pba-icon {
    width: 16px;
    height: 16px;
}

.pba-role-option strong,
.pba-role-option small {
    display: block;
}

.pba-role-option strong {
    color: var(--pba-ink);
    font-size: 11px;
}

.pba-role-option small {
    margin-top: 2px;
    color: #8793aa;
    font-size: 8px;
    font-weight: 500;
}

.pba-back-home {
    display: block;
    width: max-content;
    margin: 24px auto 0;
    color: #8190af;
    font-size: 11px;
    text-decoration: none;
}

.pba-account-app .pba-form label {
    display: grid;
    gap: 7px;
    margin: 0;
    color: var(--pba-ink);
    font-size: 14px;
    font-weight: 700;
}

.pba-account-app .pba-form {
    gap: 16px;
}

.pba-account-app .pba-form input,
.pba-account-app .pba-form textarea,
.pba-account-app .pba-form select {
    min-height: 46px;
    padding: 12px 14px;
    font-size: 14px;
}

.pba-account-app .pba-password input {
    padding-right: 70px;
    padding-left: 14px;
}

.pba-account-app .pba-toggle {
    top: 7px;
    right: 8px;
    display: block;
    width: auto;
    min-height: 32px;
    padding: 6px 8px;
    color: var(--pba-purple);
    font: inherit;
    font-weight: 750;
}

.pba-account-app .pba-submit {
    min-height: 48px;
    margin-top: 0;
    padding: 13px 18px;
    border-radius: 11px;
    background: linear-gradient(135deg, #7c59f7, var(--pba-purple-dark));
    box-shadow: 0 10px 24px rgba(109, 69, 229, .22);
    font-size: 15px;
}

.pba-account-app .pba-submit:hover {
    transform: none;
    box-shadow: 0 10px 24px rgba(109, 69, 229, .22);
}

.pba-account-app {
    position: fixed;
    inset: 0;
    z-index: 2147480000;
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 100%, rgba(28, 203, 230, .10), transparent 27%),
        #f4f5fb;
}

.pba-account-sidebar {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 26px 16px 18px;
    border-right: 1px solid var(--pba-line);
    background: rgba(255, 255, 255, .96);
}

.pba-account-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 7px 28px;
    color: var(--pba-ink);
    text-decoration: none;
}

.pba-account-brand span {
    display: grid;
    width: 39px;
    height: 39px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(145deg, #7d58ff, #4f35d5);
    box-shadow: 0 9px 23px rgba(109, 69, 229, .25);
    font-size: 17px;
    font-weight: 900;
}

.pba-account-brand strong {
    font-size: 15px;
    letter-spacing: .35px;
}

.pba-account-sidebar nav {
    display: grid;
    gap: 6px;
}

.pba-account-sidebar nav a {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 0 13px;
    border-radius: 11px;
    color: #75809b;
    font-weight: 700;
    text-decoration: none;
    transition: .18s;
}

.pba-account-sidebar nav a:hover,
.pba-account-sidebar nav a.active {
    color: var(--pba-purple);
    background: linear-gradient(90deg, rgba(112, 72, 245, .12), rgba(112, 72, 245, .03));
}

.pba-account-logout {
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid var(--pba-line);
}

.pba-account-logout button {
    width: 100%;
    min-height: 43px;
    padding: 0 13px;
    border: 0;
    border-radius: 10px;
    color: #be3349;
    background: #fff1f3;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.pba-account-main {
    min-width: 0;
    overflow: auto;
}

.pba-account-content {
    width: min(1050px, 100%);
    margin: 0 auto;
    padding: 42px 38px 70px;
}

.pba-account-heading {
    margin-bottom: 22px;
}

.pba-account-heading > a {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--pba-purple);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.pba-account-heading h1 {
    margin: 0;
    color: var(--pba-ink);
    font-size: clamp(27px, 3vw, 35px);
    line-height: 1.2;
    letter-spacing: -1px;
}

.pba-account-card {
    min-width: 0;
    padding: 28px;
    overflow: hidden;
    border: 1px solid var(--pba-line);
    border-radius: 18px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 14px 40px rgba(35, 35, 70, .07);
}

.pba-account-card > :first-child {
    margin-top: 0;
}

.pba-account-card > :last-child {
    margin-bottom: 0;
}

.pba-account-card .pba-form {
    max-width: 680px;
}

.pba-empty {
    padding: 58px 24px;
    border: 1px dashed #d7d9e3;
    border-radius: 14px;
    text-align: center;
    background: #fafafe;
}

.pba-empty strong {
    display: block;
    font-size: 18px;
}

.pba-empty p {
    margin: 8px 0 0;
    color: var(--pba-muted);
}

.pba-account-card .premiumify-my-orders,
.pba-account-card .premiumify-notifications,
.pba-account-card .pst-wrap,
.pba-account-card .premiumify-manual-recharge {
    width: 100%;
    max-width: none;
}

.pba-account-card .premiumify-manual-recharge {
    padding: 0;
    border: 0;
    box-shadow: none;
}

.pba-account-card table {
    width: 100%;
}

@media (max-width: 760px) {
    .pba-account-app {
        display: block;
        overflow: auto;
    }

    .pba-account-sidebar {
        position: static;
        padding: 14px 15px;
        border-right: 0;
        border-bottom: 1px solid var(--pba-line);
    }

    .pba-account-brand {
        margin: 0 0 12px;
    }

    .pba-account-brand span {
        width: 34px;
        height: 34px;
        border-radius: 10px;
    }

    .pba-account-sidebar nav {
        display: flex;
        padding-bottom: 4px;
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .pba-account-sidebar nav a {
        min-height: 38px;
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .pba-account-logout {
        display: none;
    }

    .pba-account-main {
        overflow: visible;
    }

    .pba-account-content {
        padding: 28px 16px 48px;
    }

    .pba-account-card {
        padding: 20px 16px;
    }

    .pba-account-card table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

@media (max-width: 560px) {
    .pba-wrap {
        align-items: start;
        padding: 22px 12px;
    }

    .pba-auth-brand {
        margin-bottom: 18px;
    }

    .pba-card {
        padding: 23px 18px 25px;
        border-radius: 16px;
    }

    .pba-card h1 {
        font-size: 22px;
    }

    .pba-role-options {
        grid-template-columns: 1fr;
    }

    .pba-social {
        gap: 6px;
    }

    .pba-social button {
        padding-inline: 5px;
        font-size: 8px;
    }
}


/* Register usability: permit selecting, copying, pasting and browser autofill. */
body.page-register .pba-auth-card,
body.page-register .pba-auth-card *,
html.pba-register-page .pba-auth-card,
html.pba-register-page .pba-auth-card * {
    -webkit-user-select: text !important;
    user-select: text !important;
}
body.page-register .pba-auth-card input,
body.page-register .pba-auth-card textarea,
html.pba-register-page .pba-auth-card input,
html.pba-register-page .pba-auth-card textarea {
    -webkit-user-select: text !important;
    user-select: text !important;
    -webkit-touch-callout: default !important;
}

.pba-verification-card{display:grid;gap:18px}.pba-verification-status{padding:16px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa}.pba-verification-status.status-submitted{background:#eff6ff;border-color:#bfdbfe}.pba-verification-status.status-more_proof,.pba-verification-status.status-rejected{background:#fef2f2;border-color:#fecaca}.pba-proof-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.pba-proof-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid rgba(148,163,184,.35)}


/* Premiumify shared visual system v2.8.0 */
.pba-auth-brand-row,.pba-account-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pba-auth-brand-row{margin:0 auto 26px}.pba-auth-brand-row .pba-auth-brand{margin:0}
.pba-brand-word{font-weight:850!important;letter-spacing:-.04em!important;color:#111827!important;text-transform:none!important}.pba-brand-word>span{color:#4f46e5!important}
.pba-account-brand{margin:0!important}.pba-account-brand .pba-brand-mark,.pba-brand-mark{background:#fff!important;color:#3f51f4!important;border:1px solid rgba(99,102,241,.10)!important}
.pba-account-brand .pba-brand-mark svg{width:25px;height:25px;fill:#3f51f4}.pba-account-brand .pba-brand-word{font-size:19px}
.pba-global-theme{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(148,163,184,.24);border-radius:13px;background:rgba(255,255,255,.82);color:#334155;font:800 20px/1 system-ui;cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.05)}
html[data-theme="dark"] body.pba-standalone-page,html[data-theme="dark"] .pba-wrap,html[data-theme="dark"] .pba-account-app{background:#0d1117!important;color:#f8fafc!important}
html[data-theme="dark"] .pba-wrap{--pba-ink:#f8fafc;--pba-muted:#e2e8f0;--pba-line:rgba(255,255,255,.10);--pba-soft:#161b22;--pba-surface:#161b22}
html[data-theme="dark"] .pba-card,html[data-theme="dark"] .pba-account-card,html[data-theme="dark"] .pba-account-sidebar{background:#161b22!important;border-color:rgba(255,255,255,.10)!important;color:#f8fafc!important}
html[data-theme="dark"] .pba-card *,html[data-theme="dark"] .pba-account-card *,html[data-theme="dark"] .pba-account-sidebar nav a,html[data-theme="dark"] .pba-auth-brand small,html[data-theme="dark"] .pba-back-home{color:#f1f5f9}
html[data-theme="dark"] .pba-brand-word{color:#fff!important}html[data-theme="dark"] .pba-brand-word>span{color:#818cf8!important}
html[data-theme="dark"] .pba-auth-tabs{background:#0f141d}html[data-theme="dark"] .pba-auth-tabs a{color:#f1f5f9}html[data-theme="dark"] .pba-auth-tabs a.active{color:#fff}
html[data-theme="dark"] .pba-form input,html[data-theme="dark"] .pba-form select,html[data-theme="dark"] .pba-form textarea{background:#0f141d!important;color:#fff!important;border-color:rgba(255,255,255,.13)!important}
html[data-theme="dark"] .pba-global-theme{background:#1c2333;color:#fff;border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .pba-account-sidebar nav a:hover,html[data-theme="dark"] .pba-account-sidebar nav a.active{color:#fff!important;background:rgba(99,102,241,.18)!important}
@media(max-width:760px){.pba-account-brand-row{margin-bottom:12px}.pba-account-sidebar{padding:14px 15px}.pba-global-theme{width:38px;height:38px;flex-basis:38px}.pba-auth-brand-row{width:min(100%,430px)}}

/* v2.8.1 — tidy mobile header/brand for auth and account pages */
@media(max-width:760px){
  .pba-auth-brand-row,.pba-account-brand-row{
    width:100%!important;
    min-height:62px!important;
    padding:8px 10px!important;
    gap:10px!important;
    border:1px solid rgba(148,163,184,.16)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.78)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    box-shadow:0 8px 24px rgba(15,23,42,.05)!important;
  }
  html[data-theme="dark"] .pba-auth-brand-row,html[data-theme="dark"] .pba-account-brand-row{background:rgba(22,27,34,.92)!important;border-color:rgba(255,255,255,.09)!important}
  .pba-auth-brand,.pba-account-brand{min-width:0!important;gap:9px!important}
  .pba-brand-mark{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important}
  .pba-brand-mark svg{width:23px!important;height:23px!important}
  .pba-brand-word{font-size:18px!important;white-space:nowrap!important}
  .pba-global-theme{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important;box-shadow:none!important}
}
@media(max-width:390px){.pba-brand-word{font-size:16px!important}.pba-auth-brand small{font-size:10px!important}}

/* v2.8.2 — mobile register polish + dark role cards */
@media (max-width: 560px) {
  .pba-wrap {
    place-items: start center !important;
    padding: 18px 12px 110px !important;
  }
  .pba-auth-layout {
    width: 100% !important;
    max-width: 430px !important;
  }
  .pba-auth-brand-row {
    margin-bottom: 16px !important;
  }
  .pba-card {
    padding: 22px 16px 24px !important;
    border-radius: 18px !important;
  }
  .pba-auth-tabs {
    gap: 6px !important;
    margin-bottom: 22px !important;
  }
  .pba-auth-tabs a {
    min-height: 46px !important;
    font-size: 14px !important;
  }
  .pba-card h1 {
    font-size: 28px !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
  }
  .pba-role-options {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .pba-role-option {
    grid-template-columns: 42px minmax(0,1fr) !important;
    min-height: 78px !important;
    padding: 13px 42px 13px 13px !important;
    border-radius: 16px !important;
  }
  .pba-role-icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
  }
  .pba-role-option strong {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
  .pba-role-option small {
    margin-top: 3px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  .pba-role-check {
    top: 14px !important;
    right: 14px !important;
    width: 16px !important;
    height: 16px !important;
  }
  .pba-form label,
  .pba-role-fieldset legend {
    font-size: 13px !important;
  }
  .pba-form input,
  .pba-form select,
  .pba-form textarea {
    min-height: 54px !important;
    font-size: 16px !important; /* prevents iOS zoom */
  }
}

html[data-theme="dark"] .pba-role-option {
  background: #101722 !important;
  border-color: rgba(255,255,255,.12) !important;
}
html[data-theme="dark"] .pba-role-option:hover {
  background: #141d2a !important;
  border-color: rgba(129,140,248,.55) !important;
}
html[data-theme="dark"] .pba-role-option:has(input:checked) {
  background: rgba(79,70,229,.16) !important;
  border-color: #6974ff !important;
  box-shadow: 0 0 0 3px rgba(99,102,241,.12) !important;
}
html[data-theme="dark"] .pba-role-option strong {
  color: #f8fafc !important;
}
html[data-theme="dark"] .pba-role-option small {
  color: #b8c2d6 !important;
}
html[data-theme="dark"] .pba-role-icon {
  color: #a5b4fc !important;
  background: rgba(99,102,241,.14) !important;
}
html[data-theme="dark"] .pba-role-check {
  background: #0f141d !important;
  border-color: #64748b !important;
}
html[data-theme="dark"] .pba-role-option:has(input:checked) .pba-role-check {
  background: #fff !important;
  border-color: #6974ff !important;
}

/* v2.8.3 — unify all account subpages with the Buyer/Reseller dashboard */
.pba-account-app{
  grid-template-columns:252px minmax(0,1fr)!important;
  background:radial-gradient(circle at 100% 100%,#dff8ff 0,transparent 28%),linear-gradient(120deg,#f2f3ff,#f8faff)!important;
  color:#18213a!important;
}
.pba-account-sidebar{
  padding:26px 16px 18px!important;
  border-right:1px solid #e5e8f0!important;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.pba-account-brand{
  display:flex!important;align-items:center!important;gap:11px!important;
  margin:0 7px 28px!important;padding:0 3px!important;text-decoration:none!important;
}
.pba-account-brand .pba-brand-mark{
  width:39px!important;height:39px!important;flex:0 0 39px!important;display:grid!important;place-items:center!important;
  border-radius:12px!important;background:#fff!important;color:#3f51f4!important;
  border:1px solid rgba(99,102,241,.10)!important;box-shadow:0 9px 23px rgba(109,69,229,.12)!important;
}
.pba-account-brand .pba-brand-mark svg{width:24px!important;height:24px!important;fill:#3f51f4!important;stroke:none!important}
.pba-account-brand .pba-brand-word{font-size:20px!important;font-weight:900!important;letter-spacing:-.6px!important;color:#111827!important;line-height:1!important}
.pba-account-brand .pba-brand-word span{color:#4f46e5!important}
.pba-brand-copy{display:flex!important;flex-direction:column!important;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;border-radius:0!important;place-items:initial!important}
.pba-brand-copy small{display:none;color:#73809a;font-size:10px;font-weight:650;margin-top:4px}
.pba-account-sidebar nav{gap:6px!important}
.pba-account-sidebar nav a{min-height:45px!important;padding:0 13px!important;border-radius:11px!important;color:#75809b!important;font-weight:650!important}
.pba-account-sidebar nav a:hover,.pba-account-sidebar nav a.active{color:#7048f5!important;background:linear-gradient(90deg,rgba(112,72,245,.12),rgba(112,72,245,.03))!important}
.pba-account-main{margin:0!important;min-height:100vh!important;background:transparent!important}
.pba-account-content{width:min(1220px,100%)!important;margin:0 auto!important;padding:37px 38px 65px!important}
.pba-account-heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important;margin-bottom:27px!important}
.pba-account-heading h1{font-size:clamp(27px,3vw,34px)!important;letter-spacing:-1.1px!important;color:#18213a!important}
.pba-account-heading>div>a{display:inline-block;margin-bottom:7px;color:#7048f5!important;font-size:11px;font-weight:800;text-decoration:none}
.pba-account-subtitle{margin:6px 0 0!important;color:#73809a!important;font-size:12px!important}
.pba-account-card{padding:28px!important;border:1px solid #e5e8f0!important;border-radius:18px!important;background:rgba(255,255,255,.78)!important;box-shadow:0 13px 36px rgba(31,36,71,.06)!important;backdrop-filter:blur(12px)!important}
.pba-account-desktop-theme{display:grid!important}
.pba-account-mobile-head{display:none}
.pba-empty{background:#f7f8fd!important;border-color:#e5e8f0!important}
html[data-theme="dark"] .pba-account-app{background:radial-gradient(circle at 100% 100%,#132d3d 0,transparent 30%),#0e1120!important;color:#fff!important}
html[data-theme="dark"] .pba-account-sidebar{background:rgba(23,27,45,.94)!important;border-color:#2d3248!important}
html[data-theme="dark"] .pba-account-brand .pba-brand-word{color:#fff!important}
html[data-theme="dark"] .pba-account-brand .pba-brand-word span{color:#818cf8!important}
html[data-theme="dark"] .pba-account-heading h1{color:#fff!important}
html[data-theme="dark"] .pba-account-subtitle,html[data-theme="dark"] .pba-account-card p,html[data-theme="dark"] .pba-account-card small{color:#e2e8f0!important}
html[data-theme="dark"] .pba-account-card{background:rgba(23,27,45,.9)!important;border-color:#2d3248!important;color:#fff!important}
html[data-theme="dark"] .pba-empty{background:#1d2135!important;border-color:#2d3248!important}
html[data-theme="dark"] .pba-account-sidebar nav a{color:#cbd5e1!important}
html[data-theme="dark"] .pba-account-sidebar nav a:hover,html[data-theme="dark"] .pba-account-sidebar nav a.active{color:#fff!important;background:rgba(112,72,245,.18)!important}
@media(max-width:760px){
  .pba-account-app{display:block!important;overflow:auto!important}
  .pba-account-sidebar{display:none!important}
  .pba-account-mobile-head{
    position:sticky;top:0;z-index:50;height:68px;display:flex!important;align-items:center;justify-content:space-between;gap:12px;
    padding:0 14px;border-bottom:1px solid #e5e8f0;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    box-shadow:0 8px 24px rgba(15,23,42,.06)
  }
  .pba-account-mobile-head .pba-account-brand{margin:0!important;padding:0!important;gap:8px!important;min-width:0!important}
  .pba-account-mobile-head .pba-brand-mark{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important}
  .pba-account-mobile-head .pba-brand-mark svg{width:22px!important;height:22px!important}
  .pba-account-mobile-head .pba-brand-word{font-size:18px!important;white-space:nowrap!important}
  .pba-account-mobile-head .pba-brand-copy small{display:block!important;font-size:9px!important;white-space:nowrap!important}
  .pba-account-mobile-head .pba-global-theme{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important}
  .pba-account-content{padding:22px 14px 52px!important}
  .pba-account-heading{margin-bottom:18px!important}
  .pba-account-heading h1{font-size:27px!important}
  .pba-account-desktop-theme{display:none!important}
  .pba-account-card{padding:18px 14px!important;border-radius:16px!important}
  html[data-theme="dark"] .pba-account-mobile-head{background:rgba(23,27,45,.94)!important;border-color:#2d3248!important;box-shadow:0 8px 24px rgba(0,0,0,.24)!important}
}
@media(max-width:390px){
  .pba-account-mobile-head{padding:0 10px!important}
  .pba-account-mobile-head .pba-brand-word{font-size:16px!important}
  .pba-account-mobile-head .pba-brand-copy small{font-size:8px!important}
}

/* v2.8.4 — definitive account-page shell/logo fix */
/* Neutralize the legacy `.pba-account-brand span` rule which was turning
   the wordmark and its nested `ify` span into purple square blocks. */
.pba-account-brand > span:not(.pba-brand-mark),
.pba-account-brand .pba-brand-copy,
.pba-account-brand .pba-brand-word,
.pba-account-brand .pba-brand-word > span {
  display: initial !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  place-items: initial !important;
  color: inherit;
}
.pba-account-brand .pba-brand-copy {
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  line-height:1 !important;
  overflow:visible !important;
}
.pba-account-brand .pba-brand-word {
  display:block !important;
  width:auto !important;
  height:auto !important;
  color:#111827 !important;
  font-size:20px !important;
  font-weight:850 !important;
  line-height:1.05 !important;
  letter-spacing:-.04em !important;
  white-space:nowrap !important;
}
.pba-account-brand .pba-brand-word > span {
  display:inline !important;
  color:#4f46e5 !important;
  font:inherit !important;
}
.pba-account-brand > .pba-brand-mark {
  display:grid !important;
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  flex:0 0 40px !important;
  place-items:center !important;
  overflow:hidden !important;
  border:1px solid rgba(99,102,241,.10) !important;
  border-radius:12px !important;
  color:#3f51f4 !important;
  background:#fff !important;
  box-shadow:0 8px 22px rgba(79,70,229,.12) !important;
}
.pba-account-brand > .pba-brand-mark svg {
  display:block !important;
  width:24px !important;
  height:24px !important;
  fill:#3f51f4 !important;
}
.pba-account-brand-row {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  min-height:46px !important;
  margin:0 6px 24px !important;
}
.pba-account-brand-row .pba-account-brand {
  min-width:0 !important;
  flex:1 1 auto !important;
  margin:0 !important;
}
.pba-account-brand-row .pba-global-theme {
  flex:0 0 40px !important;
  width:40px !important;
  height:40px !important;
  margin:0 !important;
}
/* Make desktop account pages visually match the dashboard shell. */
.pba-account-sidebar { width:auto !important; }
.pba-account-content { max-width:1220px !important; }
.pba-account-heading { padding:0 2px !important; }
.pba-account-card { min-height:160px; }
html[data-theme="dark"] .pba-account-brand .pba-brand-word { color:#fff !important; }
html[data-theme="dark"] .pba-account-brand .pba-brand-word > span { color:#818cf8 !important; }
@media (max-width:760px){
  .pba-account-mobile-head .pba-account-brand > .pba-brand-mark{
    width:36px !important;height:36px !important;min-width:36px !important;flex-basis:36px !important;
  }
  .pba-account-mobile-head .pba-brand-word{font-size:17px !important}
  .pba-account-mobile-head .pba-brand-copy small{
    display:block !important;width:auto !important;height:auto !important;background:transparent !important;
    box-shadow:none !important;border-radius:0 !important;color:#73809a !important;font-size:9px !important;
    line-height:1.2 !important;margin-top:3px !important;white-space:nowrap !important;
  }
  html[data-theme="dark"] .pba-account-mobile-head .pba-brand-copy small{color:#cbd5e1 !important}
}