/* V229 - Formularios de cupones: cinco campos, sin superposiciones.
   Correccion visual del CSS heredado V116/V117 (cuatro areas).
   No modifica lógica, cupones ni base de datos. */
.discount-code-panel .discount-code-form {
  display: grid !important;
  grid-template-columns: minmax(0,1.2fr) minmax(0,.9fr) minmax(0,1.1fr) !important;
  grid-template-areas:
    "code amount date"
    "uses active ."
    "actions actions actions"
    "message message message" !important;
  align-items: start !important;
  gap: 16px !important;
}
.discount-code-panel .discount-code-form > label { min-width: 0 !important; box-sizing: border-box !important; }
.discount-code-panel .discount-code-form > label:nth-of-type(1) { grid-area: code !important; }
.discount-code-panel .discount-code-form > label:nth-of-type(2) { grid-area: amount !important; }
.discount-code-panel .discount-code-form > label:nth-of-type(3) { grid-area: date !important; }
.discount-code-panel .discount-code-form > label:nth-of-type(4) { grid-area: uses !important; }
.discount-code-panel .discount-code-form > label:nth-of-type(5),
.discount-code-panel .discount-code-form > label.discount-active-field { grid-area: active !important; }
.discount-code-panel .discount-code-form > label select {
  display:block!important;
  min-width:0!important;
  width:100%!important;
  min-height:44px!important;
  padding:0 36px 0 12px!important;
  font:inherit!important;
  color:#41342f!important;
  border:1px solid #e4d9d3!important;
  background:#fff!important;
  border-radius:12px!important;
  box-sizing:border-box!important;
  opacity:1!important;
  visibility:visible!important;
}
.discount-code-panel .discount-code-form > label select:focus-visible {outline:2px solid #bf818b!important;outline-offset:2px!important;}
.discount-code-panel .discount-code-form .discount-form-actions{grid-area:actions!important;}
.discount-code-panel .discount-code-form .discount-code-message{grid-area:message!important;}
@media(max-width:900px){
  .discount-code-panel .discount-code-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "code amount"
      "date uses"
      "active active"
      "actions actions"
      "message message"!important;
  }
}
@media(max-width:640px){
  .discount-code-panel .discount-code-form{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:
      "code"
      "amount"
      "date"
      "uses"
      "active"
      "actions"
      "message"!important;
    gap:14px!important;
  }
  .discount-code-panel .discount-code-form > label.discount-active-field{min-height:66px!important;}
  .discount-code-panel .discount-code-form .discount-active-control{justify-content:flex-start!important;}
}