/* pandabu V2.0.4 RC16.280b – Vorratsgruppen + Lagerorte/Settings
 * Ausschliesslich Vorrat/Settings-spezifische Layout-Ergaenzungen.
 */

/* Vorratsgruppen übernehmen die bestehende Reiter-Optik, erhalten für die längeren
   Notvorrat-Bezeichnungen aber genug Breite für einen sauberen Zweizeiler. */
.inventory-group-chips .standard-tab-card{
  flex-basis:118px!important;
  min-height:112px!important;
}
.inventory-group-chips .standard-tab-card>span{
  line-height:1.12;
  min-height:27px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.inventory-group-chips .standard-tab-card .room-tab-icon{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
}

/* Vorratsgruppe und Lagerort: gleiche Bedienhöhe wie die übrigen Formularfelder. */
#inventory-form .inventory-group-field select,
#inventory-form .inventory-location-field select{
  width:100%;
  height:52px!important;
  min-height:52px!important;
  box-sizing:border-box;
}
#inventory-form .inventory-group-field .hint{
  margin-top:6px;
}

/* Lagerort wird in der Karte nicht mehr als Textzeile geführt, sondern als kleines
   Icon direkt beim Ersteller. Tap blendet den Namen für 5 Sekunden ein. */
.inventory-location-avatar{
  position:relative;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  width:30px;
  min-width:30px;
  height:30px;
  min-height:30px;
  margin:0 2px 0 0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  overflow:visible;
  cursor:pointer;
  z-index:5;
}
.inventory-location-badge-icon{
  width:28px!important;
  height:28px!important;
  object-fit:contain;
  border-radius:9px;
  padding:1px;
  background:rgba(255,255,255,.9);
}
.inventory-location-name{
  position:absolute;
  top:calc(100% + 5px);
  right:0;
  z-index:20;
  max-width:170px;
  padding:5px 8px;
  border:1px solid var(--line);
  border-radius:9px;
  background:color-mix(in srgb,var(--surface) 94%,transparent);
  color:var(--text);
  box-shadow:0 8px 22px rgba(0,0,0,.18);
  font-size:10px;
  font-weight:800;
  line-height:1.15;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  transform:translateY(-3px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
  pointer-events:none;
}
.inventory-location-avatar.show-name .inventory-location-name{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.inventory-location-settings-hint{
  margin:0 2px 14px;
}

@media (max-width:699px), (orientation:landscape) and (max-height:600px) and (max-width:1100px){
  .inventory-page .tile-grid .inventory-card .inventory-location-avatar,
  .core-search-result-section .tile-grid .inventory-card .inventory-location-avatar{
    position:absolute!important;
    top:calc(var(--inventory-tile-image,74px) - var(--inventory-tile-owner,28px))!important;
    right:calc(var(--inventory-tile-owner,28px) + 7px)!important;
    width:var(--inventory-tile-owner,28px)!important;
    min-width:var(--inventory-tile-owner,28px)!important;
    height:var(--inventory-tile-owner,28px)!important;
    min-height:var(--inventory-tile-owner,28px)!important;
    margin:0!important;
    z-index:8!important;
  }
  .inventory-page .tile-grid .inventory-card .inventory-location-badge-icon,
  .core-search-result-section .tile-grid .inventory-card .inventory-location-badge-icon{
    width:var(--inventory-tile-owner,28px)!important;
    height:var(--inventory-tile-owner,28px)!important;
    min-width:var(--inventory-tile-owner,28px)!important;
  }
  .inventory-page .tile-grid .inventory-card .inventory-location-name,
  .core-search-result-section .tile-grid .inventory-card .inventory-location-name{
    top:calc(100% + 4px)!important;
    right:-1px!important;
    max-width:126px!important;
  }
}

@media (max-width:560px){
  .inventory-group-chips{
    margin-left:-2px;
    margin-right:-2px;
    padding-left:2px;
    padding-right:2px;
  }
  .inventory-group-chips .standard-tab-card{
    flex-basis:108px!important;
    min-height:108px!important;
  }
  #inventory-form .inventory-group-field select,
  #inventory-form .inventory-location-field select{
    height:52px!important;
    min-height:52px!important;
  }
}

html[data-theme="dark"] .inventory-location-badge-icon{
  background:rgba(255,255,255,.92);
}