/* =========================
   1) CONTROL DEL WRAPPER REAL (verde)
========================= */
.v-overlay.v-dialog .v-overlay__content.club-dialog-content{
  width: min(1100px, calc(100vw - 24px)) !important;
  max-width: 1100px !important;
}

/* =========================
   2) CARD PRINCIPAL (rosa)
========================= */
.club-dialog.glass-dark{
  width: 100% !important;
  max-width: 1100px !important;
  border-radius: 22px;
  background: rgba(10,10,12,0.94);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 80px rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,0.06);
  overflow: hidden;
  position: relative;
}

.club-dialog.glass-dark::before{
  content:"";
  position:absolute;
  inset:-220px;
  background:
    radial-gradient(520px 420px at 18% 18%, rgba(197,160,85,0.22), transparent 60%),
    radial-gradient(560px 460px at 78% 22%, rgba(70,120,220,0.18), transparent 62%);
  pointer-events:none;
  filter: blur(6px);
}

/* =========================
   3) FIX DEFINITIVO: CYAN (dialog-body) NO puede ser 251px
========================= */
.v-overlay.v-dialog .v-overlay__content.club-dialog-content .v-card-text.dialog-body,
.v-overlay.v-dialog .v-overlay__content.club-dialog-content .dialog-body{
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  display: block !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 18px !important;
}

/* v-form interno */
.v-overlay.v-dialog .v-overlay__content.club-dialog-content .club-form{
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  display: block !important;
  margin: 0 !important;
}

/* =========================
   HEADER
========================= */
.dialog-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding: 18px 18px 14px 18px;
}

.dialog-title{
  color: rgba(255,255,255,0.94);
  font-size: 18px;
  font-weight: 800;
}

.dialog-subtitle{
  margin-top: 6px;
  color: rgba(255,255,255,0.68);
  font-size: 13px;
}

.header-actions{
  display:flex;
  gap:10px;
  align-items:center;
}

.divider-soft{
  opacity:.14;
}

/* =========================
   MODULES: GOLD PANELS (azul)
========================= */
.module.gold-panel{
  width: 100% !important;
  max-width: none !important;
  display:block !important;
  padding:18px;
  margin-bottom:16px;
  border-radius:18px;
  background: linear-gradient(180deg,#caa24d 0%, #b78c37 45%, #9f7626 100%);
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
  border: 1px solid rgba(0,0,0,0.18);
}

.module-head{ margin-bottom: 12px; display:grid; gap:4px; }
.module-title{ display:flex; align-items:center; gap:10px; font-weight:900; color: rgba(15,15,18,0.92); }
.module-desc{ font-size:12.5px; color: rgba(20,20,24,0.78); }

.badge{
  width:22px; height:22px;
  border-radius:8px;
  display:inline-flex; align-items:center; justify-content:center;
  background: rgba(15,15,18,0.15);
  font-weight: 900;
}

/* Fields */
.field{ display:grid; gap:6px; }
.label{ font-size:12px; font-weight:800; color: rgba(15,15,18,0.82); }

/* Inputs: default light */
.light-input .v-field{
  background:#fff !important;
  border-radius:12px;
  min-height:48px;
}

.light-input input,
.light-input textarea{
  color:#111 !important;
}

/* Buttons */
.btn-primary{ border-radius:12px !important; font-weight:900 !important; }
.btn-ghost{ border-radius:12px !important; color: rgba(255,255,255,0.78) !important; }

/* Alert */
.info-alert{ margin-top: 12px; border-radius: 14px; }

/* Footer */
.footer-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding-top: 6px;
}

/* Mobile header stacking */
@media (max-width: 600px){
  .dialog-header{ flex-direction: column; align-items:flex-start; }
  .header-actions{ width:100%; justify-content:flex-end; }
}