header>div:first-child{min-width:0;flex:1 1 auto}
.header-actions{flex:0 1 auto;min-width:0}
@media(max-width:1450px) and (min-width:681px){
  header{height:auto;min-height:92px;gap:18px;padding:10px 0}
  header>div:first-child{max-width:270px}
  header #pageTitle{font-size:19px;line-height:1.22;overflow-wrap:anywhere}
  .header-actions{gap:8px}
  .header-actions>#lastSync,.header-actions>.session-user{display:none}
}
@media(max-width:1200px) and (min-width:681px){
  .sidebar{width:78px;padding:25px 10px}
  .sidebar .brand div,.sidebar .nav span,.sidebar .nav em,.sidebar .sync-card div{display:none}
  .sidebar .brand{padding-left:10px}
  .sidebar .sync-card{justify-content:center}
  body>main{width:calc(100% - 78px);margin-left:78px;padding-left:20px;padding-right:20px}
  header>div:first-child{max-width:240px}
  .header-actions .task-center-button{padding-left:11px;padding-right:11px}
}
@media(max-width:880px) and (min-width:681px){
  header{align-items:flex-start;flex-wrap:wrap}
  header>div:first-child{max-width:none;flex-basis:100%}
  header #pageTitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .header-actions{width:100%;justify-content:flex-end;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  .header-actions::-webkit-scrollbar{display:none}
}