#workspace:not([hidden]){display:grid;grid-template-columns:208px minmax(0,1fr);align-items:start;overflow:visible}
.table-directory{position:sticky;top:12px;align-self:start;border-right:1px solid var(--line);min-height:70vh;background:#fcfafa;border-radius:8px 0 0 8px}
.table-directory summary{padding:18px 16px;font-weight:600;color:var(--red);cursor:pointer}
#tabs{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:visible;border:0;margin:0;padding:0 8px 16px}
#tabs button{display:block;width:100%;text-align:left;white-space:normal;margin:2px 0;padding:12px 10px;border:0;border-radius:6px;font-size:14px;min-height:42px;flex:none}
#tabs button[aria-selected=true]{background:var(--red-soft);color:var(--red);font-weight:600}
#tabs button::after{display:none}
#workspace-content{min-width:0;overflow:hidden}
#workspace-content>.grid{max-width:100%}
.table-display-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 4px;font-size:13px;color:var(--muted);position:sticky;left:0;width:100%;box-sizing:border-box;background:#fff}
.table-display-controls label{display:flex;align-items:center;gap:6px;margin:0;font-size:13px}
.table-display-controls select{width:90px;padding:6px}
.table-display-controls input{width:76px;padding:6px}
.table-display-controls [role=status]{font-size:12px}
table.adjustable-table{table-layout:fixed;min-width:0!important;max-width:none}
table.adjustable-table th{position:relative}
table.adjustable-table td{height:var(--table-row-height,52px);padding:4px 8px;min-width:0;max-width:none;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}
table.adjustable-table th,table.adjustable-table td{overflow:hidden}
table.adjustable-table td button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.column-resize{touch-action:none}
@media(max-width:640px){
 #workspace:not([hidden]){grid-template-columns:minmax(0,1fr)}
 .table-directory{position:static;min-height:0;border:1px solid var(--line);border-radius:8px;margin:12px 0;background:#fff}
 #tabs,body[data-role=volunteer] #tabs{display:flex;flex-direction:row;flex-wrap:wrap;padding:0 8px 8px;margin:0}
 #tabs button{width:auto;flex:1 1 140px;min-height:42px}
 .table-directory summary{padding:12px}
 #workspace-content{width:100%}
 #main-grid:not([hidden]),#activity-detail:not([hidden]){display:block!important}
 #mobile-root{display:none!important}
 #workspace-content .toolbar{margin:0;padding:10px 0}
 body[data-role=volunteer] #workspace-content .toolbar:not([hidden]){display:flex}
 .table-display-controls{gap:6px}
 .table-display-controls>span:not([role]){display:none}
 .grid{margin-left:0;margin-right:0}
}
@media(max-width:640px){
 #import-results table.adjustable-table{display:table}
 #import-results table.adjustable-table thead{display:table-header-group}
 #import-results table.adjustable-table tbody{display:table-row-group}
 #import-results table.adjustable-table tr{display:table-row}
 #import-results table.adjustable-table td{display:table-cell;height:var(--table-row-height);padding:4px 8px}
 #import-results table.adjustable-table td::before{display:none}
 #import-results{overflow:auto}
}
@media(prefers-reduced-motion:reduce){button,a,input,select{transition:none}}