/* AMELIAPOS_CATALOG_DRAWERS_R16_5R19_3_1 */

/* ---------------------------------------------------------------
   Softer context layer: Catalog remains visually present.
   --------------------------------------------------------------- */
.catalog-drawer-backdrop{
  background:rgba(8,24,38,.11)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* ---------------------------------------------------------------
   Entity-specific drawer widths.
   --------------------------------------------------------------- */
#managementCatalog #familyAdminForm.catalog-drawer{
  width:min(460px,calc(100vw - 28px))!important;
}

#managementCatalog #categoryAdminForm.catalog-drawer{
  width:min(480px,calc(100vw - 28px))!important;
}

#managementCatalog #ingredientAdminForm.catalog-drawer{
  width:min(520px,calc(100vw - 28px))!important;
}

#managementCatalog #productAdminForm.catalog-drawer,
#managementCatalog #promotionAdminForm.catalog-drawer{
  width:min(620px,calc(100vw - 28px))!important;
}

/* ---------------------------------------------------------------
   Global compact rhythm.
   --------------------------------------------------------------- */
#managementCatalog form.catalog-drawer{
  gap:10px!important;
  padding-left:18px!important;
  padding-right:18px!important;
}

#managementCatalog form.catalog-drawer > header:first-child{
  margin-left:-18px!important;
  margin-right:-18px!important;
  padding:15px 18px 13px!important;
}

#managementCatalog form.catalog-drawer > header:first-child span{
  margin-bottom:2px!important;
  font-size:9px!important;
}

#managementCatalog form.catalog-drawer > header:first-child h4{
  font-size:20px!important;
}

#managementCatalog form.catalog-drawer > header:first-child button{
  width:38px!important;
  height:38px!important;
  border-radius:10px!important;
}

.catalog-drawer-section-title{
  gap:2px!important;
  padding-top:0!important;
}

.catalog-drawer-section-title strong{
  font-size:12px!important;
}

.catalog-drawer-section-title small{
  font-size:10px!important;
}

/* ---------------------------------------------------------------
   Compact master forms.
   --------------------------------------------------------------- */
#managementCatalog form.catalog-drawer .master-form-grid{
  gap:9px!important;
}

#managementCatalog form.catalog-drawer .master-form-grid.two{
  gap:9px!important;
}

#managementCatalog form.catalog-drawer label{
  gap:4px!important;
}

#managementCatalog form.catalog-drawer label > span:first-child{
  font-size:10px!important;
}

#managementCatalog form.catalog-drawer input:not([type="checkbox"]):not([type="file"]),
#managementCatalog form.catalog-drawer select{
  min-height:40px!important;
}

#managementCatalog form.catalog-drawer textarea{
  min-height:64px!important;
}

/* ---------------------------------------------------------------
   Familia / Categoría: image is a small utility, not a hero block.
   --------------------------------------------------------------- */
#managementCatalog #familyAdminForm .thumb-editor,
#managementCatalog #categoryAdminForm .thumb-editor{
  grid-template-columns:76px minmax(0,1fr)!important;
  gap:10px!important;
  padding:10px!important;
}

#managementCatalog #familyAdminForm .thumb-preview,
#managementCatalog #categoryAdminForm .thumb-preview{
  width:76px!important;
  height:76px!important;
  min-height:76px!important;
  border-radius:10px!important;
}

#managementCatalog #familyAdminForm .thumb-editor > .file-action,
#managementCatalog #categoryAdminForm .thumb-editor > .file-action{
  min-height:38px!important;
  padding:0 13px!important;
  justify-self:start!important;
}

#managementCatalog #familyAdminForm .thumb-editor > small,
#managementCatalog #categoryAdminForm .thumb-editor > small{
  font-size:9px!important;
}

/* Order + POS visibility should read as one compact row. */
#managementCatalog #familyAdminForm .master-form-grid.two,
#managementCatalog #categoryAdminForm .master-form-grid.two{
  grid-template-columns:minmax(130px,.72fr) minmax(160px,1fr)!important;
  align-items:end!important;
}

#managementCatalog #familyAdminForm label.checkbox-field,
#managementCatalog #categoryAdminForm label.checkbox-field{
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 10px!important;
  border:1px solid #dfe7ed!important;
  border-radius:10px!important;
  background:#f8fafb!important;
}

/* ---------------------------------------------------------------
   Ingredient: compact but slightly wider.
   --------------------------------------------------------------- */
#managementCatalog #ingredientAdminForm .thumb-editor{
  grid-template-columns:78px minmax(0,1fr)!important;
  gap:10px!important;
  padding:10px!important;
}

#managementCatalog #ingredientAdminForm .thumb-preview{
  width:78px!important;
  height:78px!important;
  min-height:78px!important;
}

/* ---------------------------------------------------------------
   Product: keep information density, remove oversized presentation.
   --------------------------------------------------------------- */
#managementCatalog #productAdminForm .product-editor-hero{
  grid-template-columns:160px minmax(0,1fr)!important;
  gap:10px!important;
}

#managementCatalog #productAdminForm .product-editor-hero .thumb-editor{
  grid-template-columns:62px minmax(0,1fr)!important;
  gap:8px!important;
  padding:9px!important;
}

#managementCatalog #productAdminForm .product-editor-hero .thumb-preview{
  width:62px!important;
  height:62px!important;
  min-height:62px!important;
}

#managementCatalog #productAdminForm .product-editor-summary{
  padding:10px 12px!important;
  gap:3px!important;
}

#managementCatalog #productAdminForm .product-editor-summary > strong{
  font-size:15px!important;
}

#managementCatalog #productAdminForm .product-finance-summary{
  gap:5px!important;
}

#managementCatalog #productAdminForm .product-finance-summary > div{
  padding:6px 7px!important;
}

/* ---------------------------------------------------------------
   Promotion / recipe auxiliary blocks.
   --------------------------------------------------------------- */
#managementCatalog form.catalog-drawer .recipe-admin,
#managementCatalog form.catalog-drawer .promo-scope,
#managementCatalog form.catalog-drawer .promo-branches,
#managementCatalog form.catalog-drawer .promo-days{
  padding:11px!important;
}

/* ---------------------------------------------------------------
   Footer: smaller and calmer.
   --------------------------------------------------------------- */
#managementCatalog form.catalog-drawer .catalog-drawer-footer{
  margin-left:-18px!important;
  margin-right:-18px!important;
  padding:11px 18px 12px!important;
  gap:8px!important;
}

#managementCatalog form.catalog-drawer .catalog-drawer-footer button{
  min-height:40px!important;
  padding:0 16px!important;
}

#managementCatalog form.catalog-drawer .catalog-drawer-footer > button[type="submit"]{
  min-width:142px!important;
}

/* ---------------------------------------------------------------
   Mobile remains full-screen.
   --------------------------------------------------------------- */
@media (max-width:820px){
  #managementCatalog #familyAdminForm.catalog-drawer,
  #managementCatalog #categoryAdminForm.catalog-drawer,
  #managementCatalog #ingredientAdminForm.catalog-drawer,
  #managementCatalog #productAdminForm.catalog-drawer,
  #managementCatalog #promotionAdminForm.catalog-drawer{
    width:100%!important;
  }

  #managementCatalog #familyAdminForm .master-form-grid.two,
  #managementCatalog #categoryAdminForm .master-form-grid.two{
    grid-template-columns:1fr!important;
  }
}