/* Scope the wide layout to Excel import; other administration dialogs retain their size. */
.quadrant-selection-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;padding:14px;background:#edf4fb;border:1px solid #cbdcec;border-radius:10px}
.quadrant-person-check{display:flex;align-items:center;gap:8px;font-size:.8rem;margin:0 0 10px;cursor:pointer}
.quadrant-person-check input{width:18px;height:18px;margin:0;flex-shrink:0}
.quadrant-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
dialog.quadrant-progress-dialog{width:min(900px,calc(100vw - 24px));max-width:900px;max-height:92vh;padding:24px;overflow:auto}
.quadrant-progress-dialog progress{width:100%;height:22px;accent-color:#286d49}
.quadrant-progress-count{font-weight:600;color:#173e68;margin-top:12px}
.quadrant-progress-list{list-style:none;padding:0;max-height:45vh;overflow:auto;border:1px solid #dce5ee;border-radius:10px}
.quadrant-progress-list li{padding:14px;border-bottom:1px solid #dce5ee;display:grid;grid-template-columns:1fr auto;gap:8px}
.quadrant-progress-list li p{grid-column:1/-1;margin:0;font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere}
.quadrant-progress-list [data-state=running]{background:#eaf3ff}
.quadrant-progress-list [data-state=success]{background:#edf8f0}
.quadrant-progress-list [data-state=warning]{background:#fff4e3}
.quadrant-progress-list [data-state=error],.quadrant-progress-list [data-state=skipped]{background:#fff0f0}
.quadrant-progress-summary{overflow-wrap:anywhere;font-size:.9rem}
.quadrant-progress-dialog button:disabled{opacity:.5;cursor:wait}
@media(max-width:600px){.quadrant-progress-list li{grid-template-columns:1fr}.quadrant-progress-list .badge{white-space:normal;justify-self:start}}
dialog:has(#quadrant-apply),dialog:has(#quadrant-read){width:min(1180px,calc(100vw - 32px));max-width:1180px;max-height:92vh;padding:24px;overflow:auto}
dialog:has(#quadrant-apply) .stats{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}
dialog:has(#quadrant-apply) .table-wrap{width:100%;overflow-x:auto}
dialog:has(#quadrant-apply) table{table-layout:fixed;min-width:0}
dialog:has(#quadrant-apply) th,dialog:has(#quadrant-apply) td{vertical-align:top;overflow-wrap:anywhere;padding:14px 12px}
dialog:has(#quadrant-apply) th:nth-child(1){width:23%}
dialog:has(#quadrant-apply) th:nth-child(2){width:22%}
dialog:has(#quadrant-apply) th:nth-child(3){width:7%}
dialog:has(#quadrant-apply) th:nth-child(4){width:31%}
dialog:has(#quadrant-apply) th:nth-child(5){width:17%}
dialog:has(#quadrant-apply) td .badge{white-space:normal}
dialog:has(#quadrant-apply) .employment-actions{position:sticky;bottom:-24px;background:#fff;padding:12px 0;margin-top:20px;border-top:1px solid #dce5ee;display:flex;flex-wrap:wrap;gap:10px;z-index:1}
dialog:has(#quadrant-apply) .employment-actions button{flex:1 1 180px}
@media(max-width:700px){
 dialog:has(#quadrant-apply),dialog:has(#quadrant-read){width:calc(100vw - 16px);padding:16px}
 dialog:has(#quadrant-apply) thead{display:none}
 dialog:has(#quadrant-apply) tbody,dialog:has(#quadrant-apply) tr,dialog:has(#quadrant-apply) td{display:block;width:100%}
 dialog:has(#quadrant-apply) tr{border:1px solid #dce5ee;border-radius:10px;margin-bottom:16px;padding:8px}
 dialog:has(#quadrant-apply) td{border:0;padding:8px}
 dialog:has(#quadrant-apply) td::before{display:block;font-weight:600;font-size:.75rem;color:#617386;margin-bottom:4px}
 dialog:has(#quadrant-apply) td:nth-child(1)::before{content:'FITXA EXCEL'}
 dialog:has(#quadrant-apply) td:nth-child(2)::before{content:'EMPLEAT DEL PORTAL'}
 dialog:has(#quadrant-apply) td:nth-child(3)::before{content:'DIES'}
 dialog:has(#quadrant-apply) td:nth-child(4)::before{content:'TASQUES RR1'}
 dialog:has(#quadrant-apply) td:nth-child(5)::before{content:'ESTAT'}
 dialog:has(#quadrant-apply) .employment-actions{bottom:-16px}
}