/* cuenta.css — sólo lo propio de ep-cuenta; lo demás viene de ep-suite/assets/suite.css */

.cta{ --eps-tone:var(--eps-accent); --eps-tone-dark:var(--eps-accent-dark); --eps-tone-soft:var(--eps-accent-soft); }
.cta .eps-login-sub strong{ color:var(--eps-ink); font-weight:600; word-break:break-all; }

/* Código de 6 dígitos: un solo input (funciona con el autollenado de iOS/Android) */
.cta-codigo-label{ display:block; margin-bottom:6px; font-size:12px; font-weight:600; }
.cta-codigo{
  display:block; width:100%; height:62px; margin-bottom:14px; padding:0 0 0 .55em; border:1px solid var(--eps-panel-border);
  border-radius:12px; background:#FDFCFA; color:var(--eps-ink); text-align:center;
  font:700 30px/1 ui-monospace, Menlo, Consolas, monospace; letter-spacing:.55em; font-variant-numeric:tabular-nums;
}
.cta-codigo::placeholder{ color:#D8D3C8; }
.cta-codigo:focus{ outline:none; border-color:var(--eps-accent); box-shadow:0 0 0 3px rgba(225,91,45,.15); }

.cta-acciones{ display:flex; justify-content:center; align-items:center; gap:8px; flex-wrap:wrap; }
.cta-acciones form{ margin:0; }

.cta-o{ display:flex; align-items:center; gap:10px; margin:18px 0; color:var(--eps-ink-faint); font-size:11.5px; }
.cta-o::before, .cta-o::after{ content:""; flex:1; height:1px; background:var(--eps-line); }

/* Tu cuenta: lista de herramientas */
.cta-apps{ list-style:none; margin:0 0 18px; padding:0; display:flex; flex-direction:column; gap:8px; }
.cta-apps a{
  display:flex; align-items:center; gap:12px; padding:11px 12px; border:1px solid var(--eps-line); border-radius:12px;
  color:var(--eps-ink); text-decoration:none; transition:border-color .16s, background .16s;
}
.cta-apps a:hover{ border-color:var(--eps-tone, var(--eps-accent)); background:var(--eps-tone-soft, #FDFCFA); }
.cta-apps .eps-app-badge{ flex-shrink:0; }
.cta-app-txt{ display:flex; flex-direction:column; min-width:0; }
.cta-app-txt strong{ font-size:14px; font-weight:700; }
.cta-app-txt small{ font-size:12px; color:var(--eps-ink-soft); }
.cta-apps a > .eps-ico:last-child{ margin-left:auto; width:16px; height:16px; stroke:var(--eps-ink-faint); }
.cta-salir{ margin-top:4px; }