/* pandabu RC16.270 – Vorrat: 2er-Kachelraster, Suche, Kategorien / Notvorrat-Statusklarheit */

/* Einheitliches Suchfeld in Einkaufen und Vorrat – direkt unter den Ansichtsaktionen. */
.core-item-search{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  padding:0 13px;
  min-height:46px;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--surface-2);
  color:var(--muted);
  box-sizing:border-box;
}
.core-item-search:focus-within{
  border-color:var(--accent);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent);
}
.core-item-search-icon{
  flex:0 0 auto;
  font-size:23px;
  line-height:1;
  color:var(--muted);
  transform:translateY(-1px);
}
.core-item-search input{
  flex:1 1 auto;
  min-width:0;
  width:100%;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:var(--text)!important;
  padding:11px 0!important;
  font:inherit;
  font-weight:700;
}
.core-item-search input::placeholder{color:var(--muted);opacity:.9}
.core-search-empty{margin:-2px 0 14px}

/* Vorrat bekommt zusätzlich zur Lagerort-Navigation eine ruhige Inhaltsstruktur. */
.inventory-category-group{min-width:0}
.inventory-category-group + .inventory-category-group{margin-top:22px}
.inventory-category-title{
  margin:12px 3px 9px;
  color:var(--text);
  font-size:15px;
  font-weight:850;
}
.inventory-category-fallback-icon{font-size:20px;line-height:1}

/* Bestand / Minimum / Ziel werden in Kacheln endlich lesbar ausgeschrieben. */
.stock-metric-copy{min-width:0;display:grid;gap:1px;line-height:1.05;text-align:left}
.stock-metric-label{display:none;color:var(--muted);font-size:8px;font-weight:800;line-height:1.05}
.inventory-grid-mode .stock-metric-label{display:block}
.inventory-grid-mode .stock-metric{
  justify-content:flex-start;
  align-items:center;
}
.inventory-grid-mode .stock-metric-copy strong{display:block;max-width:100%}

/* Mobile Vorrats-Kachelansicht: bewusst NUR 2 Spalten.
   Das gilt auch für iPhones >=390px, wo das globale Grid sonst auf 3 Spalten springt. */
@media (max-width:699px){
  .inventory-page .tile-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .inventory-page .tile-grid .inventory-card{
    min-height:254px!important;
    padding:12px 10px 13px!important;
  }
  .inventory-page .tile-grid .inventory-card .content-icon{
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
  }
  .inventory-page .tile-grid .inventory-card .card-title{
    font-size:14px!important;
    line-height:1.16!important;
    min-height:32px!important;
    -webkit-line-clamp:2!important;
  }
  .inventory-page .tile-grid .inventory-card .stock-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    margin-top:9px!important;
  }
  .inventory-page .tile-grid .inventory-card .stock-metric{
    min-height:43px!important;
    padding:5px 4px!important;
    gap:4px!important;
  }
  .inventory-page .tile-grid .inventory-card .stock-metric-icon{
    width:13px!important;
    height:13px!important;
  }
  .inventory-page .tile-grid .inventory-card .stock-metric strong{
    font-size:9px!important;
    line-height:1.08!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .inventory-page .tile-grid .inventory-card .stock-adjuster{
    grid-template-columns:32px minmax(0,1fr) 32px!important;
    gap:7px!important;
  }
  .inventory-page .tile-grid .inventory-card .stock-adjuster strong{
    font-size:13px!important;
  }
}

@media (max-width:380px){
  .core-item-search{min-height:44px;padding:0 11px}
  .inventory-page .tile-grid{gap:8px!important}
  .inventory-page .tile-grid .inventory-card{padding-left:8px!important;padding-right:8px!important}
  .inventory-page .tile-grid .inventory-card .stock-metric{padding-left:2px!important;padding-right:2px!important}
  .inventory-page .tile-grid .inventory-card .stock-metric-icon{width:11px!important;height:11px!important}
  .stock-metric-label{font-size:7px}
}