/* Favorito Delivery — Build 485
   Master > Marketplace > Banners
   Ajuste visual isolado do formulário de banners. */

/* Configuração 2/3 banners: menor, centralizada e alinhada. */
body[data-area="master"] .market-banner-display-settings .section-heading{
  margin-bottom:12px;
}
body[data-area="master"] .market-banner-layout-form{
  width:min(100%,760px);
  margin:0 auto;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr)) auto!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
}
body[data-area="master"] .market-banner-layout-option{
  min-width:0!important;
  width:100%!important;
  min-height:64px!important;
  padding:9px 12px!important;
  border-radius:12px!important;
  gap:9px!important;
}
body[data-area="master"] .market-banner-layout-option input{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
}
body[data-area="master"] .market-banner-layout-option strong{font-size:12.5px!important}
body[data-area="master"] .market-banner-layout-option small{font-size:10.5px!important;line-height:1.3!important}
body[data-area="master"] .market-banner-layout-form>.button{
  min-height:44px!important;
  height:44px!important;
  padding:0 17px!important;
  white-space:nowrap!important;
  justify-self:center!important;
}

/* Editor mais compacto e centralizado. */
body[data-area="master"] .market-banner-editor-block .section-heading,
body[data-area="master"] .market-banner-popup-help{
  width:min(100%,1120px);
  margin-left:auto!important;
  margin-right:auto!important;
}
body[data-area="master"] .market-banner-editor{
  width:min(100%,1120px)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:end!important;
}
body[data-area="master"] .market-banner-editor>.field,
body[data-area="master"] .market-banner-editor>.market-banner-upload-field,
body[data-area="master"] .market-banner-editor>.option-switch{
  min-width:0!important;
}
body[data-area="master"] .market-banner-editor .market-banner-link{grid-column:span 2!important}

/* Uploads no padrão novo do sistema, sem o input nativo antigo. */
body[data-area="master"] .market-banner-upload-field{
  grid-column:span 2!important;
}
body[data-area="master"] .market-banner-upload-field .image-upload-field{
  margin:0!important;
}
body[data-area="master"] .market-banner-upload-field .image-upload{
  gap:7px!important;
}
body[data-area="master"] .market-banner-upload-field .image-upload-preview:empty{
  display:none!important;
}
body[data-area="master"] .market-banner-upload-field .upload-trigger{
  min-height:54px!important;
  padding:9px 12px!important;
  border-radius:12px!important;
}
body[data-area="master"] .market-banner-upload-field .upload-trigger span{
  font-size:12px!important;
}
body[data-area="master"] .market-banner-upload-field .image-upload-help{
  margin-top:4px!important;
  font-size:10.5px!important;
  line-height:1.35!important;
}

/* Switches popup/ativo menores e proporcionais. */
body[data-area="master"] .market-banner-editor>.option-switch.compact{
  min-height:70px!important;
  padding:9px 11px!important;
  border-radius:12px!important;
  align-items:center!important;
}
body[data-area="master"] .market-banner-editor>.option-switch.compact>span{
  gap:2px!important;
}
body[data-area="master"] .market-banner-editor>.option-switch.compact strong{
  font-size:12px!important;
  line-height:1.25!important;
}
body[data-area="master"] .market-banner-editor>.option-switch.compact small{
  font-size:10.5px!important;
  line-height:1.3!important;
}
body[data-area="master"] .market-banner-save{
  grid-column:1/-1!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  padding-top:2px!important;
}
body[data-area="master"] .market-banner-save .button{
  min-width:170px!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 20px!important;
}
body[data-area="master"] .market-banner-edit-preview{
  width:min(100%,1120px);
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:980px){
  body[data-area="master"] .market-banner-editor{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-area="master"] .market-banner-upload-field{grid-column:span 1!important}
  body[data-area="master"] .market-banner-editor .market-banner-link{grid-column:span 2!important}
}
@media(max-width:700px){
  body[data-area="master"] .market-banner-layout-form{
    grid-template-columns:1fr!important;
    width:min(100%,430px)!important;
  }
  body[data-area="master"] .market-banner-layout-form>.button{width:100%!important}
  body[data-area="master"] .market-banner-editor{grid-template-columns:1fr!important;width:100%!important}
  body[data-area="master"] .market-banner-upload-field,
  body[data-area="master"] .market-banner-editor .market-banner-link,
  body[data-area="master"] .market-banner-save{grid-column:1!important}
  body[data-area="master"] .market-banner-save .button{width:100%!important}
}