/* pandabu RC16.189 – selection popup + bold delete icon */

/* Auswahlmodus ist ein echtes schwebendes Popup und nimmt keinen Platz im Layout ein. */
.bulk-selection-popup{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;
  transform:translateX(-50%)!important;
  z-index:120!important;
  width:min(680px,calc(100vw - 24px))!important;
  max-width:680px!important;
  min-width:0!important;
  margin:0!important;
  padding:8px 10px!important;
  border-radius:16px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  align-items:center!important;
  justify-items:center!important;
  background:color-mix(in srgb,var(--panel,#fff) 94%,var(--accent,#0aaea0) 6%)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.bulk-selection-popup .bulk-toolbar-status{
  width:100%;justify-content:center!important;padding:0!important;gap:5px!important;line-height:1!important;
}
.bulk-selection-popup .bulk-toolbar-status strong{font-size:17px!important}
.bulk-selection-popup .bulk-toolbar-status span{font-size:12px!important}
.bulk-selection-popup .bulk-toolbar-actions{
  width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;
  gap:5px!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;
}
.bulk-selection-popup .bulk-toolbar-actions::-webkit-scrollbar{display:none}
.bulk-selection-popup .bulk-toolbar-actions button{
  flex:0 0 auto!important;min-height:34px!important;height:34px!important;min-width:0!important;
  padding:0 10px!important;margin:0!important;border-radius:10px!important;font-size:12px!important;white-space:nowrap!important;
}

/* Löschen immer als ein einziges, gut sichtbares ❌. */
.bulk-selection-popup .bulk-delete-icon,
.shopping-template-delete.shopping-template-icon-action,
.shopping-template-item-actions .template-icon-action.danger{
  display:grid!important;place-items:center!important;text-align:center!important;line-height:1!important;
  font-size:18px!important;font-weight:900!important;padding:0!important;
}
.bulk-selection-popup .bulk-delete-icon{width:36px!important;min-width:36px!important}
.shopping-template-delete.shopping-template-icon-action::before{content:none!important;display:none!important}
.shopping-template-delete.shopping-template-icon-action{font-size:18px!important}
.shopping-template-item-actions .template-icon-action.danger{font-size:17px!important}
.bulk-restore-icon{width:36px!important;min-width:36px!important;padding:0!important;font-size:18px!important}

/* Einkaufsliste bearbeiten: Icon-Katalog bewusst kleiner, damit Artikel + Aktionen sichtbar bleiben. */
.shopping-template-editor-shell .tab-icon-picker{
  max-height:240px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

@media(max-width:700px){
  .bulk-selection-popup{
    width:min(620px,calc(100vw - 16px))!important;
    bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;
    padding:7px 8px!important;
    gap:5px!important;
    border-radius:15px!important;
  }
  .bulk-selection-popup .bulk-toolbar-actions{justify-content:flex-start!important}
  .bulk-selection-popup .bulk-toolbar-actions button{height:32px!important;min-height:32px!important;padding:0 8px!important;font-size:11px!important}
  .bulk-selection-popup .bulk-delete-icon,.bulk-selection-popup .bulk-restore-icon{width:32px!important;min-width:32px!important;padding:0!important}
  .shopping-template-editor-shell .tab-icon-picker{max-height:190px!important}
}

@media(max-width:420px){
  .bulk-selection-popup{width:calc(100vw - 12px)!important}
  .bulk-selection-popup .bulk-toolbar-actions{gap:4px!important}
  .bulk-selection-popup .bulk-toolbar-actions button{padding:0 7px!important;font-size:10.5px!important}
  .shopping-template-editor-shell .tab-icon-picker{max-height:178px!important}
}