#taskPage>.heading-row,#matrixPage>.matrix-header{display:flex;align-items:center;gap:6px;min-height:32px;margin:0 0 6px}
#taskPage>.heading-row h1,#matrixPage>.matrix-header h1{font-size:20px;line-height:1.15;letter-spacing:-.6px;margin:0;white-space:nowrap}
#matrixPage .matrix-header #listOptions{display:flex;flex:1;min-width:0;gap:5px;margin:0;justify-content:flex-end}
#matrixPage .matrix-header .quick-access-tag{max-width:90px;font-size:10px;padding:4px 6px;min-height:28px}
#matrixPage .matrix-header .list-layout-switch button{width:28px;min-height:26px;padding:4px}
#matrixPage .matrix-header #openNotifications{width:32px;min-width:32px;height:32px;min-height:32px;padding:6px}
@media(min-width:1200px) and (hover:hover) and (pointer:fine){
 #taskPage>.heading-row,#matrixPage>.matrix-header{gap:12px;min-height:42px;margin-bottom:14px}
 #taskPage>.heading-row h1,#matrixPage>.matrix-header h1{font-size:28px;line-height:1.2;letter-spacing:-.8px}
 #matrixPage .matrix-header #listOptions{gap:10px}
 #matrixPage .matrix-header .quick-access-tag{max-width:200px;font-size:12px;min-height:34px;padding:6px 12px}
 #matrixPage .matrix-header .list-layout-switch button{width:34px;min-height:30px;padding:4px}
}
@media(max-width:1199px),(hover:none),(pointer:coarse){
 .layout:has(#matrixPage:not([hidden]))>main{padding-top:8px}
 #matrixPage{padding-top:0}
}