/* pandabu RC16.275 – finale Vorrat-Kachelansicht, Portrait + Smartphone-Landscape
 * Zielbild: Repositioning.jpg (vom Nutzer freigegebenes finales Darstellungskonzept)
 */

/*
 * Das finale Kachelkonzept gilt
 * 1) auf Smartphones im Portrait bis 699px und
 * 2) auf gedrehten Smartphones bis 1100px Breite / 600px Höhe.
 * Im Landscape darf das Raster mehr Kacheln zeigen, die einzelne Kachel behält
 * jedoch exakt dieselbe innere Hierarchie.
 */
@media (max-width:699px), (orientation:landscape) and (max-height:600px) and (max-width:1100px){
  .inventory-page .tile-grid .inventory-card,
  .core-search-result-section .tile-grid .inventory-card{
    --inventory-tile-image:74px;
    --inventory-tile-side-action:30px;
    --inventory-tile-owner:28px;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:326px!important;
    height:100%!important;
    padding:10px 10px 12px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  /* Kopf: Bild zentral; Warenkorb oben rechts; Ersteller darunter und unten bildbündig. */
  .inventory-page .tile-grid .inventory-card .card-row,
  .core-search-result-section .tile-grid .inventory-card .card-row{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    height:auto!important;
    flex:0 0 auto!important;
    position:relative!important;
  }

  .inventory-page .tile-grid .inventory-card .content-icon,
  .core-search-result-section .tile-grid .inventory-card .content-icon{
    width:var(--inventory-tile-image)!important;
    height:var(--inventory-tile-image)!important;
    min-width:var(--inventory-tile-image)!important;
    margin:0 auto!important;
    transform:none!important;
  }

  .inventory-page .tile-grid .inventory-card .mini-action,
  .core-search-result-section .tile-grid .inventory-card .mini-action{
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:var(--inventory-tile-side-action)!important;
    min-width:var(--inventory-tile-side-action)!important;
    height:var(--inventory-tile-side-action)!important;
    min-height:var(--inventory-tile-side-action)!important;
    margin:0!important;
    z-index:7!important;
  }

  .inventory-page .tile-grid .inventory-card .inventory-owner-avatar,
  .core-search-result-section .tile-grid .inventory-card .inventory-owner-avatar{
    position:absolute!important;
    top:calc(var(--inventory-tile-image) - var(--inventory-tile-owner))!important;
    right:1px!important;
    width:var(--inventory-tile-owner)!important;
    min-width:var(--inventory-tile-owner)!important;
    height:var(--inventory-tile-owner)!important;
    min-height:var(--inventory-tile-owner)!important;
    margin:0!important;
    z-index:8!important;
  }
  .inventory-page .tile-grid .inventory-card .inventory-owner-avatar .user-avatar,
  .core-search-result-section .tile-grid .inventory-card .inventory-owner-avatar .user-avatar{
    width:var(--inventory-tile-owner)!important;
    height:var(--inventory-tile-owner)!important;
    min-width:var(--inventory-tile-owner)!important;
    margin:0!important;
  }
  .inventory-page .tile-grid .inventory-card .inventory-owner-name,
  .core-search-result-section .tile-grid .inventory-card .inventory-owner-name{
    top:calc(100% + 4px)!important;
    right:-1px!important;
    max-width:126px!important;
  }

  /* Titel deutlich unter dem Bild; Variante / 2. Zeile direkt an den Titel ziehen. */
  .inventory-page .tile-grid .inventory-card .card-main,
  .core-search-result-section .tile-grid .inventory-card .card-main{
    width:100%!important;
    min-width:0!important;
    margin-top:10px!important;
    padding:0 1px!important;
    text-align:left!important;
  }
  .inventory-page .tile-grid .inventory-card .card-title,
  .core-search-result-section .tile-grid .inventory-card .card-title{
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    font-size:14px!important;
    line-height:1.12!important;
    font-weight:850!important;
    -webkit-line-clamp:2!important;
  }
  .inventory-page .tile-grid .inventory-card .card-title + .item-subtitle,
  .core-search-result-section .tile-grid .inventory-card .card-title + .item-subtitle{
    margin-top:2px!important;
    margin-bottom:0!important;
    line-height:1.08!important;
  }

  /* Warnung/Ablauf unterhalb des kompakten Titelblocks; entspricht dem Zielbild. */
  .inventory-page .tile-grid .inventory-card .meta,
  .core-search-result-section .tile-grid .inventory-card .meta{
    margin-top:13px!important;
    min-height:40px!important;
    align-content:start!important;
    gap:4px 5px!important;
  }
  .inventory-page .tile-grid .inventory-card .meta:empty,
  .core-search-result-section .tile-grid .inventory-card .meta:empty{
    min-height:18px!important;
  }
  .inventory-page .tile-grid .inventory-card .expiry-badge,
  .core-search-result-section .tile-grid .inventory-card .expiry-badge{
    width:max-content!important;
    max-width:100%!important;
  }

  /* Bestand / Minimum / Ziel final: drei identische, kompakte Zeilen. */
  .inventory-page .tile-grid .inventory-card .stock-metrics,
  .core-search-result-section .tile-grid .inventory-card .stock-metrics{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    width:100%!important;
    margin-top:auto!important;
    flex:0 0 auto!important;
  }
  .inventory-page .tile-grid .inventory-card .stock-metric,
  .core-search-result-section .tile-grid .inventory-card .stock-metric{
    width:100%!important;
    min-height:32px!important;
    padding:5px 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
  }
  .inventory-page .tile-grid .inventory-card .stock-metric-icon,
  .core-search-result-section .tile-grid .inventory-card .stock-metric-icon{
    width:13px!important;
    height:13px!important;
    flex:0 0 13px!important;
  }
  .inventory-page .tile-grid .inventory-card .stock-metric-copy,
  .core-search-result-section .tile-grid .inventory-card .stock-metric-copy{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:6px!important;
    line-height:1.05!important;
  }
  .inventory-page .tile-grid .inventory-card .stock-metric-label,
  .core-search-result-section .tile-grid .inventory-card .stock-metric-label{
    display:block!important;
    min-width:0!important;
    font-size:9px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .inventory-page .tile-grid .inventory-card .stock-metric strong,
  .core-search-result-section .tile-grid .inventory-card .stock-metric strong{
    font-size:10px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    text-align:right!important;
  }
  .inventory-page .tile-grid .inventory-card .stock-metric-value-full,
  .core-search-result-section .tile-grid .inventory-card .stock-metric-value-full{display:none!important}
  .inventory-page .tile-grid .inventory-card .stock-metric-value-compact,
  .core-search-result-section .tile-grid .inventory-card .stock-metric-value-compact{display:inline!important}

  /* Mengensteuerung als klare letzte Zeile. */
  .inventory-page .tile-grid .inventory-card .stock-adjuster,
  .core-search-result-section .tile-grid .inventory-card .stock-adjuster{
    grid-template-columns:32px minmax(0,1fr) 32px!important;
    gap:7px!important;
    margin-top:7px!important;
    flex:0 0 auto!important;
  }
  .inventory-page .tile-grid .inventory-card .stock-adjuster button,
  .core-search-result-section .tile-grid .inventory-card .stock-adjuster button{
    height:30px!important;
    min-height:30px!important;
  }
  .inventory-page .tile-grid .inventory-card .stock-adjuster strong,
  .core-search-result-section .tile-grid .inventory-card .stock-adjuster strong{
    font-size:12px!important;
    line-height:1.1!important;
  }
}

/* Portrait Smartphone: exakt zwei Kacheln. */
@media (max-width:699px) and (orientation:portrait){
  .inventory-page .tile-grid,
  .core-search-result-section .tile-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
}

/* Sehr schmale Portrait-Displays bleiben ebenfalls bei zwei Kacheln, nur minimal kompakter. */
@media (max-width:380px) and (orientation:portrait){
  .inventory-page .tile-grid,
  .core-search-result-section .tile-grid{gap:8px!important}
  .inventory-page .tile-grid .inventory-card,
  .core-search-result-section .tile-grid .inventory-card{
    --inventory-tile-image:70px;
    min-height:318px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
}

/* Smartphone gedreht: mehr Kacheln nutzen, das freigegebene Kartenkonzept bleibt 1:1 erhalten. */
@media (orientation:landscape) and (max-height:600px) and (min-width:560px) and (max-width:759px){
  .inventory-page .tile-grid,
  .core-search-result-section .tile-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }
}
@media (orientation:landscape) and (max-height:600px) and (min-width:760px) and (max-width:1100px){
  .inventory-page .tile-grid,
  .core-search-result-section .tile-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
  }
}