/* Approved A2 shell. Legacy layout rules remain available to older standalone components. */
@layer tl-actions{
html body[data-menu-a2] #leftPanel{background:var(--a2-nav-bg)!important;color:var(--a2-nav-text)!important;box-shadow:none!important;border-right:1px solid var(--a2-nav-line)!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:var(--sp-4) var(--sp-3)!important;overflow:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#38514c var(--a2-nav-bg)}
html body[data-menu-a2] #leftPanel>*{display:revert!important}
html body[data-menu-a2] #leftPanel .brand{display:flex!important;flex-shrink:0;margin:0 0 var(--sp-4)!important;padding:0 var(--sp-1)!important;gap:var(--sp-3)!important}
html body[data-menu-a2] #leftPanel .brand b{display:inline!important;font:400 var(--fs-display)/1 'Bebas Neue',sans-serif!important;letter-spacing:.04em!important;color:var(--a2-lime)!important}
html body[data-menu-a2] #leftPanel .bl-sub{color:var(--a2-nav-muted)!important;font-size:var(--fs-meta)!important;font-weight:var(--weight-regular)!important}
html body[data-menu-a2] #leftPanel .nav-group{border-top:1px solid var(--a2-nav-line)!important;padding:var(--sp-2) 0!important;clip-path:none!important;flex-shrink:0}
html body[data-menu-a2] #leftPanel .tl-a2-daily{border-top:0!important;padding-top:0!important}
html body[data-menu-a2] #leftPanel .nav-label{display:block!important;margin:var(--sp-2) var(--sp-3)!important;font:var(--weight-regular) var(--fs-meta)/1.5 'Saira',sans-serif!important;color:var(--a2-nav-muted)!important;letter-spacing:.06em}
html body[data-menu-a2] #leftPanel .nav-item,html body[data-menu-a2] #leftPanel .nav-grp{display:flex!important;align-items:center;justify-content:flex-start!important;gap:var(--sp-3)!important;min-height:var(--nav-row)!important;height:var(--nav-row)!important;width:100%!important;padding:0 var(--sp-3)!important;border:0!important;border-radius:var(--radius-sm)!important;background:transparent!important;color:var(--a2-nav-muted)!important;font:var(--weight-regular) var(--fs-nav)/1.3 'Saira',sans-serif!important;clip-path:none!important;box-shadow:none!important;transform:none!important;text-transform:none!important;position:relative}
html body[data-menu-a2] #leftPanel .nav-grp{color:var(--a2-nav-text)!important}
html body[data-menu-a2] #leftPanel .nav-item span:not(.ic){display:inline!important;text-transform:none!important}
html body[data-menu-a2] #leftPanel .nav-item .ic,html body[data-menu-a2] #leftPanel .nav-grp .ic{display:flex!important;align-items:center;justify-content:center;width:var(--icon-nav)!important;flex-shrink:0}
html body[data-menu-a2] #leftPanel .tl-icon{width:var(--icon-nav)!important;height:var(--icon-nav)!important;stroke:currentColor!important;stroke-width:1.6;fill:none!important}
html body[data-menu-a2] #leftPanel .nav-grp-caret{color:var(--a2-nav-muted)!important;font-size:var(--fs-meta)!important}
html body[data-menu-a2] #leftPanel .nav-item:hover,html body[data-menu-a2] #leftPanel .nav-grp:hover{background:rgba(255,255,255,.05)!important}
html body[data-menu-a2] #leftPanel .nav-item.active{background:rgba(166,232,44,.12)!important;color:var(--a2-lime-hi)!important;font-weight:var(--weight-semibold)!important}
html body[data-menu-a2] #leftPanel .nav-item.active:before{content:'';position:absolute;left:0;top:var(--sp-2);bottom:var(--sp-2);width:3px;background:var(--a2-lime);border-radius:var(--radius-sm)}
html body[data-menu-a2] #leftPanel .nav-item[data-view='coach'] .ic{color:var(--a2-lime)!important}
html body[data-menu-a2] #leftPanel .nav-grp-body{margin:0!important;padding:0!important;border:0!important;gap:0!important}
html body[data-menu-a2] #leftPanel .nav-grp-body .nav-item{font-size:var(--fs-small)!important;padding-left:var(--sp-8)!important}
html body[data-menu-a2] #leftPanel .nav-grp-body .nav-item .ic{display:none!important}
html body[data-menu-a2] #leftPanel .tl-a2-daily .nav-grp-body{display:flex!important}
html body[data-menu-a2] #leftPanel .tl-a2-daily .nav-item{font-size:var(--fs-nav)!important;padding-left:var(--sp-3)!important}
html body[data-menu-a2] #leftPanel .tl-a2-daily .nav-item .ic{display:flex!important}
html body[data-menu-a2] #leftPanel button:focus-visible{outline:2px solid var(--a2-lime-hi)!important;outline-offset:2px!important}
html body[data-menu-a2] #leftPanel .tl-a2-pro-label{margin-left:auto;color:var(--a2-lime-hi);font:var(--weight-semibold) var(--fs-meta)/1.2 'Saira',sans-serif}
html body[data-menu-a2] #leftPanel [hidden]{display:none!important}
html body[data-menu-a2] #leftPanel .tl-a2-account{margin-top:auto!important;padding-top:var(--sp-4)!important;border-top:1px solid var(--a2-nav-line)!important}
html body[data-menu-a2] #leftPanel .auth-box .txt{color:var(--a2-nav-muted)!important}
html body[data-menu-a2] #tbNav,html body[data-menu-a2] .mobile-bar,html body[data-menu-a2] #tbBurger,html body[data-menu-a2] #tbRight,html body[data-menu-a2] .tb-pro-promo-v385{display:none!important}
html body[data-menu-a2] .tl-side-tab{top:var(--sp-2)!important;height:var(--touch-min)!important;min-height:var(--touch-min)!important;width:auto!important;min-width:var(--touch-min)!important;display:flex!important;flex-direction:row!important;gap:var(--sp-2)!important;padding:0 var(--sp-3)!important;border-radius:var(--radius-sm)!important;background:var(--tl-panel,#0c1b23)!important;border-color:var(--tl-border-strong,var(--line))!important;color:var(--tl-text,#f2f5f3)!important;box-shadow:none!important;font:var(--weight-regular) var(--fs-small)/1.2 'Saira',sans-serif!important}
html body[data-menu-a2] .tl-side-tab small{writing-mode:horizontal-tb!important;font:inherit!important;letter-spacing:0!important}
html body[data-menu-a2] .tl-side-tab span{font-size:var(--fs-title)!important;line-height:1}
html body[data-menu-a2] .tl-side-tab .tl-icon{width:var(--icon-main)!important;height:var(--icon-main)!important}
html body[data-menu-a2] #tlRightTab{right:var(--sp-3)!important;z-index:660!important}
html body[data-menu-a2] #tlLeftTab{left:var(--sp-3)!important;z-index:660!important}
html body[data-menu-a2] .tl-a2-panel-close{position:absolute;right:var(--sp-2);top:var(--sp-2);display:flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--a2-nav-text);font-size:var(--fs-title)}
html body[data-menu-a2] #rightPanel{position:fixed!important;top:var(--shell-header)!important;bottom:0!important;right:0!important;left:auto!important;width:min(var(--panel-width),90vw)!important;height:calc(100dvh - var(--shell-header))!important;max-height:none!important;margin:0!important;padding:calc(var(--touch-min) + var(--sp-4)) var(--sp-4) var(--sp-4)!important;z-index:650!important;overflow:auto!important;transform:translateX(100%)!important;visibility:hidden!important;pointer-events:none!important;transition:transform .18s ease!important}
html body[data-menu-a2] #rightPanel .tl-a2-panel-close{color:var(--tl-text,var(--ink))!important}
html body[data-menu-a2].right-open #rightPanel{transform:none!important;visibility:visible!important;pointer-events:auto!important}
html body[data-menu-a2] #navScrim{position:fixed!important;inset:var(--shell-header) 0 0!important;display:none!important;background:rgba(3,10,14,.72)!important;z-index:620!important}
html body[data-menu-a2].nav-open #navScrim,html body[data-menu-a2].right-open #navScrim{display:block!important;opacity:1!important;pointer-events:auto!important}
@media(min-width:1024px){
 html body[data-menu-a2]{height:100dvh;overflow:hidden}
 html body[data-menu-a2] .app{display:grid!important;grid-template-columns:var(--menu-width) minmax(0,1fr)!important;grid-template-rows:var(--shell-header) minmax(0,1fr)!important;width:100%!important;height:100dvh!important;min-height:0!important;overflow:hidden!important}
 html body[data-menu-a2] #leftPanel{position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:0!important;width:var(--menu-width)!important;max-width:none!important;height:100dvh!important;max-height:none!important;transform:none!important;visibility:visible!important;pointer-events:auto!important;z-index:610!important}
 html body[data-menu-a2] .topbar{position:relative!important;grid-column:2!important;grid-row:1!important;inset:auto!important;width:auto!important;height:var(--shell-header)!important;min-height:var(--shell-header)!important;padding:var(--sp-2) var(--sp-4)!important;display:flex!important;align-items:center;justify-content:flex-start!important}
 html body[data-menu-a2] .topbar .tb-logo,html body[data-menu-a2] .topbar .tb-idx{display:none!important}
 html body[data-menu-a2] main.center{position:relative!important;grid-column:2!important;grid-row:2!important;width:100%!important;height:auto!important;min-width:0;min-height:0;max-width:none!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:var(--sp-6)!important}
 html body[data-menu-a2] #tlLeftTab,html body[data-menu-a2] #navToggle,html body[data-menu-a2] #leftPanel .tl-a2-panel-close,html body[data-menu-a2] #fsBottomNav{display:none!important}
}
@media(max-width:1023px){
 html:has(body[data-menu-a2]){scrollbar-width:none!important}
 html body[data-menu-a2]{height:auto;overflow:auto}
 html body[data-menu-a2].nav-open,html body[data-menu-a2].right-open{overflow:hidden}
 html body[data-menu-a2] .app{display:block!important;width:100%!important;min-height:100dvh!important;height:auto!important;overflow:visible!important;padding-top:var(--shell-header)!important}
 html body[data-menu-a2] .topbar{display:flex!important;position:fixed!important;inset:0 0 auto!important;height:var(--shell-header)!important;min-height:var(--shell-header)!important;width:100%!important;padding:var(--sp-2) calc(var(--touch-min) + var(--sp-8))!important;justify-content:center!important;z-index:615!important}
 html body[data-menu-a2] .topbar .tb-logo{display:flex!important;max-width:100%!important;min-width:0!important;margin:0!important;flex:0 1 auto!important;justify-content:center!important}
 html body[data-menu-a2] .topbar .tb-idx{display:none!important}
 html body[data-menu-a2] #leftPanel{position:fixed!important;top:var(--shell-header)!important;left:0!important;right:auto!important;bottom:0!important;width:min(var(--panel-width),88vw)!important;max-width:none!important;height:calc(100dvh - var(--shell-header))!important;max-height:none!important;z-index:650!important;transform:translateX(-100%)!important;visibility:hidden!important;pointer-events:none!important;transition:transform .18s ease!important}
 html body[data-menu-a2].nav-open #leftPanel{transform:none!important;visibility:visible!important;pointer-events:auto!important}
 html body[data-menu-a2] #leftPanel .brand{padding-right:var(--touch-min)!important}
 html body[data-menu-a2] main.center{width:100%!important;max-width:none!important;height:auto!important;margin:0!important;overflow:visible!important;padding:var(--sp-4) var(--sp-3) calc(var(--shell-header) + var(--sp-8) + env(safe-area-inset-bottom))!important}
 html body[data-menu-a2] #fsBottomNav{display:flex!important;left:0!important;right:0!important;bottom:0!important;height:calc(var(--shell-header) + var(--sp-2) + env(safe-area-inset-bottom))!important;border-radius:0!important;padding:var(--sp-1) var(--sp-2) calc(var(--sp-1) + env(safe-area-inset-bottom))!important}
 html body[data-menu-a2] #fsBottomNav[hidden]{display:none!important}
 html body[data-menu-a2] #fsBottomNav .fs-nav__it{min-height:var(--touch-min)!important;height:var(--shell-header)!important;max-width:none!important;min-width:0!important;gap:var(--sp-1)!important}
 html body[data-menu-a2] #fsBottomNav .fs-nav__lbl{font-size:var(--fs-meta)!important;letter-spacing:0!important}
 html body[data-menu-a2] #fsBottomNav .fs-nav__it svg{width:var(--icon-main)!important;height:var(--icon-main)!important}
}
}
@media(prefers-reduced-motion:reduce){body[data-menu-a2] #leftPanel,body[data-menu-a2] #rightPanel{transition:none!important}}