/* Quiet, fast feedback; only small surfaces move. */
.shell #main-nav,.shell #area-navigation{position:relative;isolation:isolate}
/* Keep area navigation in normal flow; mobile sticky offsets must not survive relative positioning. */
.shell #area-navigation{inset:auto}
.workspace-selection{position:absolute;left:0;top:0;pointer-events:none;z-index:0;border-radius:15px;box-sizing:border-box;background:linear-gradient(115deg,#ffffff25,#ffffff10);border:1px solid #ffffff30;box-shadow:inset 0 1px 0 #ffffff25,0 3px 12px #08192b15}
.shell #main-nav.has-workspace-selection button{z-index:1}
.shell #main-nav.has-workspace-selection button.active,.shell #main-nav.has-workspace-selection button.active:hover{background:transparent;border-color:transparent;box-shadow:none}
.shell #area-navigation .workspace-selection{border-radius:999px;background:linear-gradient(130deg,#233f66,#192e47);border-color:#ffffff22;box-shadow:inset 0 1px 0 #ffffff20,0 3px 8px #25476b18}
.shell #area-navigation.has-workspace-selection button{position:relative;z-index:1}
.shell #area-navigation.has-workspace-selection button[aria-current=page]{background:transparent;box-shadow:none}
[data-metric],.unread-badge,.day-stage strong,.stats article>strong{font-variant-numeric:tabular-nums}
#main .loading{min-height:72px;display:flex;align-items:center;gap:10px}
#main .loading::before{content:'';width:14px;height:14px;flex:none;border:2px solid #d4dfeb;border-top-color:#345d82;border-radius:50%;animation:workspace-spin .8s linear infinite}
@keyframes workspace-spin{to{transform:rotate(360deg)}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .shell #main-nav button,.shell #area-navigation button{transition:color 120ms ease,background-color 120ms ease}
 .shell main button.primary,.shell main button.subtle,.shell .day-kpis>button{transition:transform 120ms ease-out,box-shadow 160ms ease-out}
 .shell main button.primary:active,.shell main button.subtle:active,.shell .day-kpis>button:active{transform:scale(.98)}
}
@media(prefers-reduced-motion:reduce){
 #main .loading::before{animation:none}
 .shell *{scroll-behavior:auto!important}
}