/* Tickexpa Payments + PWA v0.3 */
.payment-flow{display:grid;gap:10px;margin:18px 0}.payment-flow>div{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.payment-flow b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--soft-purple);color:var(--purple)}.payment-flow span{font-size:12px}.checkout-summary{display:grid;gap:10px;margin-bottom:18px}.checkout-summary>div{display:flex;justify-content:space-between;gap:20px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:13px}.checkout-summary .total{font-size:18px;border-bottom:0;padding-top:6px}.gateway-badge{padding:12px 14px;border-radius:13px;background:#F7F4FF;border:1px solid #E3D9FF;color:#4E2A93;font-size:12px}.countdown-note{text-align:center;margin-bottom:0}.status.processing{background:#FFF8E8;color:#9B6A00}.status.failed{background:#FFF1F4;color:#A8223B}.status.cancelled{background:#F1F3F7;color:#69758D}
@media(max-width:620px){.payment-flow>div{grid-template-columns:30px 1fr}.gateway-badge{font-size:11px}}

/* TICKEXPA PAYMENTS LAYOUT FIX 2026-09-04 */
.admin-grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;gap:28px!important;align-items:start!important}
.admin-grid .panel{padding:30px!important}
form[action="/admin/payments"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-top:24px!important}
form[action="/admin/payments"]>label:not(.checkline){display:flex!important;flex-direction:column!important;gap:8px!important;font-size:12px!important;font-weight:700!important;color:#42506A!important}
form[action="/admin/payments"] input,form[action="/admin/payments"] select{width:100%!important;min-width:0!important;min-height:46px!important;padding:11px 13px!important;margin:0!important;border:1px solid #D7DEEA!important;border-radius:11px!important;background:#fff!important;color:#0D1B3D!important}
form[action="/admin/payments"] .checkline{grid-column:1/-1!important;display:grid!important;grid-template-columns:22px 1fr!important;gap:12px!important;align-items:start!important;padding:15px 16px!important;margin:0!important;border:1px solid #E1E6EF!important;border-radius:13px!important;background:#F9FAFD!important}
form[action="/admin/payments"] .checkline input[type="checkbox"]{width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;margin:2px 0 0!important}
form[action="/admin/payments"] .checkline span{display:flex!important;flex-direction:column!important;gap:3px!important}
form[action="/admin/payments"] .checkline strong{color:#0D1B3D!important;font-size:13px!important}
form[action="/admin/payments"] .checkline small{color:#748097!important;font-size:11px!important;line-height:1.45!important}
form[action="/admin/payments"]>hr,form[action="/admin/payments"]>h3,form[action="/admin/payments"]>.btn{grid-column:1/-1!important}
form[action="/admin/payments"]>hr{width:100%!important;border:0!important;border-top:1px solid #E0E5EE!important;margin:8px 0 2px!important}
form[action="/admin/payments"]>h3{margin:6px 0 0!important;color:#0D1B3D!important;font-size:19px!important}
form[action="/admin/payments"]>.btn,form[action="/admin/payments/test"] .btn{width:100%!important;min-height:46px!important}
form[action="/admin/payments/test"]{margin-top:14px!important}
@media(max-width:950px){.admin-grid{grid-template-columns:1fr!important}}
@media(max-width:680px){.admin-grid .panel{padding:20px!important}form[action="/admin/payments"]{grid-template-columns:1fr!important}}

/* ===== TICKEXPA PRODUCER PAYMENTS LAYOUT FIX ===== */

/* Productor y edición de pagos por productor desde Admin */
form[action="/producer/payments"],
form[action^="/admin/producers/"][action$="/payments"]{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:start !important;
  margin-top:22px !important;
}

form[action="/producer/payments"] > label:not(.checkline),
form[action^="/admin/producers/"][action$="/payments"] > label:not(.checkline){
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  margin:0 !important;
  font-size:12px !important;
  font-weight:700 !important;
  color:#42506A !important;
}

form[action="/producer/payments"] > label:not(.checkline) input,
form[action="/producer/payments"] > label:not(.checkline) select,
form[action^="/admin/producers/"][action$="/payments"] > label:not(.checkline) input,
form[action^="/admin/producers/"][action$="/payments"] > label:not(.checkline) select{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  min-height:46px !important;
  margin:0 !important;
  padding:11px 13px !important;
  border:1px solid #D7DEEA !important;
  border-radius:11px !important;
  background:#FFFFFF !important;
  color:#0D1B3D !important;
  outline:none !important;
}

form[action="/producer/payments"] > label:not(.checkline) input:focus,
form[action="/producer/payments"] > label:not(.checkline) select:focus,
form[action^="/admin/producers/"][action$="/payments"] > label:not(.checkline) input:focus,
form[action^="/admin/producers/"][action$="/payments"] > label:not(.checkline) select:focus{
  border-color:#7B2DFF !important;
  box-shadow:0 0 0 3px rgba(123,45,255,.10) !important;
}

form[action="/producer/payments"] .checkline,
form[action^="/admin/producers/"][action$="/payments"] .checkline{
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:22px 1fr !important;
  gap:12px !important;
  align-items:start !important;
  padding:15px 16px !important;
  margin:0 !important;
  border:1px solid #E1E6EF !important;
  border-radius:13px !important;
  background:#F9FAFD !important;
}

form[action="/producer/payments"] .checkline input[type="checkbox"],
form[action^="/admin/producers/"][action$="/payments"] .checkline input[type="checkbox"]{
  width:18px !important;
  height:18px !important;
  min-height:18px !important;
  margin:2px 0 0 !important;
  padding:0 !important;
}

form[action="/producer/payments"] .checkline span,
form[action^="/admin/producers/"][action$="/payments"] .checkline span{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}

form[action="/producer/payments"] .checkline strong,
form[action^="/admin/producers/"][action$="/payments"] .checkline strong{
  color:#0D1B3D !important;
  font-size:13px !important;
}

form[action="/producer/payments"] .checkline small,
form[action^="/admin/producers/"][action$="/payments"] .checkline small{
  display:block !important;
  color:#748097 !important;
  font-size:11px !important;
  line-height:1.45 !important;
  font-weight:500 !important;
}

form[action="/producer/payments"] > hr,
form[action="/producer/payments"] > h3,
form[action="/producer/payments"] > .btn,
form[action^="/admin/producers/"][action$="/payments"] > hr,
form[action^="/admin/producers/"][action$="/payments"] > h3,
form[action^="/admin/producers/"][action$="/payments"] > .btn{
  grid-column:1 / -1 !important;
}

form[action="/producer/payments"] > hr,
form[action^="/admin/producers/"][action$="/payments"] > hr{
  width:100% !important;
  border:0 !important;
  border-top:1px solid #E0E5EE !important;
  margin:6px 0 2px !important;
}

form[action="/producer/payments"] > h3,
form[action^="/admin/producers/"][action$="/payments"] > h3{
  margin:6px 0 0 !important;
  color:#0D1B3D !important;
  font-size:19px !important;
}

form[action="/producer/payments"] > .btn,
form[action^="/admin/producers/"][action$="/payments"] > .btn{
  width:100% !important;
  min-height:48px !important;
  margin-top:2px !important;
}

/* El selector "Quién cobra" ocupa ancho completo */
form[action="/producer/payments"] > label:first-of-type,
form[action^="/admin/producers/"][action$="/payments"] > label:first-of-type{
  grid-column:1 / -1 !important;
}

/* Botón de prueba */
form[action="/producer/payments/test"],
form[action^="/admin/producers/"][action$="/payments/test"]{
  margin-top:14px !important;
}

form[action="/producer/payments/test"] .btn,
form[action^="/admin/producers/"][action$="/payments/test"] .btn{
  width:100% !important;
  min-height:46px !important;
}

/* Resumen de comisión */
.settings-summary{
  display:grid !important;
  gap:12px !important;
  margin-top:18px !important;
}

.settings-summary > div{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:14px 0 !important;
  border-bottom:1px solid #E5EAF2 !important;
}

.settings-summary span{
  color:#748097 !important;
  font-size:12px !important;
}

.settings-summary strong{
  color:#0D1B3D !important;
  text-align:right !important;
}

@media(max-width:680px){
  form[action="/producer/payments"],
  form[action^="/admin/producers/"][action$="/payments"]{
    grid-template-columns:1fr !important;
  }

  form[action="/producer/payments"] > *,
  form[action^="/admin/producers/"][action$="/payments"] > *{
    grid-column:1 !important;
  }
}