/* pandabu RC16.187 – UI density + icon controls */

/* Einkaufslisten-Editor: Menge und Einheit optisch identisch hoch. */
.shopping-template-item-grid .field input,
.shopping-template-item-grid .field select{
  height:44px!important;
  min-height:44px!important;
  box-sizing:border-box!important;
  margin:0!important;
}

/* Titel -> Reiter kompakter, ohne das Raster der drei Kernbereiche aufzugeben. */
.tab-raster-view{grid-template-rows:68px 210px auto!important}
.tab-raster-view>.topbar{height:68px!important}
.tab-raster-view>.standard-tab-nav{
  padding-top:18px!important;
  grid-template-rows:38px 116px 38px!important;
}

/* Reine Ansichts-Icons in Aufgaben / Einkaufen / Vorrat. Heute bleibt bewusst mit Text. */
.display-toggle-compact{
  margin:0!important;
  padding:2px!important;
  gap:3px!important;
  border-radius:11px!important;
  align-items:center;
}
.display-toggle-compact .display-btn{
  width:34px!important;
  min-width:34px!important;
  height:32px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  font-size:17px!important;
  line-height:1!important;
  border-radius:9px!important;
}
.icon-only-action{
  width:34px!important;
  min-width:34px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  font-size:16px!important;
  line-height:1!important;
}
.bulk-toolbar-icon-only{
  margin:0!important;
  min-height:32px!important;
  width:auto!important;
}

/* Auswahl steht direkt links neben Liste/Kachel. */
.section-view-actions{
  margin:4px 0 10px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  min-width:0;
}
.section-view-actions .bulk-toolbar-active{
  flex:1 1 100%;
}
.section-view-actions-only{margin-left:auto}
.shopping-toolbar-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:4px 0 10px;
}
.shopping-toolbar-row .section-view-actions{margin:0 0 0 auto}
.shopping-template-bar{margin:0!important;min-width:0}
.shopping-template-bar button{
  width:auto!important;
  max-width:100%;
  min-height:36px!important;
  padding:0 12px!important;
  white-space:nowrap!important;
  line-height:1!important;
}

/* Aufgaben: Heute links, kompakte Ansichtsicons rechts. */
.cleaning-subtools{margin:-2px 0 10px!important}
.cleaning-subtools .display-toggle-compact{margin-left:auto!important}

/* Manager: eine Zeile, Editieren nur als ✏️ rechts. */
.room-manager-list article{
  grid-template-columns:34px 34px 52px minmax(0,1fr) 36px!important;
  grid-template-rows:52px!important;
  align-items:center!important;
  gap:9px!important;
}
.room-manager-list .room-manager-edit.edit-icon-only{
  grid-column:5!important;
  grid-row:1!important;
  justify-self:end!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  font-size:17px!important;
  line-height:1!important;
  color:var(--text)!important;
}
.room-manager-list .room-manager-spacer{display:block!important}

.v203-editor-row{
  grid-template-columns:34px 34px 52px minmax(0,1fr) 36px!important;
  grid-template-rows:52px!important;
  align-items:center!important;
  gap:9px!important;
}
.v203-edit.edit-icon-only{
  grid-column:5!important;
  grid-row:1!important;
  justify-self:end!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  font-size:17px!important;
  line-height:1!important;
  color:var(--text)!important;
}

@media(max-width:700px){
  .tab-raster-view{grid-template-rows:62px 202px auto!important}
  .tab-raster-view>.topbar{height:62px!important}
  .tab-raster-view>.standard-tab-nav{
    padding-top:18px!important;
    grid-template-rows:36px 116px 32px!important;
  }
  .shopping-toolbar-row{gap:8px;margin-top:2px}
  .shopping-template-bar{flex:1 1 auto}
  .shopping-template-bar button{font-size:12px!important;padding:0 10px!important}
  .section-view-actions{gap:7px}
  .display-toggle-compact .display-btn,
  .icon-only-action{width:32px!important;min-width:32px!important;height:32px!important}

  .room-manager-list article{
    grid-template-columns:32px 32px 44px minmax(0,1fr) 34px!important;
    grid-template-rows:44px!important;
    gap:7px!important;
    padding:8px!important;
  }
  .room-manager-list img,
  .room-manager-list .room-manager-icon{grid-column:3!important;grid-row:1!important;width:44px!important;height:44px!important}
  .room-manager-list strong{grid-column:4!important;grid-row:1!important}
  .room-manager-list .room-manager-move{grid-row:1!important;width:32px!important;height:32px!important}
  .room-manager-list .room-manager-edit.edit-icon-only{grid-column:5!important;grid-row:1!important;width:32px!important;min-width:32px!important;height:32px!important}
  .room-manager-list .room-manager-spacer{display:block!important;width:32px!important;height:32px!important}

  .v203-editor-row{
    grid-template-columns:32px 32px 44px minmax(0,1fr) 34px!important;
    grid-template-rows:44px!important;
    gap:7px!important;
    padding:8px!important;
  }
  .v203-editor-row .v203-drag{grid-row:1!important;width:32px!important;height:32px!important}
  .v203-row-icon{grid-column:3!important;grid-row:1!important;width:44px!important;height:44px!important}
  .v203-row-name{grid-column:4!important;grid-row:1!important}
  .v203-edit.edit-icon-only{grid-column:5!important;grid-row:1!important;width:32px!important;min-width:32px!important;height:32px!important}
}

@media(max-width:420px){
  .shopping-toolbar-row{align-items:center;flex-wrap:nowrap}
  .shopping-template-bar button{font-size:11.5px!important;padding:0 8px!important}
  .section-view-actions{flex:0 0 auto}
}