/* SMARTCARD PRO MAX V2.6.8.4.99 · Panel de administración reorganizado
   Solo modifica la interfaz del editor. No altera la tarjeta pública ni sus datos. */

body.smartcard-admin-v98 .editor-panel{
  background:
    radial-gradient(circle at 18% 0%, rgba(239,68,68,.075), transparent 26%),
    linear-gradient(180deg,#11151d 0%,#0d1118 46%,#0a0e14 100%) !important;
  border-right:1px solid rgba(148,163,184,.13);
  padding-bottom:112px !important;
  scrollbar-color:#394456 #0c1118;
}
body.smartcard-admin-v98 .editor-brand,
body.smartcard-admin-v98 .editor-heading{
  position:relative;
  z-index:1;
}
body.smartcard-admin-v98 .editor-section{
  margin:0 0 14px;
  padding:18px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(24,31,43,.95),rgba(14,20,29,.96));
  box-shadow:0 9px 30px rgba(0,0,0,.16);
}
body.smartcard-admin-v98 .editor-section:hover{
  border-color:rgba(148,163,184,.21);
}
body.smartcard-admin-v98 .editor-section > h2,
body.smartcard-admin-v98 .editor-section .section-title-row h2,
body.smartcard-admin-v98 .editor-section .visibility-heading h2,
body.smartcard-admin-v98 .v98-section-title{
  margin:0 0 13px;
  color:#ff5364 !important;
  font-size:12px !important;
  line-height:1.2;
  font-weight:900 !important;
  letter-spacing:.105em;
  text-transform:uppercase;
}
body.smartcard-admin-v98 .editor-section > h2::after,
body.smartcard-admin-v98 .editor-section .section-title-row h2::after,
body.smartcard-admin-v98 .editor-section .visibility-heading h2::after,
body.smartcard-admin-v98 .v98-section-title::after{
  content:'';
  display:block;
  width:42px;
  height:2px;
  margin-top:8px;
  border-radius:999px;
  background:linear-gradient(90deg,#ff5364,rgba(255,83,100,.12));
}
body.smartcard-admin-v98 .editor-field > span,
body.smartcard-admin-v98 .upload-field > span,
body.smartcard-admin-v98 .logo-range-field > span,
body.smartcard-admin-v98 .color-grid span{
  color:#d6deea;
}
body.smartcard-admin-v98 .editor-field input,
body.smartcard-admin-v98 .editor-field textarea,
body.smartcard-admin-v98 .editor-field select,
body.smartcard-admin-v98 .additional-phone-item input,
body.smartcard-admin-v98 .additional-whatsapp-item input{
  background:#0b1119 !important;
  border-color:rgba(148,163,184,.19) !important;
}
body.smartcard-admin-v98 .editor-field input:focus,
body.smartcard-admin-v98 .editor-field textarea:focus,
body.smartcard-admin-v98 .editor-field select:focus{
  border-color:rgba(255,83,100,.58) !important;
  box-shadow:0 0 0 3px rgba(255,83,100,.08);
}

/* Separadores de flujo */
body.smartcard-admin-v98 .v98-flow-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:19px 0 11px;
  padding:10px 13px;
  border:1px solid rgba(255,83,100,.18);
  border-radius:13px;
  color:#ffd8dc;
  background:rgba(127,29,29,.13);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body.smartcard-admin-v98 .v98-flow-banner small{
  color:#9aa8bb;
  font-size:8px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:none;
}
body.smartcard-admin-v98 .v98-admin-banner{
  border-color:rgba(96,165,250,.17);
  color:#dbeafe;
  background:rgba(30,64,175,.10);
}

/* Secciones creadas exclusivamente para ordenar los controles existentes */
body.smartcard-admin-v98 .v98-created-section{
  scroll-margin-top:16px;
}
body.smartcard-admin-v98 .v98-section-note{
  margin:-4px 0 13px;
  color:#8f9db0;
  font-size:9px;
  line-height:1.45;
}
body.smartcard-admin-v98 .v98-inline-subtitle{
  margin:14px 0 9px;
  padding-top:12px;
  border-top:1px solid rgba(148,163,184,.11);
  color:#fda4af;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Acordeones compactos */
body.smartcard-admin-v98 .v98-collapsible-section{
  padding:0;
  overflow:hidden;
}
body.smartcard-admin-v98 .v98-collapsible-section > .v98-collapse-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-height:58px;
  padding:14px 16px;
  border:0;
  color:#ff5364;
  background:transparent;
  text-align:left;
}
body.smartcard-admin-v98 .v98-collapse-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
body.smartcard-admin-v98 .v98-collapse-copy strong{
  color:#ff5364;
  font-size:11px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
body.smartcard-admin-v98 .v98-collapse-copy small{
  color:#8998aa;
  font-size:8.5px;
  font-weight:650;
  line-height:1.3;
  letter-spacing:0;
  text-transform:none;
}
body.smartcard-admin-v98 .v98-collapse-icon{
  flex:0 0 32px;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,83,100,.22);
  border-radius:10px;
  color:#fecdd3;
  background:rgba(255,83,100,.07);
  font-size:15px;
  transition:transform .18s ease,background .18s ease;
}
body.smartcard-admin-v98 .v98-collapsible-section:not(.is-collapsed) .v98-collapse-icon{
  transform:rotate(180deg);
  background:rgba(255,83,100,.12);
}
body.smartcard-admin-v98 .v98-collapse-body{
  display:grid;
  gap:0;
  padding:0 16px 16px;
  border-top:1px solid rgba(148,163,184,.10);
}
body.smartcard-admin-v98 .v98-collapsible-section.is-collapsed .v98-collapse-body{
  display:none !important;
}
body.smartcard-admin-v98 .v98-original-heading{
  display:none !important;
}
body.smartcard-admin-v98 .v98-collapse-close{
  width:100%;
  min-height:38px;
  margin-top:12px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:11px;
  color:#cbd5e1;
  background:#111925;
  font-size:9px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}
body.smartcard-admin-v98 .v98-collapse-close:hover{
  border-color:rgba(255,83,100,.32);
  color:#fecdd3;
}

/* Botón flotante de guardado */
body.smartcard-admin-v98 .v98-floating-save{
  position:fixed;
  z-index:2147482000;
  bottom:max(16px,env(safe-area-inset-bottom));
  width:min(322px,calc(100vw - 24px));
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:52px;
  padding:10px 16px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:17px;
  color:white;
  background:linear-gradient(135deg,#c81e36,#ef3e56);
  box-shadow:0 18px 45px rgba(0,0,0,.42),0 0 0 1px rgba(239,68,68,.10);
  font-size:11px;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
  transition:transform .16s ease,filter .16s ease,background .16s ease;
}
body.smartcard-admin-v98 .v98-floating-save:hover{filter:brightness(1.08);transform:translateY(-1px)}
body.smartcard-admin-v98 .v98-floating-save:active{transform:translateY(1px)}
body.smartcard-admin-v98 .v98-floating-save .v98-save-icon{font-size:17px}
body.smartcard-admin-v98 .v98-floating-save .v98-save-copy{display:grid;gap:1px;text-align:left;line-height:1.1}
body.smartcard-admin-v98 .v98-floating-save .v98-save-copy small{
  color:rgba(255,255,255,.74);
  font-size:7.5px;
  font-weight:750;
  letter-spacing:.02em;
  text-transform:none;
}
body.smartcard-admin-v98 .v98-floating-save.is-dirty{
  background:linear-gradient(135deg,#b42336,#ef4444);
  box-shadow:0 18px 45px rgba(0,0,0,.42),0 0 0 3px rgba(239,68,68,.12);
}
body.smartcard-admin-v98 .v98-floating-save.is-saving{background:linear-gradient(135deg,#075985,#0891b2)}
body.smartcard-admin-v98 .v98-floating-save.is-saved{background:linear-gradient(135deg,#166534,#16a34a)}
body.smartcard-admin-v98 .v98-floating-save.is-warning{background:linear-gradient(135deg,#92400e,#d97706)}

/* Barra indicadora de progreso del llenado */
body.smartcard-admin-v98 .v98-flow-index{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin:0 0 15px;
}
body.smartcard-admin-v98 .v98-flow-index button{
  min-width:0;
  padding:8px 6px;
  border:1px solid rgba(148,163,184,.13);
  border-radius:10px;
  color:#9ba9bb;
  background:rgba(15,23,42,.68);
  font-size:7.5px;
  font-weight:800;
  line-height:1.15;
}
body.smartcard-admin-v98 .v98-flow-index button:hover{
  color:#fecdd3;
  border-color:rgba(255,83,100,.28);
}

/* Móvil: editor abajo; guardar ocupa casi todo el ancho y no tapa campos. */
@media(max-width:900px){
  body.smartcard-admin-v98 .editor-panel{padding-bottom:118px !important}
  body.smartcard-admin-v98 .v98-floating-save{
    left:12px !important;
    right:12px !important;
    width:auto !important;
    bottom:max(10px,env(safe-area-inset-bottom));
  }
  body.smartcard-admin-v98 .v98-flow-index{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  body.smartcard-admin-v98 .editor-section{padding:15px;border-radius:16px}
  body.smartcard-admin-v98 .v98-collapsible-section{padding:0}
  body.smartcard-admin-v98 .v98-flow-banner{align-items:flex-start;flex-direction:column;gap:3px}
  body.smartcard-admin-v98 .v98-collapse-head{padding:13px 14px}
  body.smartcard-admin-v98 .v98-collapse-body{padding:0 14px 14px}
}
@media(max-width:900px){
  body.smartcard-admin-v98 .v98-floating-save.is-mobile-hidden{
    opacity:0;
    pointer-events:none;
    transform:translateY(12px);
  }
}

/* V2.6.8.4.104 · avisos siempre visibles sobre el botón flotante de guardado */
body.smartcard-admin-v98 .toast{
  z-index:2147483000 !important;
  bottom:calc(86px + env(safe-area-inset-bottom, 0px)) !important;
  white-space:normal;
  line-height:1.35;
  text-align:center;
}
@media(max-width:900px){
  body.smartcard-admin-v98 .toast{
    bottom:calc(82px + env(safe-area-inset-bottom, 0px)) !important;
    max-width:calc(100vw - 28px);
  }
}