/* One shell and content order at every size. Only available columns change. */
body.shell-nav-lock{overflow:hidden}
.service-check-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.service-check-row>div{min-width:0}.service-check-row p{margin:8px 0 0;line-height:1.8;overflow-wrap:anywhere}.service-check-row .badge{flex:none}
#app[data-theme]{--shell-sidebar:232px;--shell-gutter:clamp(16px,2.4vw,36px)}
#app[data-theme]>aside{width:var(--shell-sidebar);height:100dvh;padding:28px 18px;z-index:55;box-sizing:border-box}
#app[data-theme]>.workspace{margin-left:var(--shell-sidebar);min-width:0;width:calc(100% - var(--shell-sidebar))}
#app[data-theme] #main{width:100%;max-width:1480px;margin-inline:auto;padding:28px var(--shell-gutter) 96px;box-sizing:border-box}
#app[data-theme] :is(.page-top,.panel-head,.toolbar,.task-actions,.food-actions,.coord-actions){flex-wrap:wrap}
#app[data-theme] :is(.page-top>div,.panel-head>div,.grid>*,.cards>*,.map-layout>*,.food-list-row>*,.header-right){min-width:0}
#app[data-theme] .page-top{align-items:flex-start;justify-content:flex-start;gap:16px}
#app[data-theme] .page-top>div:first-child{flex:1 1 360px}
#app[data-theme] :is(.button,.user-pill){max-width:100%;white-space:normal;overflow-wrap:anywhere}
#app[data-theme] :is(input,select,textarea){box-sizing:border-box;min-width:0;max-width:100%}
#app[data-theme] :is(.panel,.record-card,.plan-card,.food-workspace,.companion-workspace,.coord-workspace){min-width:0;box-sizing:border-box}
#app[data-theme] .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#app[data-theme] :is(.grid.equal,.companion-fields,.coord-fields){grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}
#app[data-theme] :is(.food-workspace,.coord-workspace){max-width:1120px}
#app[data-theme] .table-scroll{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}
#app[data-theme] :is(.food-original,blockquote,dd,.section-note){overflow-wrap:anywhere}
.shell-menu-toggle,.shell-menu-close,.shell-menu-backdrop{display:none}
@media(min-width:760px) and (max-width:1100px){
 #app[data-theme]{--shell-sidebar:200px;--shell-gutter:24px}
 #app[data-theme]>aside{padding:24px 14px}
 #app[data-theme] .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app[data-theme] .workspace>header{padding:16px 24px;height:auto;min-height:80px;gap:16px;flex-wrap:wrap}
 #app[data-theme] .header-right{gap:8px;flex-wrap:wrap;margin-left:auto}
 #app[data-theme] .breadcrumb{display:flex;flex-wrap:wrap}
 #app[data-theme] .map-layout{grid-template-columns:1fr}
 #app[data-theme] .food-nutrients{grid-template-columns:1fr}
}
@media(max-width:759px){
 #app[data-theme]{--shell-gutter:16px}
 #app[data-theme]>.workspace{width:100%;margin-left:0}
 #app[data-theme]>aside{width:min(292px,calc(100vw - 40px));padding:24px 18px;transform:translateX(-105%);visibility:hidden;transition:transform .2s ease,visibility .2s;box-shadow:8px 0 30px #0002}
 #app[data-theme].shell-menu-open>aside{transform:none;visibility:visible}
 #app[data-theme]>aside :is(.home-switch,.sidebar-foot,.nav-label){display:flex}
 #app[data-theme]>aside .brand{font-size:23px;gap:8px;margin-right:36px}
 #app[data-theme]>aside .brand b{display:inline}
 #app[data-theme]>aside .home-switch{margin-top:24px}
 #app[data-theme]>aside #nav{margin-top:20px;overflow:auto;min-height:0;flex:1}
 #app[data-theme]>aside #nav a{justify-content:flex-start;padding:12px;min-height:46px;gap:12px}
 #app[data-theme]>aside :is(.nav-text,.nav-group){display:block;font-size:14px;white-space:normal}
 #app[data-theme]>aside .reader-dock .reader-entry{justify-content:flex-start;gap:10px}
 #app[data-theme]>aside .reader-dock .reader-entry span{display:inline}
 #app[data-theme] .shell-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px}
 #app[data-theme] .shell-menu-close{display:flex;position:absolute;right:16px;top:24px;align-items:center;justify-content:center;width:40px;height:40px}
 #app[data-theme] .shell-menu-backdrop{display:block;position:fixed;inset:0;border:0;border-radius:0;padding:0;background:#0007;z-index:54}
 #app[data-theme] .shell-menu-backdrop[hidden]{display:none}
 #app[data-theme] .workspace>header{height:auto;min-height:112px;padding:10px 16px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px 12px;align-items:center}
 #app[data-theme] .breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;min-width:0;overflow-wrap:anywhere}
 #app[data-theme] .header-right{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-column:1/-1;width:100%;margin:0;gap:6px;align-items:stretch}
 #app[data-theme] .header-right>:is(button,a){display:flex!important;align-items:center;justify-content:center;width:100%;min-width:0;min-height:44px!important;box-sizing:border-box;padding:8px!important;margin:0;font-size:13px!important}
 #app[data-theme] .header-right .intelligence-launch{font-size:0!important;gap:0}
 #app[data-theme] .header-right .intelligence-launch::after{content:'AI';font-size:13px}
 #app[data-theme] .header-right :is(.offline,.product-search span,.product-search kbd,.theme-toggle span){display:none}
 #app[data-theme] .header-right :is(.theme-toggle svg,.product-search svg){width:20px;height:20px;flex:none}
 #app[data-theme] .header-right .user-pill{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}
 #app[data-theme] .product-account-menu{position:absolute;top:calc(100% + 8px);right:0;max-width:calc(100vw - 32px)}
 #app[data-theme] #main{padding-top:24px}
 #app[data-theme] :is(input,select,textarea){font-size:16px}
 #app[data-theme] :is(.cards,.grid,.grid.equal,.food-nutrients,.coord-fields,.companion-fields,.map-layout,.tech-route-output,.tech-graph-layout){grid-template-columns:minmax(0,1fr)}
 #app[data-theme] .companion-tabs{display:flex;flex-wrap:wrap;gap:8px}
 #app[data-theme] .companion-tabs>.button{flex:1 1 130px;min-width:0}
 #app[data-theme] .food-list-row{flex-direction:column}
 #app[data-theme] .page-ai-intro{flex-wrap:wrap}
 #app[data-theme] .page-ai-intro>div{flex:1 1 220px;min-width:0}
 #app[data-theme] .page-ai-intro>.button{flex:0 0 auto;white-space:normal}
 #app[data-theme] .service-check-row{flex-direction:column;gap:10px}
 #app[data-theme] .assistant-launcher{width:48px;height:48px;min-height:48px;padding:10px;justify-content:center}
 #app[data-theme] .assistant-launcher span{display:none}
 #app[data-theme] .assistant-panel{width:calc(100vw - 28px);max-width:430px;height:min(650px,calc(100dvh - 110px))}
 #app[data-theme] .state-update-notice{white-space:normal;max-width:calc(100vw - 32px)}
 html[data-text-size=large] #app[data-theme] .workspace>header{min-height:124px}
 html[data-text-size=large] #app[data-theme] .header-right>:is(button,a){min-height:48px!important;font-size:15px!important}
 html[data-text-size=large] #app[data-theme] .header-right .intelligence-launch{font-size:0!important}
 html[data-text-size=large] #app[data-theme]>aside .nav-text{font-size:18px}
}
@media(prefers-reduced-motion:reduce){#app[data-theme]>aside{transition:none}}