/* Shared geometry for every section. Keep navigation independent of page height. */
html{overflow-y:scroll;scrollbar-gutter:stable}
body{min-width:360px}
.shell{grid-template-columns:242px minmax(0,1fr)}
.sidebar{width:242px}
.nav-scroll{min-height:0;scrollbar-gutter:stable}
.nav{height:40px;min-height:40px;flex-shrink:0;line-height:20px;padding:10px 13px}
.nav svg{flex:0 0 17px;width:17px;height:17px}
.nav .label{min-width:0;white-space:nowrap}
.nav .count{flex:0 0 auto;min-width:22px;height:22px;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}
.topbar{height:78px;min-height:78px}
.crumb{display:flex;gap:16px;align-items:center;min-width:0;white-space:nowrap}
.crumb b{overflow:hidden;text-overflow:ellipsis}
.top-right{flex-shrink:0}
.content{width:100%;padding:32px 36px 50px}
.page-head{min-height:90px;align-items:center;gap:24px;margin-bottom:27px}
.page-head>div:first-child{min-width:0}
.page-head h1{line-height:1.25;margin:8px 0 10px}
.page-head .subtitle{line-height:20px}
.page-head .actions{flex-shrink:0;align-items:center}
.page-head .actions>button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;line-height:20px;white-space:nowrap}
button svg{flex-shrink:0}
.stat-value,.count,.status-chip strong{font-variant-numeric:tabular-nums}
@media(min-width:1500px){.content{padding:38px 44px 50px}}
@media(max-width:1200px){.content{padding:25px 25px 50px}}
@media(max-width:850px){
 .shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{width:76px}
 .nav{padding:10px;height:40px;min-height:40px}
 .content{padding:22px 16px 40px}.page-head{align-items:flex-start;flex-wrap:wrap;gap:16px}
 .page-head .actions{flex-wrap:wrap;justify-content:flex-start}.top-right .top-tag{display:none}
 .crumb{gap:8px}
}
@media print{html{overflow:visible}.shell{display:block}.content{padding:0}.page-head{min-height:0}}