/* Platform upgrades scoped to the existing Tower portal. Raster art is untouched. */
.drawer--profile { width:min(92vw,390px);overscroll-behavior:contain }
.drawer--profile .drawer__hero {padding-top:calc(24px + env(safe-area-inset-top,0px))}
.drawer--profile .drawer__hero p {overflow-wrap:anywhere;font-size:.875rem}
.drawer--profile .drawer__body {padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.drawer--profile .drawer-label {margin:22px 12px 8px;font-size:.75rem}
.drawer--profile .drawer-label:first-child {margin-top:0}
.drawer--profile .drawer-link {padding:10px 12px;min-height:56px;gap:12px;font-size:.9375rem;line-height:1.35}
.drawer--profile .drawer-link b {min-width:0;font-weight:700}
.drawer--profile .profile-menu-icon {flex:0 0 36px;width:36px;height:36px}
.drawer--profile .profile-menu-chevron {flex:0 0 16px;width:16px}
.drawer--profile .ui-icon {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.drawer--profile .profile-menu-chevron svg {width:16px;height:16px}
.drawer--profile .icon-button {display:grid;place-items:center}
.drawer--profile .profile-balance {margin-top:12px;font-size:1.3rem;font-weight:800;color:var(--c_shared_ffffff, #fff)}
.drawer--profile .profile-balance span {font-size:.8125rem;font-weight:500}
.profile-admin-badge {display:inline-flex;margin-top:12px;padding:6px 10px;border:1px solid rgb(var(--c_shared_ffffff-rgb, 255 255 255) / 0.30196078431372547);border-radius:999px;background:rgb(var(--c_shared_ffffff-rgb, 255 255 255) / 0.12156862745098039);font-size:.75rem;font-weight:700}
.drawer--profile .drawer-link--admin {background:var(--c_shared_e4f7fa, #e4f7fa);color:var(--c_shared_16435f, #16435f);border:1px solid var(--c_shared_b6d8e7, #b6d8e7)}
.drawer--profile .profile-season strong {display:flex;align-items:center;justify-content:center;gap:4px}
.drawer--profile .profile-season svg {width:14px;height:14px}
.modal--admin-notifications {width:min(94vw,580px)}
.modal--admin-notifications .referral-push {margin:0 0 20px;padding:18px}
.tp-account-header {gap:24px;height:auto;min-height:103px;flex-wrap:wrap;padding-block:8px}
.tp-account-header nav {gap:20px}
.tp-account-tools {gap:8px;min-width:0;margin-left:auto;flex-wrap:wrap}
.tp-header-points {display:flex;align-items:center;gap:5px;font-size:.8rem;color:var(--c_shared_b8f1f8, #b8f1f8);white-space:nowrap}
.tp-header-points svg,.tp-header-deposit svg {width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
.tp-header-points small {font-size:.65rem}
.tp-header-deposit {display:flex;align-items:center;justify-content:center;gap:7px;background:var(--c_shared_74d7e5, #74d7e5);color:var(--c_shared_092338, #092338);border:1px solid var(--c_shared_a5edf4, #a5edf4);border-radius:12px;min-height:44px;padding:8px 12px;font-weight:750}
.tp-header-deposit:hover,.tp-header-deposit:focus-visible {background:var(--c_shared_a5edf4, #a5edf4);color:var(--c_shared_092338, #092338)}
.tp-account-wallet {white-space:nowrap}
.tp-account-tools button {flex-shrink:0}
.tp-account .referral-dashboard button:hover,.tp-account .referral-dashboard button:focus-visible {filter:none}
@media(max-width:760px){
 .tp-account-header .tp-logo,.tp-account-header .tp-logo img {width:115px}
 .tp-account-header nav {display:none}
 .tp-account-header {gap:10px}
 .tp-account-tools {justify-content:flex-end;max-width:100%;gap:6px}
 .tp-header-deposit {padding:8px}
 .tp-header-deposit span {display:none}
 .tp-account-wallet {padding:8px;gap:6px}
 .tp-account-wallet b {font-size:.8rem}
 .tp-account-wallet svg {width:18px;display:block}
 .tp-account-avatar {width:38px;height:38px}
 .tp-header-points {font-size:.75rem}
}
@media(max-width:430px){.tp-account-header {display:grid;grid-template-columns:1fr auto}.tp-account-tools {display:grid;grid-template-columns:auto auto auto auto}.tp-header-points {grid-column:1/-1;justify-self:end}.tp-account-header .tp-logo,.tp-account-header .tp-logo img {width:105px}.tp-account-header .tp-logo img{height:84px}}
/* Keep the page behind a sheet fixed, without preventing sheet scrolling. */
html:has(body.tp-account #overlay-root > .overlay), body.tp-account:has(#overlay-root > .overlay) { overflow:hidden!important; overscroll-behavior:none; }
.tp-account #overlay-root > .overlay { overflow:auto; overscroll-behavior:contain; }
.modal--payment .payment-simulation-title { flex:1; margin:0; font-size:20px; line-height:1.25; }
.modal--payment .modal__header--compact { gap:16px; align-items:center; }