/* Desktop density stays 26 px for controls and 31 px for table rows. */
.status,.status-cell .status,.status-cell .compact-details,.draft-label,.stage-matrix-source{font-size:11px}
.status-cell .status{max-width:145px}
.status-cell .compact-details{max-width:100px}
.operation-table .col-project{width:280px}
.operation-table th.col-assignee{width:210px}
.operation-table th.col-state{width:250px}
.operation-table .name-cell{max-width:320px}
.product-card-route .operation-table th.col-comment,.product-card-additional .operation-table th.col-comment{width:125px}
.operation-table .name-cell,.stage-matrix th:first-child,.stage-matrix td:first-child{position:sticky;left:0;z-index:2;background:var(--paper)}
.operation-table th.col-project,.stage-matrix th:first-child{z-index:3;background:var(--secondary)}
.operation-table .is-overdue .name-cell,.stage-matrix .is-overdue td:first-child{background:#fff1f2}
.stage-matrix.project-list-matrix th:first-child,.stage-matrix.project-list-matrix td:first-child{min-width:90px;max-width:100px;width:90px}
.stage-matrix.project-list-matrix th:nth-child(2){width:240px;min-width:240px}
.stage-matrix.project-list-matrix th:nth-child(3){width:190px;min-width:190px}
.stage-matrix.project-list-matrix th:nth-child(2),.stage-matrix.project-list-matrix td:nth-child(2){position:sticky;left:90px;z-index:2;background:var(--paper)}
.stage-matrix.project-list-matrix th:nth-child(2){z-index:3;background:var(--secondary)}
.stage-matrix.project-list-matrix .is-overdue td:nth-child(2){background:#fff1f2}
.operation-table .small-button,.group-toggle{min-width:26px;min-height:26px}
:is(a,button,input,select,summary,textarea):focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.gantt-bar span{display:none}
.gantt-bar:focus-visible{outline-offset:3px}
.gantt-tools button,.gantt-legend,.gantt-reason{font-size:11px}
.gantt-unknown{font-size:11px;color:var(--muted)}
.period-links{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:12px;flex-wrap:wrap}
.period-links .button{min-height:26px;height:26px;padding:3px 7px;font-size:12px;line-height:18px}
.bulk-scope{padding:9px 12px;border-left:3px solid var(--primary);background:var(--secondary);font-size:12px;line-height:1.5}
@media(max-width:760px){.stage-matrix.project-list-matrix th:nth-child(2),.stage-matrix.project-list-matrix td:nth-child(2){position:static}.operation-table th.col-assignee{width:210px}}