/* AKL Admin Icon Layout Cleanup V2
   Nur Icon-/Formularaufteilung. Keine Produkt-/API-Logik. */

.aklProductIconImg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

.adminProdIcon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  flex:0 0 54px!important;
  border-radius:16px!important;
  padding:7px!important;
  overflow:hidden!important;
}

.productCardIcon .productCardHeader{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  min-width:0!important;
}

.productCardIcon .productMain,
.productCardIcon .productMain *{
  min-width:0!important;
}

.productCardIcon .productMain b,
.productCardIcon .productMain .productTitle{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  line-height:1.16!important;
}

.adminCatMiniIcon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  margin-right:7px!important;
  vertical-align:middle!important;
  overflow:hidden!important;
}

.productIconPreview{
  min-height:58px!important;
  width:180px!important;
  max-width:180px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:9px 11px!important;
  border-radius:16px!important;
  overflow:hidden!important;
}

.productIconPreview .aklProductIconImg{
  width:40px!important;
  height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  padding:6px!important;
  border-radius:13px!important;
  flex:0 0 40px!important;
}

.productIconPreview .iconPreviewText,
.productIconPreview span,
.productIconPreview small{
  display:none!important;
}

.iconSelectField select,
#productIconKey,
select[name="icon_key"]{
  min-height:48px!important;
}

@media(max-width:760px){
  .productIconPreview{
    width:100%!important;
    max-width:100%!important;
  }
}