/* v0276 — verktygsraden i kalendern.
   Felet: navigeringen var absolutpositionerad (left:50% + transform) i
   calendar-v0190.css. Absolut placering tar ingen plats i flödet, så när
   innehållet växte la den sig ovanpå "2 / 20 resurser" och knapparna bredvid.
   Här blir raden en vanlig flexrad där varje del tar sin plats och bryter
   snyggt när bredden inte räcker. Gäller alla sidor som använder raden. */
.app-shell .resource-calendar-toolbar,
.app-shell .resource-calendar-toolbar.has-calendar-filters,
.app-shell .resource-calendar-toolbar.no-calendar-filters{
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 14px;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  position:sticky;
}
.app-shell .resource-calendar-toolbar>*{grid-column:auto!important;grid-row:auto!important}
.app-shell .resource-calendar-toolbar .consultant-calendar-title{flex:0 0 auto;justify-self:auto}
.app-shell .resource-calendar-toolbar .resource-calendar-filters{
  display:flex!important;
  flex:1 1 240px;
  min-width:0;
  grid-template-columns:none!important;
  gap:6px;
  justify-content:flex-start;
}
.app-shell .resource-calendar-toolbar .resource-calendar-filters select{flex:0 1 160px;min-width:0}
.app-shell .resource-calendar-toolbar .resource-calendar-filters input{flex:1 1 120px;min-width:0}
.app-shell .resource-calendar-toolbar .resource-calendar-filters .button{flex:0 0 auto}

/* Navigeringen tillbaka i flödet, mitt på raden men utan att lägga sig över något. */
.app-shell .resource-calendar-toolbar .calendar-nav{
  position:static!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  flex:0 0 auto;
  margin-inline:auto;
  justify-self:auto;
}
.app-shell .resource-calendar-toolbar .resource-calendar-mode{flex:0 0 auto;justify-self:auto}
.app-shell .resource-calendar-toolbar .consultant-calendar-actions{
  display:flex!important;
  flex:0 0 auto;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  width:auto!important;
  justify-self:auto;
}
.app-shell .resource-calendar-toolbar .resource-calendar-filter-meta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
@media(max-width:1100px){
  .app-shell .resource-calendar-toolbar .calendar-nav{margin-inline:0}
  .app-shell .resource-calendar-toolbar .resource-calendar-filter-meta small{display:none}
}
@media(max-width:760px){
  .app-shell .resource-calendar-toolbar{gap:6px 8px}
  .app-shell .resource-calendar-toolbar .consultant-calendar-title{flex:1 1 100%}
  .app-shell .resource-calendar-toolbar .calendar-nav{flex:1 1 100%;justify-content:center}
}