/* Mi cuenta: superficies opacas y navegación visible en escritorio y celular. */
.cuenta-shell,.cuenta-dialog { color:var(--text);font-family:inherit; }
.cuenta-shell {
  --cuenta-card:color-mix(in srgb,var(--panel) 96%,var(--text));
  --cuenta-muted:color-mix(in srgb,var(--text) 20%,var(--muted));
  background:var(--panel);border:1px solid var(--border);border-radius:var(--radius,18px);
  padding:28px;margin:0 0 24px;min-width:0;isolation:isolate;
}
.cuenta-shell [hidden],.cuenta-dialog [hidden] { display:none!important; }
.cuenta-heading { padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--border); }
.cuenta-heading h1 { font-size:27px;letter-spacing:-.6px;line-height:1.25;margin:6px 0 8px;color:var(--text); }
.cuenta-mobile-title { display:none; }
.cuenta-muted { color:var(--cuenta-muted,var(--muted));font-size:14px;line-height:1.6; }
.cuenta-heading .cuenta-muted { margin:0; }
.cuenta-crumb { color:var(--cuenta-muted,var(--muted));font-size:12px;font-weight:600; }
.cuenta-layout { display:grid;grid-template-columns:204px minmax(0,1fr);gap:24px; }
.cuenta-content { min-width:0;padding-left:24px;border-left:1px solid var(--border); }
.cuenta-nav { display:flex;flex-direction:column;gap:7px;align-self:start; }
.cuenta-nav button {
  position:relative;display:flex;align-items:center;gap:10px;text-align:left;
  border:1px solid transparent;background:var(--panel);color:var(--cuenta-muted,var(--muted));
  padding:11px 10px;border-radius:12px;font:inherit;font-size:13px;font-weight:600;
  cursor:pointer;min-height:50px;transition:background .18s,border-color .18s,color .18s,transform .15s;
}
.cuenta-nav button:hover { background:var(--cuenta-card);color:var(--text); }
.cuenta-nav button:active { transform:scale(.98); }
.cuenta-nav button[aria-current=page] {
  border-color:color-mix(in srgb,var(--accent) 45%,var(--border));
  background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--text);font-weight:800;
}
.cuenta-nav-icon { display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:9px;background:var(--cuenta-card);color:var(--cuenta-muted,var(--muted)); }
.cuenta-nav-icon svg { width:18px;height:18px; }
.cuenta-nav button[aria-current=page] .cuenta-nav-icon { background:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--accent); }
.cuenta-nav-label { min-width:0;line-height:1.35; }
.cuenta-nav-mark { display:none;position:absolute;right:8px;top:8px;width:5px;height:5px;background:var(--accent);border-radius:50%; }
.cuenta-panel { min-width:0; }
.cuenta-panel:not([hidden]) { animation:cuenta-open .18s ease-out; }
.cuenta-panel h2 { color:var(--text);font-size:20px;line-height:1.3;margin:0 0 5px; }
.cuenta-panel-title { margin-bottom:20px; }
.cuenta-panel-title .cuenta-muted { margin:5px 0 0; }
.cuenta-box { padding:22px;background:var(--cuenta-card);border:1px solid var(--border);border-radius:16px;margin:0 0 16px; }
.cuenta-box h3 { color:var(--text);margin:0 0 5px;font-size:15px;line-height:1.4; }
.cuenta-card-heading { display:flex;align-items:center;gap:11px;margin-bottom:12px; }
.cuenta-card-heading h3 { margin:0;font-size:16px; }
.cuenta-card-icon { display:flex;align-items:center;justify-content:center;flex-shrink:0;width:35px;height:35px;border-radius:10px;background:var(--panel);color:var(--cuenta-muted,var(--muted));border:1px solid var(--border); }
.cuenta-protection { border-color:color-mix(in srgb,var(--accent) 25%,var(--border)); }
.cuenta-protection .cuenta-card-icon { color:var(--accent); }
.cuenta-account-email { color:var(--text);font-size:14px;margin:0 0 4px;overflow-wrap:anywhere; }
.cuenta-security-card>.cuenta-muted { margin:12px 0 0; }
.cuenta-security-card .cuenta-status { margin-top:0; }
.cuenta-row { display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--border); }
.cuenta-row:first-child { padding-top:0; }
.cuenta-row:last-child { border:0;padding-bottom:0; }
.cuenta-row>div { min-width:0;overflow-wrap:anywhere; }
.cuenta-actions { display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px; }
.cuenta-button { appearance:none;padding:11px 16px;min-height:44px;border:1px solid var(--border);border-radius:11px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .18s,box-shadow .18s,transform .12s;-webkit-tap-highlight-color:transparent; }
.cuenta-button:hover { background:color-mix(in srgb,var(--text) 6%,var(--panel));border-color:color-mix(in srgb,var(--muted) 45%,var(--border)); }
.cuenta-button:active { transform:scale(.98); }
.cuenta-button-primary { background:var(--accent);border-color:var(--accent);color:#171717; }
.cuenta-button-primary:hover { background:var(--accent);border-color:var(--accent);filter:brightness(1.06); }
.cuenta-button-danger { color:var(--danger); }
.cuenta-button:disabled { opacity:.6;cursor:wait; }
.cuenta-grid { display:grid;grid-template-columns:1fr 1fr;gap:0 18px; }
.cuenta-field { display:flex;flex-direction:column;gap:8px;margin:16px 0;font-size:13px;font-weight:700;color:var(--text); }
.cuenta-field input,.cuenta-field select { font:inherit;font-weight:400;font-size:15px;width:100%;min-width:0;padding:13px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:11px; }
.cuenta-field input:focus,.cuenta-field select:focus,.cuenta-button:focus-visible,.cuenta-nav button:focus-visible { outline:2px solid var(--accent);outline-offset:3px; }
.cuenta-check { display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;font-size:13px;line-height:1.5;cursor:pointer; }
.cuenta-check input { appearance:none;position:relative;width:40px;height:24px;padding:0;margin:0;flex:none;border:1px solid var(--border);border-radius:30px;background:color-mix(in srgb,var(--muted) 22%,var(--panel));cursor:pointer;transition:background .18s,border-color .18s; }
.cuenta-check input::before { content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text);opacity:.8;transition:transform .18s; }
.cuenta-check input:checked { background:var(--accent);border-color:var(--accent); }
.cuenta-check input:checked::before { transform:translateX(16px);background:#fff;opacity:1; }
.cuenta-check input:focus-visible { outline:2px solid var(--accent);outline-offset:3px; }
.cuenta-check+.cuenta-check { border-top:1px solid var(--border); }
.cuenta-status { display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 10px;border:1px solid color-mix(in srgb,var(--ok,#168044) 25%,var(--border));border-radius:8px;font-size:12px;font-weight:700;line-height:1.5;background:color-mix(in srgb,var(--ok,#168044) 10%,var(--cuenta-card,var(--panel)));color:var(--text);margin-top:9px; }
.cuenta-status::before { content:'';width:5px;height:5px;border-radius:50%;background:var(--ok,#168044);flex-shrink:0; }
.cuenta-status-warn { background:color-mix(in srgb,var(--warn,#a16520) 10%,var(--cuenta-card,var(--panel)));border-color:color-mix(in srgb,var(--warn,#a16520) 25%,var(--border)); }
.cuenta-status-warn::before { background:var(--warn,#a16520); }
.cuenta-feedback { margin:0 0 20px;padding:13px 15px;border:1px solid var(--border);border-left:3px solid var(--ok,#15803d);border-radius:11px;background:var(--cuenta-card);font-size:13px;line-height:1.6;overflow-wrap:anywhere; }
.cuenta-feedback:empty { display:none; }
.cuenta-feedback[data-error=true] { border-left-color:var(--danger); }
.cuenta-foot { color:var(--cuenta-muted,var(--muted));font-size:12px;line-height:1.6; }
.cuenta-recovery-help { display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:13px;border:1px solid var(--border);background:var(--cuenta-card);margin:0 0 18px; }
.cuenta-recovery-help>svg { flex-shrink:0;margin-top:2px;color:var(--cuenta-muted,var(--muted)); }
.cuenta-recovery-help h3 { color:var(--text);font-size:14px;margin:0 0 5px; }
.cuenta-recovery-help p { color:var(--cuenta-muted,var(--muted));font-size:13px;line-height:1.6;margin:0; }
.cuenta-device { display:flex;flex-direction:column;gap:6px; }
.cuenta-device small { color:var(--cuenta-muted,var(--muted));font-size:12px;line-height:1.5; }
.cuenta-dialog { width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--border);border-radius:20px;background:var(--panel);padding:25px;box-shadow:0 18px 80px rgba(0,0,0,.3); }
.cuenta-dialog::backdrop { background:rgba(12,9,20,.6);backdrop-filter:blur(3px); }
.cuenta-dialog[open] { animation:cuenta-open .16s ease-out; }
.cuenta-dialog h2 { font-size:21px;margin:0 0 9px;letter-spacing:-.4px;line-height:1.3; }
.cuenta-dialog form { margin:0; }
.cuenta-error { color:var(--danger);font-size:13px;line-height:1.5;margin:12px 0; }
.cuenta-error:empty { display:none; }
.cuenta-methods { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0; }
.cuenta-methods-single { grid-template-columns:1fr; }
.cuenta-methods label { border:1px solid var(--border);padding:15px;border-radius:12px;display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14px; }
.cuenta-methods label:has(input:checked) { border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--panel)); }
.cuenta-methods input { width:auto;margin-top:3px;accent-color:var(--accent); }
.cuenta-methods small { display:block;color:var(--cuenta-muted,var(--muted));font-size:12px;line-height:1.5;margin-top:5px; }
.cuenta-qr { display:block;width:220px;max-width:100%;height:auto;margin:18px auto;border-radius:10px; }
.cuenta-secret,.cuenta-codes { font:14px/1.8 ui-monospace,monospace;overflow-wrap:anywhere; }
.cuenta-secret { background:var(--panel-2,var(--bg));padding:11px;border-radius:9px; }
.cuenta-codes { display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:13px;background:var(--panel-2,var(--bg));border-radius:11px;margin:18px 0; }
.cuenta-link { color:var(--text);text-decoration:underline;text-underline-offset:3px;font-size:13px; }
.cuenta-login-help { margin-top:13px; }
.cuenta-panel #viewTelegram { padding:0!important;border:0;box-shadow:none;background:transparent; }
.cuenta-panel #viewTelegram>h3 { display:none!important; }
.cuenta-panel #viewTelegram .tg-card { background:var(--cuenta-card);border-color:var(--border); }
.cuenta-panel #viewTelegram .tg-card-description { color:var(--cuenta-muted,var(--muted)); }
.cuenta-instant { display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:36px;padding:6px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--muted);font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .15s;-webkit-tap-highlight-color:transparent; }
.cuenta-instant:hover { color:var(--text);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--panel)); }
.cuenta-instant:active { transform:scale(.97); }
.cuenta-instant:focus-visible,.cuenta-login-back:focus-visible { outline:2px solid var(--accent);outline-offset:3px; }
.cuenta-instant[aria-pressed=true] { color:var(--text);border-color:color-mix(in srgb,var(--accent) 65%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--panel));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent); }
.cuenta-instant-icon { flex-shrink:0; }
.cuenta-instant[aria-pressed=true] .cuenta-instant-icon { color:var(--accent);fill:color-mix(in srgb,var(--accent) 16%,transparent); }
.cuenta-instant-switch { position:relative;width:28px;height:17px;border-radius:20px;background:color-mix(in srgb,var(--muted) 25%,var(--panel));transition:background .2s; }
.cuenta-instant-switch svg { position:absolute;left:3px;top:3px;width:11px;height:11px;padding:1px;border-radius:50%;background:var(--panel);fill:none;stroke:transparent;stroke-width:2;transition:transform .2s,stroke .2s; }
.cuenta-instant[aria-pressed=true] .cuenta-instant-switch { background:var(--accent); }
.cuenta-instant[aria-pressed=true] .cuenta-instant-switch svg { transform:translateX(11px);stroke:var(--accent); }
.cuenta-filter-status { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
#loginCredentials[hidden],#cuentaLoginAccess[hidden],#cuentaLoginAccess [hidden] { display:none!important; }
#cuentaLoginAccess { animation:cuenta-open .2s ease-out; }
.cuenta-login-title { font-size:19px;line-height:1.35;margin:18px 0 8px;outline:none; }
.cuenta-login-description { font-size:14px;line-height:1.6;margin:0 0 20px; }
.cuenta-login-label { display:block;margin-top:12px; }
.cuenta-login-note { font-size:12px;line-height:1.6;margin:14px 0; }
#cuentaAccessSubmit { width:100%;display:flex;align-items:center;justify-content:center;gap:10px; }
.cuenta-login-error { color:var(--danger);font-size:13px;line-height:1.5;margin-top:10px; }
.cuenta-login-back { display:inline-flex;align-items:center;gap:7px;margin-top:18px;padding:4px 0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;transition:color .15s; }
.cuenta-login-back:hover { color:var(--text); }
.cuenta-login-success { display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2,var(--panel));font-size:13px;line-height:1.6;animation:cuenta-open .2s ease-out; }
.cuenta-login-success>svg { flex-shrink:0;color:var(--accent);margin-top:2px; }
.cuenta-login-success strong { font-size:15px;color:var(--text); }
.cuenta-login-success p { color:var(--muted);margin:5px 0 0; }
.delivery-card-v2[data-copy-preferred=instructions] .dc2-copy-all--second { border-color:var(--accent);box-shadow:0 0 0 1px var(--accent); }
/* Catálogo y compras: todo a la vista, sin desplegables. Se guarda solo. */
.cuenta-box-top { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px; }
.cuenta-box-top h3 { margin:0; }
.cuenta-box-sub { margin:4px 0 14px;font-size:13px; }
.cuenta-box-sep { height:1px;background:var(--border);margin:20px 0 18px; }
.cuenta-prefs>h3 { margin:0; }
.cuenta-autosave { display:inline-flex;align-items:center;gap:5px;min-height:22px;font-size:12px;font-weight:700;color:var(--cuenta-muted,var(--muted));opacity:0;transition:opacity .2s; }
.cuenta-autosave:not(:empty) { opacity:1; }
.cuenta-autosave svg { width:14px;height:14px;color:var(--ok,#16a34a); }
.cuenta-autosave[data-state=saved] { color:var(--text); }
.cuenta-autosave[data-state=error] { color:var(--danger); }
.cuenta-seg-grid { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.25fr);gap:14px 18px;margin:12px 0 8px; }
/* Entre 701 y 1023 px el panel es angosto (2026-10-21): las tres opciones no entraban en una fila ("Secundaria"
   con "…") y quedan Moneda y Consola arriba, Licencia abajo a lo ancho; Correo y Telegram de Avisos, uno abajo
   del otro como en el celular, en vez de dos tarjetas apretadas. */
@media(min-width:701px) and (max-width:1023px) { .cuenta-seg-grid { grid-template-columns:minmax(0,.8fr) minmax(0,1fr); }.cuenta-seg-grid>:nth-child(3) { grid-column:1/-1; }.cuenta-channels { grid-template-columns:1fr; } }
.cuenta-seg-field { border:0;margin:0;padding:0;min-width:0; }
.cuenta-seg-field legend { padding:0;margin:0 0 8px;font-size:12px;font-weight:700;color:var(--cuenta-muted,var(--muted));letter-spacing:.2px; }
.cuenta-seg { position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));padding:4px;border:1px solid var(--border);border-radius:13px;background:var(--panel);isolation:isolate; }
.cuenta-seg::before { content:'';position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--n));border-radius:9px;background:var(--accent);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 35%,transparent);transform:translateX(calc(100% * var(--i)));transition:transform .28s cubic-bezier(.3,.8,.3,1); }
.cuenta-seg label { position:relative;display:flex;min-width:0;cursor:pointer;-webkit-tap-highlight-color:transparent; }
.cuenta-seg input { position:absolute;opacity:0;width:1px;height:1px;pointer-events:none; }
.cuenta-seg span { flex:1;display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 6px;border-radius:9px;font-size:13px;font-weight:700;color:var(--cuenta-muted,var(--muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s; }
.cuenta-seg label:hover span { color:var(--text); }
.cuenta-seg input:checked+span { color:#171717; }
.cuenta-seg input:focus-visible+span { outline:2px solid var(--accent);outline-offset:3px; }
.cuenta-switch-row>span { display:flex;flex-direction:column;gap:3px; }
.cuenta-switch-row strong { font-size:14px;color:var(--text); }
.cuenta-switch-row small { font-size:12.5px;color:var(--cuenta-muted,var(--muted)); }
.cuenta-prefs .cuenta-switch-row { border-top:1px solid var(--border); }
.cuenta-choices { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.cuenta-choice { position:relative;display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid var(--border);border-radius:14px;background:var(--panel);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,transform .12s;-webkit-tap-highlight-color:transparent; }
.cuenta-choice:hover { border-color:color-mix(in srgb,var(--accent) 45%,var(--border)); }
.cuenta-choice:active { transform:scale(.99); }
.cuenta-choice input { position:absolute;opacity:0;pointer-events:none; }
.cuenta-choice:has(input:checked) { border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel));box-shadow:0 0 0 1px var(--accent); }
.cuenta-choice:has(input:focus-visible) { outline:2px solid var(--accent);outline-offset:3px; }
.cuenta-choice-icon { display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:10px;background:var(--cuenta-card);color:var(--cuenta-muted,var(--muted));transition:color .2s,background .2s; }
.cuenta-choice:has(input:checked) .cuenta-choice-icon { color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel)); }
.cuenta-choice-text { display:flex;flex-direction:column;gap:4px;min-width:0;padding-right:22px; }
.cuenta-choice-text strong { font-size:14px;color:var(--text); }
.cuenta-choice-text small { font-size:12.5px;line-height:1.45;color:var(--cuenta-muted,var(--muted)); }
.cuenta-choice-mark { position:absolute;top:14px;right:14px;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border);transition:background .2s,border-color .2s; }
.cuenta-choice-mark svg { width:100%;height:100%;fill:none;stroke:#171717;stroke-width:2;opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s; }
.cuenta-choice:has(input:checked) .cuenta-choice-mark { background:var(--accent);border-color:var(--accent); }
.cuenta-choice:has(input:checked) .cuenta-choice-mark svg { opacity:1;transform:none; }

/* Avisos: canales arriba y una fila por tipo de aviso con Correo / Telegram. */
.cuenta-channels { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 14px; }
.cuenta-channels-single { grid-template-columns:1fr; }
/* El botón baja a su propio renglón, a lo ancho, solo cuando "Sin correo vinculado" o "Sin vincular" no entran
   a su lado (2026-10-21: en el celular y entre 701 y 1023 px se cortaban con "…"). El texto crece 1000 veces más
   que el botón: si entran en la misma fila, el botón queda de su tamaño, como antes. */
.cuenta-channel { display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:0;padding:14px 16px;border:1px solid var(--border);border-radius:15px;background:var(--cuenta-card); }
.cuenta-channel>div { display:flex;flex-direction:column;gap:3px;min-width:0;flex:1000 1 auto; }
.cuenta-channel strong { font-size:14px;color:var(--text); }
.cuenta-channel small { font-size:12.5px;color:var(--cuenta-muted,var(--muted));overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.cuenta-channel .cuenta-status { margin:0;flex-shrink:0; }
.cuenta-channel .cuenta-button { flex-grow:1;flex-shrink:0;min-height:38px;padding:8px 13px; }
.cuenta-avisos-hint { margin:-4px 0 14px; }
.cuenta-avisos { padding-bottom:10px; }
.cuenta-aviso { display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--border); }
.cuenta-avisos .cuenta-box-top+.cuenta-aviso { border-top:0; }
.cuenta-aviso-icon { display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--panel);border:1px solid var(--border);color:var(--cuenta-muted,var(--muted)); }
.cuenta-aviso-icon svg { width:18px;height:18px; }
.cuenta-aviso-text { display:flex;flex-direction:column;gap:3px;min-width:0; }
.cuenta-aviso-text strong { font-size:14px;color:var(--text); }
.cuenta-aviso-text small { font-size:12.5px;line-height:1.45;color:var(--cuenta-muted,var(--muted)); }
.cuenta-aviso-chans { display:flex;gap:8px; }
.cuenta-chan { display:inline-flex;align-items:center;gap:7px;min-height:40px;min-width:118px;padding:0 12px;border:1px solid var(--border);border-radius:11px;background:var(--panel);color:var(--cuenta-muted,var(--muted));font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .12s,box-shadow .2s;-webkit-tap-highlight-color:transparent; }
.cuenta-chan:hover:not(:disabled) { color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border)); }
.cuenta-chan:active:not(:disabled) { transform:scale(.97); }
.cuenta-chan:focus-visible { outline:2px solid var(--accent);outline-offset:3px; }
.cuenta-chan:disabled { opacity:.45;cursor:not-allowed; }
.cuenta-chan-icon { display:flex; }
.cuenta-chan-icon svg { width:16px;height:16px; }
.cuenta-chan-dot { position:relative;width:26px;height:16px;margin-left:auto;border-radius:20px;background:color-mix(in srgb,var(--muted) 28%,var(--panel));transition:background .2s; }
.cuenta-chan-dot::after { content:'';position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:var(--panel);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .22s cubic-bezier(.3,.8,.3,1); }
.cuenta-chan[aria-pressed=true] { color:var(--text);border-color:color-mix(in srgb,var(--accent) 65%,var(--border));background:color-mix(in srgb,var(--accent) 11%,var(--panel)); }
.cuenta-chan[aria-pressed=true] .cuenta-chan-icon { color:var(--accent); }
.cuenta-chan[aria-pressed=true] .cuenta-chan-dot { background:var(--accent); }
.cuenta-chan[aria-pressed=true] .cuenta-chan-dot::after { transform:translateX(10px);background:#fff; }
.cuenta-chan-ghost { visibility:hidden; }
.cuenta-panel #viewTelegram .cuenta-tg-legacy { display:none!important; }
.cuenta-panel #viewTelegram { margin-top:6px; }

/* Globito del engranaje (una sola vez por cuenta). */
.cuenta-gear-pulse { position:relative; }
.cuenta-gear-pulse::after { content:'';position:absolute;inset:-3px;border-radius:inherit;border:2px solid var(--accent);animation:cuenta-gear-ring 1.6s ease-out infinite;pointer-events:none; }
.cuenta-gear-pulse svg,.cuenta-gear-pulse>span { display:inline-block;animation:cuenta-gear-spin 3.2s ease-in-out infinite; }
@keyframes cuenta-gear-ring { 0% { opacity:.9;transform:scale(.92); } 70%,100% { opacity:0;transform:scale(1.45); } }
@keyframes cuenta-gear-spin { 0%,62% { transform:rotate(0); } 82% { transform:rotate(70deg); } 100% { transform:rotate(60deg); } }
.cuenta-tip { position:fixed;z-index:10050;width:min(320px,calc(100vw - 24px));padding:18px 18px 16px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 18px 50px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.04);opacity:0;transform:translateY(-6px) scale(.98);transform-origin:var(--arrow,90%) 0;transition:opacity .22s ease,transform .26s cubic-bezier(.3,.8,.3,1); }
.cuenta-tip-in { opacity:1;transform:none; }
.cuenta-tip-out { opacity:0;transform:translateY(-4px) scale(.98); }
.cuenta-tip-arrow { position:absolute;top:-7px;left:calc(var(--arrow,90%) - 7px);width:13px;height:13px;background:var(--panel);border-left:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-top:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));transform:rotate(45deg);border-radius:3px 0 0 0; }
.cuenta-tip-close { position:absolute;top:8px;right:8px;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer; }
.cuenta-tip-close:hover { background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--text); }
.cuenta-tip-eyebrow { display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:20px;background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--accent);font-size:11.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase; }
.cuenta-tip-eyebrow svg { width:13px;height:13px; }
.cuenta-tip h3 { margin:11px 0 6px;font-size:17px;line-height:1.3;color:var(--text); }
.cuenta-tip p { margin:0;font-size:13.5px;line-height:1.55;color:var(--cuenta-muted,var(--muted)); }
.cuenta-tip-actions { display:flex;gap:8px;margin-top:15px; }
.cuenta-tip-actions .cuenta-button { flex:1;min-height:40px;padding:8px 12px; }
@keyframes cuenta-open { from { opacity:.4;transform:translateY(5px); } to { opacity:1;transform:translateY(0); } }
@media(max-width:768px) { .cuenta-instant { order:4;width:100%;justify-content:flex-start;min-height:40px; }.cuenta-instant-switch { margin-left:auto; } }
@media(max-width:700px) {
  .cuenta-shell { padding:20px 16px;border-radius:20px; }
  .cuenta-heading { padding-bottom:0;margin-bottom:20px;border:0; }
  .cuenta-heading h1 { font-size:26px;margin:5px 0 9px; }
  .cuenta-desktop-title { display:none; }
  .cuenta-mobile-title { display:inline; }
  .cuenta-heading .cuenta-muted { font-size:13px; }
  .cuenta-layout { display:flex;flex-direction:column;gap:25px; }
  .cuenta-content { padding:0;border:0; }
  .cuenta-nav { display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%; }
  .cuenta-nav button { align-items:center;gap:8px;min-height:74px;padding:10px;border-color:var(--border);background:var(--cuenta-card);font-size:13px;color:var(--text); }
  .cuenta-nav button[data-cuenta-section=sessions] { grid-column:1/-1;min-height:56px; }
  .cuenta-nav button[aria-current=page] .cuenta-nav-mark { display:block; }
  .cuenta-nav-icon { width:30px;height:32px;background:var(--panel); }
  .cuenta-panel-title { margin-bottom:17px; }
  .cuenta-panel h2 { font-size:21px; }
  .cuenta-panel-title .cuenta-muted { font-size:13px; }
  .cuenta-box { padding:18px 16px;border-radius:15px;margin-bottom:12px; }
  .cuenta-grid { grid-template-columns:1fr;gap:0; }
  .cuenta-field { margin:16px 0;font-size:13px; }
  .cuenta-field input,.cuenta-field select { font-size:16px;min-height:48px; }
  .cuenta-actions { gap:8px;margin-top:17px; }
  .cuenta-actions .cuenta-button { flex:1 1 auto;min-height:48px; }
  .cuenta-security-card .cuenta-button-primary { flex-basis:100%; }
  .cuenta-row { align-items:flex-start;flex-direction:column;gap:12px; }
  .cuenta-row>.cuenta-button { align-self:stretch; }
  .cuenta-row>.cuenta-status { margin:0; }
  .cuenta-status { font-size:11.5px; }
  .cuenta-check { font-size:13px;min-height:68px; }
  .cuenta-dialog { padding:22px 18px;border-radius:19px; }
  .cuenta-dialog .cuenta-actions { display:flex;flex-direction:column; }
  .cuenta-dialog .cuenta-actions>.cuenta-button { width:100%; }
  .cuenta-methods,.cuenta-codes { grid-template-columns:1fr; }
  .cuenta-panel #viewTelegram .tg-grid-container { grid-template-columns:minmax(0,1fr); }
  .cuenta-seg-grid { grid-template-columns:1fr;gap:14px; }
  .cuenta-seg span { min-height:44px;font-size:14px; }
  .cuenta-choices { grid-template-columns:1fr; }
  .cuenta-channels { grid-template-columns:1fr; }
  .cuenta-aviso { grid-template-columns:auto minmax(0,1fr);row-gap:12px; }
  .cuenta-aviso-chans { grid-column:1/-1; }
  .cuenta-aviso-chans .cuenta-chan { flex:1;min-width:0;min-height:44px; }
  .cuenta-chan-ghost { display:none; }
}
@media(max-width:350px) { .cuenta-seg span { padding:0 3px;font-size:13px; } }
@media(prefers-reduced-motion:reduce) {
  .cuenta-dialog,.cuenta-button,.cuenta-panel,.cuenta-nav button,.cuenta-check input,.cuenta-check input::before,.cuenta-instant,.cuenta-instant-switch,.cuenta-instant-switch svg,#cuentaLoginAccess,.cuenta-login-success { animation:none!important;transition:none!important; }
  .cuenta-dialog::backdrop { backdrop-filter:none; }
}
/* Idioma (plan de idiomas, Fase 3): el selector de Perfil y contacto, y el ofrecimiento de una vez a la
   cuenta de antes, abajo al centro y en el idioma que ofrece (cuentaIdiomaCartel_). */
.cuenta-idioma .cuenta-seg-field { max-width:440px; }
.cuenta-idioma-cartel { position:fixed;z-index:10040;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 24px);padding:10px 10px 10px 16px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:14px;background:var(--panel);color:var(--text);box-shadow:0 18px 50px rgba(0,0,0,.3);font-size:14px;line-height:1.4; }
.cuenta-idioma-cartel-texto { min-width:0; }
.cuenta-idioma-cartel .cuenta-button { flex-shrink:0;min-height:36px;padding:7px 12px; }
.cuenta-idioma-cerrar { flex-shrink:0;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--cuenta-muted,var(--muted));font-size:20px;line-height:1;cursor:pointer; }
.cuenta-idioma-cerrar:hover { color:var(--text);background:var(--cuenta-card); }
@media(max-width:560px) {
  .cuenta-idioma-cartel { flex-wrap:wrap;left:12px;right:12px;width:auto;transform:none; }
  .cuenta-idioma-cartel-texto { flex:1 1 0; }
  .cuenta-idioma-cerrar { order:3; }
  .cuenta-idioma-cartel .cuenta-button { order:4;flex:1 1 100%; }
}