/* Fase 3 (2026-10-02) — estilos propios de las pantallas del área "account". */

/* ── Perfil: avisos en línea (confirmar / cambios sin guardar) y paneles ─────────────── */
.pf-panel { margin-top: 16px; }
.pf-loading { padding: 24px; text-align: center; }
.pf-inline-confirm { margin-top: 16px; }
.pf-inline-confirm p { margin: 0 0 10px; font-weight: 600; }
.pf-inline-confirm__actions { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 600px) {
  .pf-inline-confirm__actions .lt-btn { flex: 1 1 100%; justify-content: center; }
}

/* ── Equipo / Sucursales: utilidades que antes eran style="" ─────────────────────────── */
.lt-form-actions--tight { margin-top: 4px; }
.lt-alert--spaced { margin-top: 16px; }
.acc-back-link { margin-top: 12px; }
.acc-empty-icon { font-size: 2rem; margin-bottom: 8px; opacity: .4; }
.acc-empty-cta { margin-top: 12px; }
.acc-row-icon { font-size: 18px; }
.acc-title-center { flex: 1; text-align: center; }
.acc-form-stack { display: flex; flex-direction: column; gap: 16px; }
.lt-client-row__actions .acc-toggle-btn { width: auto; padding: 0 10px; gap: 6px; }
.lt-client-row__actions .acc-toggle-btn span:not(.lt-spinner) { font-size: 12px; font-weight: 600; }

/* ── Manual ───────────────────────────────────────────────────────────────────────────── */
.mi-art { display: contents; }                    /* envuelve el dibujo (aria-hidden) sin cambiar el diseño */
.man-result__chapter { font-size: 12px; color: var(--lt-primary); }
@media (pointer: coarse), (max-width: 768px) {
  .man-toc__item { min-height: 44px; }
}

/* ── Legales (/privacidad, /terminos, /mis-datos) ────────────────────────────────────── */
.lt-legal-toc__title {
  font-size: 13px; font-weight: 700; color: var(--lt-text-muted);
  text-transform: uppercase; letter-spacing: .06em; margin: 0 0 12px;
}
.lt-legal-page { max-width: 70ch; line-height: 1.65; }
.lt-legal-header, .lt-legal-toc, .lt-legal-section { max-width: 70ch; }
.lt-legal-section[id], .lt-legal-section [id], .lt-legal-section h2 { scroll-margin-top: 80px; }
.lt-legal-section a, .lt-legal-toc a { text-decoration: underline; text-underline-offset: 2px; }
.lt-legal-toc a { display: inline-block; padding: 4px 0; }
@media (max-width: 768px) {
  .lt-legal-page { font-size: 16px; padding: 28px 16px 64px; }
  .lt-legal-toc a { font-size: 15px; min-height: 44px; display: inline-flex; align-items: center; }
  .lt-legal-section h2 { font-size: 18px; }
  .lt-legal-section h3 { font-size: 16px; }
}

/* ── /mis-datos (ARCO) ───────────────────────────────────────────────────────────────── */
.acc-arco-legalnote { font-size: 12px; color: var(--lt-text-muted); margin-top: 4px; }
.acc-arco-actions-top { margin-top: 8px; }
.acc-arco-group { margin-bottom: 14px; }
.acc-arco-group--lg { margin-bottom: 20px; }
.acc-arco-optional { font-weight: 400; color: var(--lt-text-muted); }
.acc-arco-hint { font-size: 12px; color: var(--lt-text-muted); }
.acc-arco-history { margin-top: 8px; }
.acc-arco-drawer-icon { font-size: 26px; }
.acc-arco-btnrow { display: flex; gap: 10px; }
.acc-arco-btn--cancel { flex: 1; }
.acc-arco-btn--send { flex: 2; }
.acc-arco-warn { display: flex; gap: 8px; align-items: flex-start; margin-bottom: 14px; font-size: 13px; font-weight: 500; }
.acc-arco-warn i { font-size: 18px; flex-shrink: 0; margin-top: 1px; }
.acc-arco-need { color: #92400e; font-weight: 600; }
.lt-arco-type-chip { min-height: 44px; }
.lt-arco-right-card__art { font-size: 12px; }

.acc-sk-icon { width: 36px; height: 36px; border-radius: 10px; }
.acc-sk-col { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.acc-sk-line1 { width: 40%; height: 12px; border-radius: 6px; }
.acc-sk-line2 { width: 70%; height: 10px; border-radius: 6px; }
.acc-sk-pill { width: 80px; height: 24px; border-radius: 20px; }

/* Color de cada derecho (todos con contraste AA sobre blanco) */
.acc-tone--access        { --card-color: #0e7490; }
.acc-tone--rectification { --card-color: #1d4ed8; }
.acc-tone--deletion      { --card-color: #b91c1c; }
.acc-tone--opposition    { --card-color: #b45309; }
.acc-tone--portability   { --card-color: #047857; }
.acc-tone--suspension    { --card-color: #6d28d9; }
.acc-tone--information   { --card-color: #475569; }
.acc-tone--noautomation  { --card-color: #be185d; }
.acc-arco-tint {
  background: color-mix(in srgb, var(--card-color, var(--lt-primary)) 12%, transparent);
  color: var(--card-color, var(--lt-primary));
}