/* Use the available desktop width for the planning matrix; keep small screens compact. */
@media(min-width:1600px){
 body:has(#helpers-panel:not([hidden]) #personnel-functions:not([hidden])) .app-layout,
 body:has(#helpers-panel:not([hidden]) #personnel-functions:not([hidden])) .account-bar{max-width:none;width:100%}
 body:has(#helpers-panel:not([hidden]) #personnel-functions:not([hidden])) main{max-width:none;padding:28px 32px}
 #personnel-functions .function-table-wrap{max-height:calc(100dvh - 390px);min-height:280px}
 #personnel-functions .function-table{min-width:100%;width:max-content}
}
@media(min-width:2200px){
 #personnel-functions .function-table thead tr:nth-child(2) th,
 #personnel-functions .function-table thead tr:nth-child(2) th:first-child{width:130px;min-width:130px;max-width:150px;font-size:11px}
 #personnel-functions .function-cell{min-width:124px;max-width:none;min-height:42px;padding:6px 8px}
 #personnel-functions .function-cell strong{font-size:12px}
 #personnel-functions .function-cell .function-qualification{font-size:10px!important}
 #personnel-functions .function-table tbody th{font-size:12px}
}