/* Fortuna Store · Mi cuenta · WhatsApp/identidad
   B4.4.3: la tarjeta usa el mismo lenguaje visual de Seguridad/Avisos/Preferencias. */

.customer-identity-modern{
  position:relative;
  overflow:visible;
  padding:15px !important;
  border:1px solid var(--ca-border) !important;
  border-radius:15px !important;
  background:var(--ca-card2) !important;
  display:grid;
  gap:12px;
  margin:0 !important;
}

/* B4.3.2 tenía una franja amarilla propia; se elimina para que no parezca otro módulo. */
.customer-identity-modern::before{content:none !important;display:none !important}

.customer-identity-modern__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:0;
  border:0;
}
.customer-identity-modern__header>div{min-width:0}
.customer-identity-modern__kicker{
  display:block;
  margin:0;
  color:var(--ca-gold);
  font-size:.70rem;
  font-weight:850;
  letter-spacing:.08em;
}
.customer-identity-modern__header h3{
  margin:2px 0 0;
  color:var(--ca-text);
  font-size:.95rem;
  line-height:1.3;
}
.customer-identity-modern__icon{flex:0 0 auto}

.customer-identity-modern__body{
  display:grid;
  gap:12px;
  padding:0;
}
.customer-identity-modern__status{
  margin:0;
  color:var(--ca-muted);
  font-size:.76rem;
  line-height:1.45;
  opacity:1;
}

.customer-identity-modern__actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:0;
  padding-top:10px;
  border-top:1px solid var(--ca-border);
}
.customer-identity-modern__actions button,
.customer-identity-modern__actions a{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 11px;
  border:1px solid var(--ca-border) !important;
  border-radius:9px;
  background:var(--ca-card) !important;
  color:var(--ca-text) !important;
  font:inherit;
  font-size:.76rem;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
  cursor:pointer;
  transition:border-color .15s ease,color .15s ease,background .15s ease;
}
.customer-identity-modern__actions button:hover:not(:disabled),
.customer-identity-modern__actions a:hover{
  transform:none;
  border-color:color-mix(in srgb,var(--ca-gold) 35%,var(--ca-border)) !important;
  color:var(--ca-gold) !important;
  background:color-mix(in srgb,var(--ca-card) 96%,var(--ca-gold) 4%) !important;
}
.customer-identity-modern__actions button:focus-visible,
.customer-identity-modern__actions a:focus-visible{
  outline:2px solid var(--ca-gold);
  outline-offset:2px;
}
.customer-identity-modern__actions button:disabled,
.customer-identity-modern__actions a[aria-disabled="true"]{
  cursor:not-allowed;
  opacity:.55;
}

/* Primario/secundario/WhatsApp conservan su función, pero ya no usan colores propios. */
.customer-identity-modern__primary,
.customer-identity-modern__secondary,
.customer-identity-modern__whatsapp{
  background:var(--ca-card) !important;
  border-color:var(--ca-border) !important;
  color:var(--ca-text) !important;
}

.customer-identity-modern__note{
  display:flex !important;
  align-items:flex-start;
  gap:8px;
  margin:0;
  padding-top:10px;
  border-top:1px solid var(--ca-border);
  color:var(--ca-muted);
  font-size:.73rem;
  line-height:1.45;
  opacity:1;
}

@media(max-width:640px){
  .customer-identity-modern{padding:15px !important}
  .customer-identity-modern__actions{align-items:stretch}
  .customer-identity-modern__actions button,
  .customer-identity-modern__actions a{width:100%}
}
/* WhatsApp compacto y mensajes que se distinguen del texto explicativo. */
.customer-identity-modern{gap:8px;padding:12px!important}
.customer-identity-modern__header h3{margin:0;font-size:.95rem}
.customer-identity-modern__header small{display:block;margin-top:3px;color:var(--ca-muted);font-size:.75rem}
.customer-identity-modern__body{gap:8px}
.customer-identity-modern__status{font-size:.82rem;line-height:1.4;padding:8px 10px;border:1px solid var(--ca-border);border-radius:9px;background:var(--ca-card)}
.customer-identity-modern__status[data-kind="error"]{color:#ffb9c0;border-color:rgba(255,95,115,.65);background:rgba(255,95,115,.12);font-weight:800}
.customer-identity-modern__status[data-kind="ok"]{color:#a9f3c1;border-color:rgba(60,210,110,.48);background:rgba(60,210,110,.09);font-weight:800}
.customer-identity-modern details{margin:2px 0}.customer-identity-modern .identity-form{gap:9px;margin-top:10px}.customer-identity-modern .identity-form label{gap:4px;font-size:.8rem}.customer-identity-modern .identity-form p{margin:0;font-size:.75rem}.customer-identity-modern__actions{padding-top:7px}
.customer-code-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(460px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);overflow:auto;border:1px solid var(--ca-border);border-radius:15px;background:var(--ca-card,#202025);color:var(--ca-text,#fff);padding:0}
.customer-code-dialog::backdrop{background:rgba(0,0,0,.7)}.customer-code-dialog__content{padding:20px;display:grid;gap:12px}.customer-code-dialog h2,.customer-code-dialog p{margin:0}.customer-code-dialog p,.customer-code-dialog small{color:var(--ca-muted);line-height:1.5;font-size:.82rem}
.customer-code-dialog__code{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid var(--ca-border);border-radius:9px}.customer-code-dialog__code code{flex:1;font-size:1.1rem;font-weight:850;user-select:all;overflow-wrap:anywhere}.customer-code-dialog__actions{display:flex;gap:7px;flex-wrap:wrap}
.customer-code-dialog button,.customer-code-dialog a,.customer-telegram-placeholder button{border:1px solid var(--ca-border);border-radius:8px;background:var(--ca-card2);color:var(--ca-text);font:inherit;font-weight:750;padding:8px 10px;min-height:38px;text-decoration:none;cursor:pointer}.customer-telegram-placeholder{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--ca-border);padding-top:10px;margin-top:10px}.customer-telegram-placeholder span{display:grid;gap:2px}.customer-telegram-placeholder small{color:var(--ca-muted)}.customer-telegram-placeholder button{opacity:.65;cursor:default}
@media(max-width:640px){.customer-identity-modern{padding:12px!important}.customer-identity-modern__actions button{width:auto}.customer-code-dialog__actions a,.customer-code-dialog__actions button{flex:1;text-align:center}.customer-telegram-placeholder{flex-wrap:wrap}}
.customer-code-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.customer-code-dialog__head h2{font-size:1.25rem;line-height:1.3}
.customer-code-dialog__head>button{flex-shrink:0;width:36px;padding:4px;font-size:1.25rem}
.customer-whatsapp-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}
.customer-whatsapp-summary h3{margin:0 0 5px;font-size:15px}
.customer-whatsapp-summary strong{display:block;font-size:14px;overflow-wrap:anywhere}
.customer-whatsapp-summary small{display:inline-block;margin-top:5px;color:var(--color-text-muted,#a8a8b3);font-size:12px}
.customer-whatsapp-summary small[data-verified="true"]{color:#39c882}
.customer-whatsapp-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.customer-whatsapp-actions button{padding:7px 10px;border:1px solid var(--color-border,#383842);border-radius:8px;background:var(--color-surface-2,#202026);color:var(--color-text,#eee);font-size:12px;font-weight:700;cursor:pointer}
.customer-whatsapp-message{margin:10px 0 0;color:var(--color-text-muted,#a8a8b3);font-size:12px;line-height:1.5}
.customer-whatsapp-message[data-kind="error"]{padding:10px;border:1px solid #e6586860;border-radius:8px;background:#e6586815;color:#f16e7c;font-size:13px;font-weight:700}
.customer-whatsapp-message[data-kind="ok"]{color:#39c882}
.customer-whatsapp-dialog .customer-account-dialog-body{display:grid;gap:12px}
.customer-whatsapp-dialog .customer-account-dialog-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 24px)}
.customer-whatsapp-dialog .customer-account-dialog-body{overflow:auto;min-height:0}
.customer-whatsapp-dialog .customer-account-dialog-shell>header,.customer-whatsapp-dialog .customer-account-dialog-shell>footer{flex-shrink:0}
.customer-whatsapp-dialog .customer-primary-btn{background:var(--ca-gold);color:#111;border-color:var(--ca-gold)}
.customer-whatsapp-dialog label{display:grid;gap:6px;font-size:13px}
.customer-whatsapp-dialog input{width:100%;min-width:0;padding:11px;border:1px solid var(--color-border,#383842);border-radius:9px;background:var(--color-surface-2,#202026);color:var(--color-text,#eee);font:inherit}
.customer-whatsapp-dialog .customer-whatsapp-confirm{display:flex;align-items:flex-start;font-size:12px;line-height:1.5}
.customer-whatsapp-dialog .customer-whatsapp-confirm input{width:16px;height:16px;min-height:16px;padding:0;flex-shrink:0;margin-top:3px}
.customer-whatsapp-dialog p{font-size:12px;line-height:1.5}
:root[data-theme="light"] .customer-whatsapp-message[data-kind="error"]{color:#a52235}
:root[data-theme="light"] .customer-whatsapp-message[data-kind="ok"],:root[data-theme="light"] .customer-whatsapp-summary small[data-verified="true"]{color:#16734b}
@media(max-width:480px){.customer-whatsapp-summary{align-items:flex-start;flex-wrap:wrap}.customer-whatsapp-actions{justify-content:flex-start}}

/* 20261009 · Contacto y acciones visibles sin alterar el flujo de verificación. */
.customer-whatsapp-summary{display:block}
.customer-whatsapp-summary h3{font-size:17px}
.customer-whatsapp-summary strong{font-size:16px}
.customer-whatsapp-summary small{font-size:14px}
.customer-whatsapp-actions{justify-content:flex-start;gap:8px;padding-top:8px;border-top:1px solid var(--ca-border)}
.customer-whatsapp-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;font:inherit;font-size:14px;font-weight:800;padding:9px 13px}
.customer-whatsapp-actions .customer-whatsapp-verify{background:#25d366;color:#092a17;border-color:#25d366}
.customer-whatsapp-actions svg{flex-shrink:0}
.customer-whatsapp-actions button:focus-visible{outline:2px solid var(--ca-gold);outline-offset:3px}
.customer-whatsapp-actions button:disabled{opacity:.6;cursor:default}
.customer-whatsapp-message{font-size:14px;line-height:1.5}
@media(max-width:480px){.customer-whatsapp-actions [data-verify-phone]{order:-1;width:100%}.customer-whatsapp-actions [data-edit-phone]{flex:1}}