/* 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%}
}