/* One state drives the entire footer. Specificity matches the frozen host's
   !important rail rules; feature extensions no longer set their own widths. */
.appShell {--lj-account-width:48px;--lj-account-left:14px}
.appShell:has(#main-navigation.expanded) {--lj-account-width:208px;--lj-account-left:10px}
.appShell:has(#main-navigation.mobileOpen) .appMain>header.ljAccountMenuRail {
  width:var(--lj-account-width)!important;height:auto!important;min-height:0!important;
  inset:auto auto 10px var(--lj-account-left)!important;padding:0!important;
  display:block!important;background:#fffffff7!important;border:0!important;border-radius:12px!important;
}
.appShell:has(#main-navigation.mobileOpen) .appMain>header.ljAccountMenuRail>._brandLockup_1eqhv_52 {display:none!important}
.appShell:has(#main-navigation.mobileOpen) .appMain>header.ljAccountMenuRail>._topbarActions_1eqhv_94 {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  width:100%!important;height:auto!important;min-width:0!important;gap:7px!important;
}
.ljAccountMenuRail .ljRechargeBalanceCluster {display:flex;flex-direction:column;align-items:stretch;gap:7px;width:100%;min-width:0}
.appShell:has(#main-navigation.mobileOpen) .appMain>header.ljAccountMenuRail .ljRechargeBalanceCluster>button,
.appShell:has(#main-navigation.mobileOpen) .appMain>header.ljAccountMenuRail>._topbarActions_1eqhv_94>button {
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  width:42px!important;min-width:0!important;height:42px!important;min-height:42px!important;
  padding:0!important;margin:0 auto!important;box-sizing:border-box!important;border-radius:10px!important;
  font-size:14px!important;white-space:nowrap!important;flex:none!important;
}
.ljAccountMenuRail .ljRechargeBalanceCluster>button svg {flex:none}
.appShell:has(#main-navigation.mobileOpen:not(.expanded)) .ljAccountMenuRail .ljRechargeBalanceCluster>button>span,
.appShell:has(#main-navigation.mobileOpen:not(.expanded)) .ljAccountMenuRail .ljRechargeBalanceCluster>button>strong,
.appShell:has(#main-navigation.mobileOpen:not(.expanded)) .ljAccountMenuRail>._topbarActions_1eqhv_94>button>span {display:none!important}
.appShell:has(#main-navigation.expanded) .appMain>header.ljAccountMenuRail .ljRechargeBalanceCluster>button,
.appShell:has(#main-navigation.expanded) .appMain>header.ljAccountMenuRail>._topbarActions_1eqhv_94>button {
  width:100%!important;justify-content:flex-start!important;padding:0 10px!important;
}
.appShell:has(#main-navigation.expanded) .ljAccountMenuRail .ljRechargeBalanceCluster>button>span,
.appShell:has(#main-navigation.expanded) .ljAccountMenuRail .ljRechargeBalanceCluster>button>strong,
.appShell:has(#main-navigation.expanded) .ljAccountMenuRail>._topbarActions_1eqhv_94>button>span {display:block!important;font-size:14px!important;white-space:nowrap!important}
.ljAccountMenuRail .ljRechargeBalanceCluster>[data-rail-action=credits] {background:#f6f6f2;color:#242421;border:1px solid #deded8}
.ljAccountMenuRail .ljRechargeBalanceCluster>[data-rail-action=credits]:hover {background:#ecece7}
.ljAccountMenuRail [data-account-menu=true] {max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
.ljAccountMenuRail [data-account-menu=true] .ljReferralMenuEntry {display:grid;grid-template-columns:19px minmax(0,1fr) 17px;column-gap:10px;row-gap:3px}
.ljAccountMenuRail [data-account-menu=true] .ljReferralMenuEntry>em {grid-column:2;grid-row:2;margin:0;max-width:100%;text-align:left}
.ljAccountMenuRail [data-account-menu=true] .ljReferralMenuEntry>svg:last-child {grid-column:3;grid-row:1}
@media(min-width:761px) {
  .appShell:has(#main-navigation.mobileOpen:not(.expanded)) .ljAccountMenuRail .ljRechargeBalanceCluster>[data-rail-tooltip] {position:relative}
  .appShell:has(#main-navigation.mobileOpen:not(.expanded)) .ljAccountMenuRail .ljRechargeBalanceCluster>[data-rail-tooltip]:is(:hover,:focus-visible)::after {
    content:attr(data-rail-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);
    padding:8px 10px;border:1px solid #deded8;border-radius:8px;background:#fff;color:#292925;
    font:600 12px/18px system-ui,sans-serif;white-space:nowrap;pointer-events:none;box-shadow:0 8px 24px #1919161f;z-index:140;
  }
  .appShell:has(#main-navigation.mobileOpen) .ljAccountMenuRail [data-account-menu=true] {
    position:fixed!important;top:auto!important;bottom:12px!important;
    left:calc(var(--lj-account-left) + var(--lj-account-width) + 12px)!important;right:auto!important;
    width:min(360px,calc(100vw - var(--lj-account-left) - var(--lj-account-width) - 24px))!important;
  }
  .appShell #main-navigation.sideRail,.appShell #main-navigation.sideRail.expanded {padding-bottom:164px!important}
}
@media(max-width:760px) {
  .appShell:has(#main-navigation.mobileOpen) .appMain>header.ljAccountMenuRail {
    width:100%!important;inset:0 0 auto 0!important;height:62px!important;min-height:62px!important;
    padding:9px 12px!important;border-bottom:1px solid #e1e6ef!important;border-radius:0!important;
  }
  .appShell:has(#main-navigation.mobileOpen) .appMain>header.ljAccountMenuRail>._topbarActions_1eqhv_94 {flex-direction:row!important;justify-content:flex-end!important;align-items:center!important}
  .ljAccountMenuRail .ljRechargeBalanceCluster {flex-direction:row;align-items:center;width:auto}
  .appShell:has(#main-navigation.mobileOpen) .appMain>header.ljAccountMenuRail .ljRechargeBalanceCluster>button {width:auto!important;padding:0 10px!important}
  .appShell:has(#main-navigation.mobileOpen) .appMain>header.ljAccountMenuRail .ljRechargeBalanceCluster>button>span {display:none!important}
  .appShell:has(#main-navigation.mobileOpen) .appMain>header.ljAccountMenuRail .ljRechargeBalanceCluster>button>strong {display:block!important;font-size:13px!important}
  .appShell:has(#main-navigation.mobileOpen) .appMain>header.ljAccountMenuRail>._topbarActions_1eqhv_94>button {width:42px!important;padding:0!important;margin:0!important}
  .appShell:has(#main-navigation.mobileOpen) .appMain>header.ljAccountMenuRail>._topbarActions_1eqhv_94>button>span {display:none!important}
  .appShell:has(#main-navigation.mobileOpen) .appMain>header.ljAccountMenuRail [data-account-menu=true] {position:fixed!important;inset:70px 10px auto!important;width:auto!important;max-height:calc(100dvh - 82px)!important}
}
.ljAccountSupportDialog{box-sizing:border-box;position:fixed;inset:0;width:min(380px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:30px 24px 24px;overflow:auto;border:1px solid #dce5e1;border-radius:20px;background:#fff;color:#202b25;text-align:center;font:14px/1.6 system-ui,sans-serif;box-shadow:0 24px 80px #152d2340}
.ljAccountSupportDialog::backdrop{background:#111b2a70}
.ljAccountSupportDialog .ljAccountSupportClose{position:absolute;top:8px;right:10px;width:36px;height:36px;padding:0;border:0;border-radius:9px;background:#f3f5f4;color:#56615b;font-size:25px;cursor:pointer}
.ljAccountSupportDialog button:focus-visible{outline:3px solid #98cbb0;outline-offset:2px}
.ljAccountSupportEyebrow{color:#287350;font-weight:600}.ljAccountSupportDialog h2{margin:6px 0 8px;font-size:22px;line-height:1.4}
.ljAccountSupportDialog p{margin:0 0 16px;white-space:normal;color:#66736b}
.ljAccountSupportQr{display:grid;place-items:center;min-height:248px;margin:16px auto;padding:8px;box-sizing:border-box;border:1px solid #e1e9e4;border-radius:14px;background:white;max-width:250px}
.ljAccountSupportQr img{display:block;width:232px;max-width:100%;height:auto;object-fit:contain;user-select:auto;-webkit-touch-callout:default}
.ljAccountSupportQr button{padding:8px 16px;border:1px solid #b4d7c3;border-radius:8px;background:#edf7f1;color:#236548;cursor:pointer}
.ljAccountSupportDialog .ljAccountSupportHint{font-size:12px;margin-bottom:8px}.ljAccountSupportSafety{display:block;color:#879188;font-size:11px;white-space:normal}