/* Account page and account-aware menu. */
.account-page{padding-bottom:54px}
.account-hero{padding:var(--space-5);display:grid;grid-template-columns:58px 1fr;gap:var(--space-4);align-items:start}
.account-hero__icon{width:var(--icon-box-xl);height:var(--icon-box-xl);border-radius:var(--radius-round);display:grid;place-items:center;background:var(--surface-soft);color:var(--green);font-size:var(--font-lg)}
.account-hero__copy small{display:block;margin:2px 0 var(--space-1);color:var(--green);font-size:var(--font-xs);font-weight:700;letter-spacing:.15em}
.account-hero__copy h1{margin:0;font-family:var(--font-heading-family);font-size:var(--font-xl);line-height:var(--line-tight);font-weight:500;letter-spacing:-.03em}
.account-hero__copy strong{display:block;margin-top:var(--space-1);font-size:var(--font-xs);color:var(--green)}
.account-hero__copy p{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--font-xs);line-height:var(--line-normal)}
.account-actions{display:grid;gap:var(--space-3);margin-top:var(--space-3)}
.account-action{width:100%;min-height:88px;padding:var(--space-3) var(--space-4);border:1px solid var(--line);display:grid;grid-template-columns:48px 1fr 18px;gap:var(--space-3);align-items:center;text-align:left;background:var(--card);color:var(--ink)}
button.account-action{font:inherit;cursor:pointer}
.account-action__icon{width:var(--icon-box-lg);height:var(--icon-box-lg);border-radius:var(--radius-round);display:grid;place-items:center;background:var(--surface-soft);color:var(--green);font-size:var(--font-lg)}
.account-action strong{display:block;font-size:var(--font-md)}
.account-action small{display:block;margin-top:var(--space-1);color:var(--muted);font-size:var(--font-xs);line-height:var(--line-normal)}
.account-action>.app-icon:last-child{font-size:var(--font-xs);color:#959b97}
.account-action--logout{color:#55382e}
.account-action--logout .account-action__icon{background:#f3e9e3;color:#9a5d45}

.drawer-page.drawer-page--account{
    min-height:100dvh;
    display:flex;
    flex-direction:column;
    padding-top:max(22px,calc(env(safe-area-inset-top) + 10px))!important;
    overflow-y:auto!important;
    scrollbar-width:none;
    background:transparent;
    color:#20352d;
}
.drawer-page.drawer-page--account::before,.drawer-page.drawer-page--account::after{content:none!important;display:none!important}
.drawer-page.drawer-page--account::-webkit-scrollbar{display:none}
.drawer-topbar{display:grid;grid-template-columns:minmax(0,1fr) var(--control-md);align-items:center;gap:var(--space-3);min-height:52px;margin:0 0 34px;position:relative;z-index:2}
.drawer-page--account .drawer-close{position:static;inset:auto;width:var(--control-md);height:var(--control-md);margin:0;display:grid;place-items:center;color:#fff;font-size:var(--font-lg);text-shadow:0 1px 8px rgba(0,0,0,.18)}
.drawer-language-inline{display:flex;align-items:center;gap:var(--space-3);min-width:0;width:max-content;max-width:calc(100% - 4px)}
.drawer-language-inline__icon{width:var(--icon-box-lg);height:var(--icon-box-lg);flex:0 0 48px;border-radius:var(--radius-round);display:grid;place-items:center;color:#fff;font-size:var(--font-lg);background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.38);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 22px rgba(24,30,27,.08)}
.drawer-language-inline__select{position:relative;display:inline-flex;align-items:center;min-width:0;color:#fff}
.drawer-language-inline select{appearance:none;-webkit-appearance:none;border:0;outline:0;background:transparent;color:#fff;padding:var(--space-2) var(--space-8) var(--space-2) 0;font:inherit;font-size:var(--font-md);font-weight:700;line-height:var(--line-tight);cursor:pointer;text-shadow:0 1px 8px rgba(0,0,0,.20);max-width:190px}
.drawer-language-inline select option{color:#20352d;background:#fff}
.drawer-language-inline__chevron{position:absolute;right:3px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:var(--font-xs);color:#fff;filter:drop-shadow(0 1px 4px rgba(0,0,0,.18))}
.drawer-menu-logo{max-width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}
.app-brand-logo{display:block;width:150px;height:auto;max-width:100%;object-fit:contain;filter:invert(1) drop-shadow(0 4px 2px rgba(0, 0, 0, 0.2))}
body[data-page="menu"] .app-brand-logo{display:block;width:150px;height:auto;max-width:100%;object-fit:contain;filter:invert(1) drop-shadow(4px 5px 3px rgba(0, 0, 0, 0.8)) opacity(0.4);margin:60px 0}
.drawer-user{margin:0 58px var(--space-6) 0;color:#fff;display:grid;gap:var(--space-4);position:relative;z-index:2}
.drawer-user__identity{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--space-3);align-items:center}
.drawer-user__icon{width:var(--icon-box-lg);height:var(--icon-box-lg);border-radius:var(--radius-round);display:grid;place-items:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.34);font-size:var(--font-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 8px 22px rgba(24,30,27,.07)}
.drawer-user__copy strong{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-lg);line-height:var(--line-tight);letter-spacing:-.02em;text-shadow:0 1px 8px rgba(0,0,0,.20)}
.drawer-user__edit{width:28px;height:28px;flex:0 0 28px;display:inline-grid;place-items:center;color:rgba(255,255,255,.92);font-size:var(--font-xs);text-shadow:0 1px 6px rgba(0,0,0,.22);opacity:.88;transition:opacity .15s ease,transform .15s ease}
.drawer-user__edit:active{opacity:1;transform:scale(.92)}
.drawer-user__copy small{display:block;margin-top:var(--space-1);color:rgba(255,255,255,.90);font-size:var(--font-sm);line-height:var(--line-tight);font-weight:600;text-shadow:0 1px 7px rgba(0,0,0,.18)}
.drawer-user__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding-left:60px}
.drawer-user__actions--single{display:flex}
.drawer-user-button{width:auto;min-height:var(--control-md);padding:0 var(--space-3);border:1px solid rgba(255,255,255,.30);border-radius:var(--radius-md);background:rgba(255,255,255,.13);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:inherit;font-size:var(--font-sm);font-weight:700;line-height:var(--line-tight);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 7px 18px rgba(22,29,25,.06);transition:background .15s ease,transform .15s ease,border-color .15s ease;text-shadow:0 1px 6px rgba(0,0,0,.16)}
.drawer-user-button .app-icon{font-size:var(--font-sm)}
.drawer-user-button:active{transform:scale(.975);background:rgba(255,255,255,.21);border-color:rgba(255,255,255,.42)}
.drawer-user-button--logout{background:rgba(255,255,255,.09)}
.drawer-user-button--login{background:rgba(255,255,255,.15)}
.drawer-nav--primary{margin-top:0;gap:var(--space-2);position:relative;z-index:2}
.drawer-page--account .drawer-nav>a,.drawer-page--account .drawer-group{background:rgba(27,43,49,.30);border:1px solid rgba(255,255,255,.56)!important;box-shadow:0 8px 24px rgba(20,30,27,.10),inset 0 1px 0 rgba(255,255,255,.24);backdrop-filter:blur(20px) saturate(122%);-webkit-backdrop-filter:blur(20px) saturate(122%);color:#fff;text-shadow:0 1px 7px rgba(0,0,0,.30)}
.drawer-page--account .drawer-group[open]{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;}
.drawer-page--account .drawer-group[open]>summary{background:rgba(27,43,49,.32);backdrop-filter:blur(20px) saturate(124%);-webkit-backdrop-filter:blur(20px) saturate(124%)}
.drawer-page--account .drawer-nav>a,.drawer-page--account .drawer-group summary,.drawer-page--account .drawer-group__main,.drawer-page--account .drawer-group__toggle,.drawer-page--account .drawer-subnav__link{color:#fff}
.drawer-page--account .drawer-nav>a>.app-icon,.drawer-page--account .drawer-group__main>.app-icon{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.drawer-page--account .drawer-group__toggle{background:rgba(255,255,255,.08);border-left-color:rgba(255,255,255,.14)}
.drawer-page--account .drawer-subnav{background:rgba(255,255,255,.07);border-top-color:rgba(255,255,255,.34);backdrop-filter:blur(22px) saturate(126%);-webkit-backdrop-filter:blur(22px) saturate(126%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.drawer-page--account .drawer-subnav__link{color:#fff;text-shadow:0 1px 7px rgba(0,0,0,.38)}
.drawer-page--account .drawer-subnav__link .app-icon{color:rgba(255,255,255,.94);filter:drop-shadow(0 1px 4px rgba(0,0,0,.30))}
.drawer-footer--compact{margin-top:auto;padding-top:var(--space-8);padding-bottom:max(8px,env(safe-area-inset-bottom));display:flex;justify-content:center;position:relative;z-index:2}
.drawer-version-link{min-height:var(--control-md);padding:var(--space-2) var(--space-3);border:1px solid rgba(255,255,255,.30);border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:rgba(27,43,49,.18);color:rgba(255,255,255,.94);font-size:var(--font-xs);text-shadow:0 1px 6px rgba(0,0,0,.24);backdrop-filter:blur(14px) saturate(118%);-webkit-backdrop-filter:blur(14px) saturate(118%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:background .15s ease,border-color .15s ease,transform .15s ease}
.drawer-version-link__label{font-weight:700}
.drawer-version-link__version{font-size:var(--font-xs);font-weight:600;opacity:.82}
.drawer-version-link:active{transform:scale(.975);background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.42)}

@media(max-width:430px){
    .account-hero__copy h1{font-size:var(--font-xl)}
    .drawer-topbar{margin-bottom:var(--space-8)}
    .drawer-user{margin-right:48px;gap:var(--space-4)}
    .drawer-user__copy strong{font-size:var(--font-lg)}
    .drawer-user__copy small{font-size:var(--font-sm)}
    .drawer-user__actions{padding-left:60px}
    .drawer-user-button{font-size:var(--font-xs);min-height:var(--control-md);padding-inline:12px}
    .drawer-language-inline select{font-size:var(--font-md);max-width:165px}
}

.drawer-footer--compact{gap:var(--space-2);align-items:center}
.drawer-admin-link{width:var(--control-md);height:var(--control-md);flex:0 0 var(--control-md);border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-round);display:grid;place-items:center;background:rgba(27,43,49,.16);color:rgba(255,255,255,.72);font-size:var(--font-sm);text-shadow:0 1px 6px rgba(0,0,0,.24);backdrop-filter:blur(14px) saturate(118%);-webkit-backdrop-filter:blur(14px) saturate(118%);box-shadow:inset 0 1px 0 rgba(255,255,255,.10);transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.drawer-admin-link:active{transform:scale(.94);background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.42);color:#fff}
.drawer-admin-link.is-active{background:rgba(255,255,255,.20);border-color:rgba(255,255,255,.44);color:#fff}