/* One navigation scale across Tasks, Dates, Matrix and Settings. */
.layout main>.page-nav{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:5px;padding:4px;margin-bottom:8px;border-radius:18px;flex-shrink:0}
.layout main>.page-nav button[data-page]{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:42px;padding:4px 6px;gap:3px;font-size:10px;line-height:1.2;border:0;border-radius:13px}
.layout main>.page-nav .ui-icon{width:18px;height:18px}
.layout main>.page-nav #openTagDrawer{align-self:stretch;flex:0 0 36px;width:36px;min-width:36px;min-height:42px;margin-left:auto;padding:8px;border-radius:13px}
@media(min-width:1200px) and (hover:hover) and (pointer:fine){
 .layout main>.page-nav{align-self:center;justify-self:center;width:600px;min-width:600px;max-width:100%;gap:8px;padding:6px;margin-bottom:18px;border-radius:18px}
 .layout main>.page-nav button[data-page]{flex-direction:row;min-height:42px;gap:8px;padding:10px 16px;font-size:13px;line-height:1.2}
 .layout main>.page-nav .ui-icon{width:19px;height:19px}
 .layout main>.page-nav #openTagDrawer{flex-basis:42px;width:42px;min-width:42px;min-height:42px;padding:10px}
}
/* Settings uses four equal tabs without an empty filter-button slot. */
.layout main>.page-nav #openTagDrawer[hidden]{display:none!important}