/* One available-width canvas; dedicated forms use a centered reading width. */
.workspace-shell main{max-width:none;width:auto;min-width:0;padding:24px clamp(16px,1.5vw,32px)}
.workspace-shell main>*,.workspace-shell :is(.library-content,.table-wrap,.account-panel,.plan-layout)>*{min-width:0}
.workspace-shell .table-wrap{max-width:100%;overscroll-behavior-x:contain}
.workspace-shell main.workspace-form> :not(link):not(script){max-width:1200px;margin-left:auto;margin-right:auto}
.workspace-shell main.workspace-form .config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.workspace-shell .demand-create-panel{max-width:none;margin-left:0;margin-right:0}
.workspace-shell .page-heading p{max-width:80ch}
.workspace-shell .page-heading :is(button,.button){white-space:nowrap}
.workspace-shell :is(.demand-filters,.account-filters,.library-filters,.book-picker,.video-filter-bar)>*{min-width:0}
.workspace-shell :is(.demand-filters,.account-filters,.library-filters) :is(input:not([type=checkbox]):not([type=hidden]),select,.date-range-trigger,button,.button){font-size:13px;min-height:36px}
.workspace-shell .demand-list-panel .demand-filters{grid-template-columns:140px 170px minmax(280px,1.2fr) minmax(220px,.8fr) auto auto}
.workspace-shell .demand-filters .date-range-filter{grid-column:1/3;grid-row:2;align-self:start}
.workspace-shell .demand-filters .demand-status-filter{grid-column:3/5;grid-row:2;align-self:end}
.workspace-shell .demand-filters>button{grid-column:5;grid-row:2;align-self:center}
.workspace-shell .demand-filters>a{grid-column:6;grid-row:2;align-self:center}
.workspace-shell .demand-list-panel .demand-filters> :is(button,.button){align-self:center}
.workspace-shell .demand-table{width:100%;min-width:1080px}
/* End-relative columns cover both staff and member tables (with/without selection). */
.workspace-shell .demand-table th{width:auto!important}
.workspace-shell .demand-table th:nth-last-child(1){width:112px!important}
.workspace-shell .demand-table th:nth-last-child(2){width:96px!important}
.workspace-shell .demand-table th:nth-last-child(3),.workspace-shell .demand-table th:nth-last-child(4){width:180px!important}
.workspace-shell .demand-table th:nth-last-child(5){width:168px!important}
.workspace-shell .demand-table th:nth-last-child(6){width:120px!important}
.workspace-shell .demand-table th:nth-last-child(7){width:auto!important}
.workspace-shell .demand-table .demand-select-cell{width:42px!important}
.workspace-shell .demand-book-heading,.workspace-shell .demand-note-excerpt{max-width:80ch}
.workspace-shell .account-table{table-layout:fixed;width:100%;min-width:1040px}
.workspace-shell .account-table th:nth-last-child(1){width:310px}
.workspace-shell .account-table th:nth-last-child(2){width:150px}
.workspace-shell .account-table th:nth-last-child(3){width:26%}
.workspace-shell .account-table th:nth-last-child(4){width:auto}
.workspace-shell .account-table th:nth-last-child(5){width:130px}
.workspace-shell .account-table.has-selection th:first-child{width:44px}
.workspace-shell .account-table .account-actions{flex-wrap:wrap;gap:12px}
.workspace-shell .account-table .account-remark{max-width:none}
.workspace-shell .account-filters.account-filters-v2{grid-template-columns:180px 280px minmax(240px,1fr) auto}
.workspace-shell .account-filters.account-filters-v2>label{min-width:0}
.workspace-shell .account-query{grid-column:auto}
.workspace-shell .members-table th:nth-child(1){width:auto}
.workspace-shell .members-table th:nth-child(2){width:96px}
.workspace-shell .members-table th:nth-child(3){width:180px}
.workspace-shell .members-table th:nth-child(4){width:230px}
.workspace-shell .members-table th:nth-child(5){width:165px}
.workspace-shell .members-table th:nth-child(6){width:185px}
.workspace-shell .members-table{min-width:1060px}
@media(max-width:1600px){
 .workspace-shell .demand-list-panel .demand-filters{grid-template-columns:130px 150px minmax(180px,1.2fr) minmax(180px,.8fr) auto auto}
 .workspace-shell .account-filters.account-filters-v2{grid-template-columns:180px 280px minmax(240px,1fr)}
 .workspace-shell .account-search-actions{grid-column:1/-1;justify-content:flex-end}
 .workspace-shell .members-table th:nth-child(3){width:160px}
 .workspace-shell .members-table th:nth-child(4){width:200px}
 .workspace-shell .members-table th:nth-child(5){width:150px}
}
@media(max-width:1200px){
 .workspace-shell .demand-list-panel .demand-filters{grid-template-columns:150px 170px minmax(180px,1fr)}
 .workspace-shell .demand-filters>label:nth-of-type(4){grid-column:1/-1}
 .workspace-shell .demand-filters .date-range-filter{grid-column:1/-1;grid-row:auto}
 .workspace-shell .demand-filters .demand-status-filter{grid-column:1/-1;grid-row:auto}
 .workspace-shell .demand-filters>button,.workspace-shell .demand-filters>a{grid-column:auto;grid-row:auto;justify-self:start}
 .workspace-shell .account-filters.account-filters-v2{grid-template-columns:minmax(140px,1fr) minmax(240px,1fr)}
 .workspace-shell .account-query{grid-column:1/-1}
}
/* Tablet navigation uses the existing accessible drawer instead of squeezing data. */
@media(min-width:761px) and (max-width:1024px){
 .workspace-shell{--sidebar:0px}
 .workspace-shell .workspace-name{display:none}
 .workspace-shell .app-header{gap:16px;padding:0 20px}
 .workspace-shell.nav-enhanced .nav-toggle{display:inline-flex;min-height:36px;flex-shrink:0}
 .workspace-shell.nav-enhanced .app-sidebar{position:fixed;top:var(--header);bottom:0;left:0;width:260px;margin:0;z-index:40;display:none;box-shadow:8px 0 30px #20365712}
 .workspace-shell.nav-open{overflow:hidden}
 .workspace-shell.nav-open .app-sidebar{display:flex}
 .workspace-shell.nav-open .nav-backdrop{display:block;position:fixed;inset:var(--header) 0 0;width:100%;height:calc(100% - var(--header));border:0;border-radius:0;background:#20324d52;z-index:35}
 .workspace-shell .library-layout{grid-template-columns:minmax(0,1fr)}
 .workspace-shell .book-directory{position:static}
}
@media(max-width:760px){
 .workspace-shell main{padding:20px 12px}
 .workspace-shell .page-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}
 .workspace-shell .page-heading :is(button,.button){font-size:13px}
 .workspace-shell .demand-list-panel .demand-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .workspace-shell .demand-filters>label,.workspace-shell .demand-filters .date-range-filter,.workspace-shell .demand-filters .demand-status-filter{grid-column:1/-1}
 .workspace-shell .demand-filters>button,.workspace-shell .demand-filters>a{justify-self:stretch}
 .workspace-shell .account-filters.account-filters-v2{grid-template-columns:minmax(0,1fr)}
 .workspace-shell .account-search-actions{justify-content:flex-start;flex-wrap:wrap}
 .workspace-shell .account-query select{width:100px}
 .workspace-shell .demand-create-grid,.workspace-shell main.workspace-form .config-grid{grid-template-columns:minmax(0,1fr)}
 .workspace-shell .demand-book-field{grid-column:auto}
 .workspace-shell .pagination{flex-wrap:wrap;gap:10px}
 .workspace-shell:has(.department-switch){--header:108px}
 .workspace-shell:has(.department-switch) .app-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:52px 44px;column-gap:10px;row-gap:0;padding:0 12px 8px}
 .workspace-shell:has(.department-switch) .department-switch{grid-column:1/-1;grid-row:2;justify-self:start;margin:0;gap:8px}
 .workspace-shell:has(.department-switch) .department-switch label{font-size:12px}
 .workspace-shell:has(.department-switch) .department-switch select{margin:0;width:130px;min-height:32px}
 .workspace-shell:has(.department-switch) .department-switch button{min-height:32px}
 .workspace-shell:has(.department-switch) .identity{grid-column:3;grid-row:1;margin:0;gap:8px}
 .workspace-shell .help-link{font-size:0;gap:0}
 .workspace-shell .help-link svg{width:18px;height:18px}
}
@media(max-width:480px){.workspace-shell .brand-name{display:none}.workspace-shell .identity .user-link{max-width:70px}.workspace-shell .department-switch select{max-width:130px}}