.djpro-portal-wrap{display:flex;justify-content:center;align-items:flex-start;padding:28px 14px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial;}
.djpro-portal-card{width:100%;max-width:520px;background:rgba(255,255,255,0.95);border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,0.12);padding:18px 18px 16px;}
@media (prefers-color-scheme: dark){
  .djpro-portal-card{background:rgba(20,20,20,0.88);color:#fff;}
  .djpro-portal-card input{background:rgba(255,255,255,0.06);color:#fff;border:1px solid rgba(255,255,255,0.12);}
  .djpro-portal-muted{color:rgba(255,255,255,0.7);}
}
.djpro-portal-card-wide{max-width:1040px;}
.djpro-portal-header{margin-bottom:12px;}
.djpro-portal-title{font-size:22px;font-weight:800;letter-spacing:0.2px;}
.djpro-portal-subtitle{font-size:13px;opacity:0.75;margin-top:4px;line-height:1.35;}
.djpro-portal-form{display:flex;flex-direction:column;gap:10px;margin-top:10px;}
.djpro-portal-form-inline{flex-direction:row;gap:10px;align-items:center;}
.djpro-portal-form-inline input{flex:1;}
.djpro-portal-card label{font-size:13px;font-weight:650;opacity:0.85;}
.djpro-portal-card input{width:100%;padding:12px 12px;border-radius:12px;border:1px solid rgba(0,0,0,0.12);outline:none;}
.djpro-portal-card textarea{width:100%;padding:12px 12px;border-radius:12px;border:1px solid rgba(0,0,0,0.12);outline:none;resize:vertical;}
.djpro-portal-btn{display:inline-flex;justify-content:center;align-items:center;padding:12px 14px;border-radius:12px;background:var(--djpro-accent,#ff7a1a);color:#fff;border:none;text-decoration:none;font-weight:700;cursor:pointer;gap:8px;}
.djpro-portal-btn:hover{filter:brightness(1.03);}
.djpro-portal-links{display:flex;justify-content:center;margin-top:2px;}
.djpro-portal-links a{font-size:13px;text-decoration:none;opacity:0.9;}
.djpro-portal-foot{margin-top:12px;text-align:center;opacity:0.7;}
.djpro-portal-alert{background:rgba(255,122,26,0.12);border:1px solid rgba(255,122,26,0.22);padding:10px 12px;border-radius:12px;margin-top:10px;font-size:13px;}
.djpro-portal-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:14px;}
@media (min-width: 860px){ .djpro-portal-grid{grid-template-columns: 1fr 1.2fr;} }
.djpro-portal-muted{font-size:13px;color:rgba(0,0,0,0.65);}
.djpro-portal-muted.small{font-size:12px;}

.djpro-portal-section{margin-top:16px;padding-top:8px;border-top:1px solid rgba(0,0,0,0.06);} 
.djpro-portal-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:740px){.djpro-portal-two{grid-template-columns:1fr;}}
.djpro-copy{font-weight:700;}
.djpro-copy:hover{opacity:0.85;}

/* Limpieza de widgets externos en el Panel DJ */
.joinchat, .joinchat__button, .floating-wpp, .floating-whatsapp, .ht-ctc-chat, #ht-ctc-chat,
.chaty-widget, .tawk-min-container,
[class*="whatsapp" i], [id*="whatsapp" i], a[href*="wa.me" i], a[href*="whatsapp" i],
#cookie-law-info-bar, .cli-bar-container, .cky-consent-container, .cmplz-cookiebanner,
#cookie-notice, .cookie-notice, .cookie-notice-container, #cookie, .cookie,
footer, .site-footer, #colophon, .elementor-location-footer{
  display:none!important;
}

.grecaptcha-badge{display:none!important;}
.djpro-portal-table{margin-top:10px;border:1px solid rgba(0,0,0,0.08);border-radius:14px;overflow:hidden;}
.djpro-portal-row{display:grid;grid-template-columns:1.6fr 0.5fr 1fr;gap:10px;padding:8px 10px;align-items:center;border-top:1px solid rgba(0,0,0,0.06);} 
.djpro-portal-head{border-top:none;background:rgba(0,0,0,0.03);font-size:12px;font-weight:800;letter-spacing:0.3px;text-transform:uppercase;}
.djpro-portal-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;}
.djpro-actions-row{display:contents;}
.djpro-actions-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;}

/* Make portal buttons look clean and aligned (no overlaps) */
.djpro-actions-top{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;}
.djpro-actions-bottom{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;}
.djpro-actions-top > *, .djpro-actions-bottom > *{width:auto;min-width:120px;text-align:center;box-sizing:border-box;}

/* Mobile UX: stack columns and avoid any overlap in the action buttons */
@media (max-width: 720px){
  .djpro-portal-row{grid-template-columns:1fr;align-items:stretch;gap:8px;}
  .djpro-portal-actions{align-items:stretch;}
  .djpro-actions-row{justify-content:flex-start;gap:8px;}
  .djpro-mini{padding:10px 12px!important;font-size:13px!important;}
}
.djpro-mini{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:10px 12px;
  min-height:40px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,0.12);
  background:transparent;
  cursor:pointer;
  font-weight:650;
  font-size:13px;
  line-height:1.1;
  text-decoration:none;
	  white-space:nowrap;
  text-align:center;
	  word-break:normal;
	  min-width:fit-content;
	  max-width:100%;
  box-sizing:border-box;
}
.djpro-primary{background:var(--djpro-accent,#ff7a1a);border-color:transparent;color:#fff;}
.djpro-danger{border-color:rgba(255,0,0,0.25);color:#b20000;}
.djpro-badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:0.3px;}
.djpro-badge-active{background:rgba(0,170,80,0.15);border:1px solid rgba(0,170,80,0.25);}
.djpro-badge-draft{background:rgba(0,120,255,0.12);border:1px solid rgba(0,120,255,0.22);}
.djpro-badge-archived{background:rgba(120,120,120,0.12);border:1px solid rgba(120,120,120,0.22);}
.djpro-portal-cta{margin-top:16px;display:flex;gap:10px;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(0,0,0,0.08);}

/* Modal */
.djpro-modal{position:fixed;inset:0;background:rgba(0,0,0,0.55);display:none;align-items:center;justify-content:center;padding:16px;z-index:9999;}
.djpro-modal.is-open{display:flex;}
.djpro-modal-card{width:100%;max-width:560px;background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,0.25);padding:16px;}
.djpro-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.djpro-modal-title{font-size:16px;font-weight:800;}
.djpro-modal-close{border:none;background:transparent;font-size:24px;line-height:1;cursor:pointer;padding:6px 10px;border-radius:10px;}
.djpro-modal-close:hover{background:rgba(0,0,0,0.05);}
.djpro-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px;}

/* Swap modal list */
.djpro-swap-list{display:flex;flex-direction:column;gap:10px;margin-top:14px;}
.djpro-swap-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(0,0,0,0.08);border-radius:12px;background:#fff;cursor:pointer;}
.djpro-swap-row input{margin:0;}
.djpro-swap-name{font-weight:600;}
.djpro-swap-meta{opacity:0.7;font-size:13px;}
.djpro-portal-btn-ghost{background:transparent;color:#111;border:1px solid rgba(0,0,0,0.12);}
.djpro-form-2{display:grid;grid-template-columns:1fr;gap:10px;}
@media (min-width:640px){ .djpro-form-2{grid-template-columns:1fr 1fr;} }


/* --- Dark mode final overrides (ensure readable text) --- */
@media (prefers-color-scheme: dark) {
  .djpro-portal, .djpro-portal * { color-scheme: dark; }
  .djpro-portal-muted { color: rgba(255,255,255,0.72) !important; }
  .djpro-portal-card { border-color: rgba(255,255,255,0.08) !important; }
  .djpro-portal-input, .djpro-portal-select, .djpro-portal-textarea {
    background: rgba(255,255,255,0.06) !important;
    border-color: rgba(255,255,255,0.10) !important;
    color: rgba(255,255,255,0.92) !important;
  }
  .djpro-portal-input::placeholder { color: rgba(255,255,255,0.45) !important; }
}