/* The workspace controls and open-page tabs stay together while content scrolls. */
.shell-header{position:sticky;top:0;z-index:40;flex:none;background:#fff;box-shadow:0 2px 7px #24334805}
.shell-header .site-announcement{position:static;line-height:1.4;padding:6px 24px;font-size:11px}
.shell-header .site-announcement[hidden]{display:none}
.workspace .shell-header .topbar{position:relative;top:auto;z-index:3;height:50px;min-height:50px;padding:0 24px;background:#fff;backdrop-filter:none;border-bottom:1px solid #edf0f4;overflow:visible}
.shell-header .breadcrumb{font-size:11px;gap:9px;min-width:0;white-space:nowrap}
.shell-header .breadcrumb strong{font-weight:600;overflow:hidden;text-overflow:ellipsis}
.shell-header .topbar-right{gap:10px;min-width:0}
.shell-header .mode-switch{padding:2px;border-radius:8px;gap:1px}
.shell-header .mode-option{min-height:27px;padding:4px 9px;font-size:11px!important;border-radius:6px}
.shell-header .scope-trigger{height:31px;min-height:31px;padding:0 9px;gap:7px;font-size:11px!important;max-width:270px}
.shell-header .scope-trigger span:first-child{font-size:10px}
.shell-header .scope-trigger strong{max-width:175px;font-size:11px}
.shell-header .scope-panel{top:37px;z-index:60}
.shell-header .user-avatar{width:28px;height:28px;font-size:11px}
.shell-header .username,.shell-header #logout{font-size:11px!important}
.shell-header #logout{padding:4px 0;white-space:nowrap}
.workspace-page-tabs{position:relative;z-index:1;display:flex;align-items:center;gap:3px;min-height:32px;height:32px;padding:0 18px;background:#f8f9fb;border-bottom:1px solid #e7ebf1;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;white-space:nowrap}
.workspace-page-tab{display:flex;align-items:center;flex:none;height:27px;margin-top:1px;border:1px solid transparent;border-radius:6px;background:transparent;color:#8490a2}
.workspace-page-tab>a{display:flex;align-items:center;gap:6px;max-width:175px;padding:3px 4px 3px 9px;font-size:11px;line-height:1.4;color:inherit;text-decoration:none}
.workspace-page-tab>a>svg{width:13px;height:13px;flex:none}
.workspace-page-tab>a>span{overflow:hidden;text-overflow:ellipsis}
.workspace-page-tab>button{display:grid;place-items:center;width:22px;height:22px;min-height:0;padding:0;border:0;border-radius:5px;background:transparent;color:#a1a9b5;font-size:15px;line-height:1;cursor:pointer}
.workspace-page-tab:hover{background:#eef1f5}
.workspace-page-tab>button:hover{background:#e8edf2;color:#566377}
.workspace-page-tab.active{background:#fff;border-color:#eadca8;color:#7e651e;box-shadow:0 1px 3px #25364f05}
.workspace-page-tab.active>a{font-weight:650}
.shell-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;min-width:0;margin-left:auto;align-self:center}
.shell-page-actions>.heading-right,.shell-page-actions>.row-actions{display:flex;align-items:center;gap:7px;margin:0;flex-wrap:wrap}
.shell-page-actions .button{min-height:33px;padding:6px 11px;font-size:11px!important;white-space:nowrap}
.shell-page-actions .date-label{font-size:10px;white-space:nowrap}
.shell-actions-target{gap:8px}
.shell-actions-target.card-heading{flex-wrap:wrap}
.shell-actions-target.shell-card-actions{justify-content:flex-end;min-height:0;margin:0 0 11px;padding:0}
.shell-actions-host{position:relative}
.shell-actions-host>.shell-page-actions{grid-column:1/-1;flex-basis:100%;margin:0 0 10px}
#analysis-filters>.shell-page-actions{align-self:end}
#board-filters>.shell-page-actions{align-self:end;flex-shrink:0}
.meallog-filters.shell-actions-target{grid-template-columns:minmax(130px,.8fr) minmax(240px,1.8fr) auto auto auto}
body.board-fullscreen .shell-header{display:none}
body.board-fullscreen .board-wrap .shell-page-actions{display:none}
@media(min-width:761px){.workspace #page{padding-top:18px}}
@media(max-width:1100px) and (min-width:761px){
 .workspace .shell-header .topbar{padding:0 18px}
 .shell-header .topbar-right{gap:7px}
 .shell-header .scope-trigger>span:first-child{display:none}
 .shell-header .scope-trigger{max-width:230px}
 .shell-header .username{display:none}
 .meallog-filters.shell-actions-target{grid-template-columns:minmax(110px,1fr) minmax(190px,1.6fr) auto auto auto}
}
@media(max-width:760px){
 /* A viewport resize must not animate a closed drawer across the data area. */
 .workspace .sidebar:not(.expanded){visibility:hidden;pointer-events:none;transform:translateX(-100%);transition:none;box-shadow:none}
 .workspace .sidebar.expanded{visibility:visible;pointer-events:auto}
 .workspace .shell-header .topbar{height:auto;min-height:48px;padding:7px 12px;gap:8px;flex-wrap:wrap}
 .shell-header .breadcrumb{margin-right:auto;font-size:11px}
 .shell-header .topbar-right{gap:7px;margin-left:auto}
 .shell-header .scope-trigger{height:29px;min-height:29px;max-width:155px;padding:0 7px}
 .shell-header .scope-trigger>span:first-child{display:none}
 .shell-header .scope-trigger strong{max-width:118px;font-size:10px}
 .shell-header .user-avatar{display:none}
 .shell-header .mobile-menu{min-height:27px;padding:2px 5px;margin:0}
 .workspace-page-tabs{height:32px;min-height:32px;padding:0 8px}
 .workspace-page-tab>a{max-width:135px}
 .shell-page-actions{gap:6px;align-self:end}
 .shell-page-actions .button{min-height:32px;padding:6px 9px}
 .shell-actions-target.filter-bar>.shell-page-actions{flex:0 1 auto;margin-left:auto;min-width:0}
 .meallog-filters.shell-actions-target{display:flex}
}
@media(max-width:420px){.shell-header .breadcrumb{max-width:calc(100% - 36px)}.shell-header .topbar-right{flex-basis:100%;justify-content:flex-end}.shell-header .scope-trigger{max-width:250px}.shell-header .scope-trigger strong{max-width:200px}}