/* Cuenta — estilos propios (prefijo acc-). Solo tokens de app.css/kit.css. */

/* chip de plan: licencia en pausa */
.chip-plan.paused{background:#f5a52422;border-color:#f5a52488;color:var(--warn)}

.acc-top{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s4)}
.acc-bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s4);align-items:start}
@media (max-width:900px){.acc-top,.acc-bottom{grid-template-columns:1fr}}

.acc-state{display:inline-flex;align-items:center;padding:4px 11px;border-radius:99px;border:1px solid var(--line-2);font:700 10.5px var(--body);letter-spacing:.06em;color:var(--muted);white-space:nowrap}
.acc-state[data-tone=ok]{color:var(--ok);border-color:#35f0a188;background:#35f0a11a}
.acc-state[data-tone=pro]{color:var(--cyan);border-color:#ffb21f88;background:linear-gradient(135deg,#ffd40022,#ffb21f22)}
.acc-state[data-tone=warn]{color:var(--warn);border-color:#f5a52488;background:#f5a5241a}

.acc-plan{font:700 24px/1.2 var(--display);letter-spacing:-.02em;margin:var(--s2) 0 4px}
.acc-expiry{font-size:13.5px}
.acc-statusline{margin-top:var(--s3);font-weight:600;line-height:1.45}
.acc-statusline[data-l=warn]{color:var(--warn)}
.acc-kv{margin-top:var(--s3)}
.acc-kv:empty{display:none}
.acc-kv .mono{font:500 13px var(--mono);user-select:text}
.acc-actions{margin-top:var(--s4)}
.acc-actions[hidden]{display:none}

.acc-label{display:block;color:var(--muted);font:700 10.5px var(--body);letter-spacing:.08em;margin-bottom:var(--s2)}
.acc-key{font:500 14px var(--mono);letter-spacing:.04em;height:46px;text-transform:uppercase}
.acc-key::placeholder{text-transform:none;opacity:.55}
.acc-act{margin-top:var(--s3);min-height:20px;color:var(--muted);font-size:12.5px;line-height:1.45}
.acc-act[data-l=ok]{color:var(--ok);font-weight:600}
.acc-act[data-l=bad]{color:var(--bad);font-weight:600}
.acc-act[data-l=warn]{color:var(--warn)}
.acc-get{display:block;margin-top:var(--s4);color:var(--muted);font-size:12.5px;text-align:left}
.acc-get b{color:var(--cyan);text-decoration:underline;text-underline-offset:3px;font-weight:700}
.acc-get:hover{text-decoration:none}
.acc-help{margin-top:var(--s3);font-size:12px;line-height:1.5}
.acc-busy .btn{cursor:progress}

/* comparativa */
.acc-plans{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
@media (max-width:700px){.acc-plans{grid-template-columns:1fr}}
.acc-plan-col{border-radius:var(--r-md);padding:var(--s4) var(--s4) var(--s2);border:1px solid var(--line)}
.acc-plan-col h3{font:700 13px var(--body);letter-spacing:.08em;margin-bottom:var(--s3)}
.acc-plan-col.free{background:#35f0a10f;border-color:#35f0a155}
.acc-plan-col.free h3{color:var(--ok)}
.acc-plan-col.prem{background:linear-gradient(160deg,#ffd40012,#ffb21f14);border-color:#ffb21f66}
.acc-plan-col.prem h3{color:var(--cyan)}
.acc-plan-col ul{list-style:none;padding:0;margin:0}
.acc-pr{display:flex;align-items:flex-start;gap:9px;margin-bottom:10px;font-size:13px;font-weight:600;line-height:1.35}
.acc-pr .ic{width:15px;height:15px;margin-top:2px}
.acc-pr .ic.ok{stroke:var(--ok);stroke-width:2.2}
.acc-pr .ic.no{stroke:var(--muted);stroke-width:2}
.acc-pr.off{color:var(--muted)}
.acc-pr.off span{text-decoration:line-through;text-decoration-color:#adaec488}

/* bienvenida Premium */
.acc-welcome{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2);color:var(--text)}
.acc-w-plan{font:700 18px/1.3 var(--display);letter-spacing:-.01em;margin-top:var(--s2)}
.acc-welcome .muted{font-size:12.5px}

/* Cabecera comunitaria y paneles de Cuenta: texto estable, movimiento decorativo. */
.acc-community{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border:1px solid #35f0a14a;border-radius:var(--r-lg,24px);background:linear-gradient(120deg,#35f0a112,#101018 66%);overflow:hidden}
.acc-community-copy{position:relative;max-width:760px}
.acc-community-label{display:flex;align-items:center;gap:12px;font:700 10px var(--mono);letter-spacing:.09em;color:#74efb3}
.acc-community h2{font:700 23px/1.3 var(--display);letter-spacing:-.02em;margin:14px 0 9px;color:var(--text)}
.acc-community p{color:var(--muted);line-height:1.6;margin:0;font-size:13px}
.acc-community>.btn{flex-shrink:0}
.acc-online{position:relative;display:block;width:8px;height:8px;background:#35f0a1;border-radius:50%;flex-shrink:0}
.acc-online::after{content:"";position:absolute;inset:-5px;border:1px solid #35f0a1;border-radius:50%;animation:acc-pulse 2.4s ease-out infinite;animation-play-state:paused}
@keyframes acc-pulse{0%{transform:scale(.55);opacity:.9}70%,100%{transform:scale(1.6);opacity:0}}
.acc-top>.card,.acc-team,.acc-comparison{position:relative;background:linear-gradient(140deg,var(--accent-soft),#101018 36%,#0e0e16);border-color:var(--line-2)}
.acc-lic{overflow:hidden;padding-right:110px}
.acc-lic .card-head{padding-right:0}.acc-lic .card-head h2,.acc-team .card-head h2{display:flex;align-items:center;gap:9px}
.acc-lic .card-head .ic,.acc-team .card-head .ic{width:18px;height:18px;color:var(--accent)}
.acc-license-orbit{position:absolute;right:25px;top:90px;width:68px;height:68px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-2);background:var(--accent-soft);color:var(--accent);pointer-events:none}
.acc-license-orbit>.ic{width:26px;height:26px}
.acc-license-orbit>i{position:absolute;inset:-10px;border:1px dashed var(--accent);border-radius:50%;opacity:.35;animation:acc-orbit 12s linear infinite;animation-play-state:paused}
@keyframes acc-orbit{to{transform:rotate(360deg)}}
.acc-team-label{font:600 9px var(--mono);letter-spacing:.06em;color:var(--muted)}
.acc-team .kv{display:grid;grid-template-columns:170px 1fr 170px 1fr;gap:12px 20px}
.acc-comparison[hidden],.acc-get[hidden]{display:none!important}
[data-page="m-account"]:not([hidden]) .acc-community.acc-motion-visible .acc-online::after,[data-page="m-account"]:not([hidden]) .acc-lic.acc-motion-visible .acc-license-orbit>i{animation-play-state:running}
[data-page="m-account"]:not([hidden]) .acc-community,[data-page="m-account"]:not([hidden]) .acc-top>.card,[data-page="m-account"]:not([hidden]) .acc-team{animation:acc-enter 240ms var(--ease-out) backwards}
.acc-top>.card:nth-child(2){animation-delay:40ms!important}
@keyframes acc-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html.motion-paused [data-page="m-account"] *,html.motion-paused .acc-online::after{animation-play-state:paused!important}
html.lite [data-page="m-account"] *,html.lite .acc-online::after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){[data-page="m-account"] *,[data-page="m-account"] .acc-online::after{animation:none!important}}
@media(max-width:1000px){.acc-community{align-items:flex-start;flex-direction:column;gap:20px}.acc-team .kv{grid-template-columns:150px 1fr}}
@media(max-width:600px){.acc-community{padding:22px}.acc-community h2{font-size:20px}.acc-lic{padding-right:var(--s4)}.acc-license-orbit{display:none}.acc-team .kv{grid-template-columns:115px minmax(0,1fr);gap:12px}.acc-team .kv dd{overflow-wrap:anywhere}.acc-community>.btn{width:100%}.acc-team-label{display:none}}

[data-page="m-account"] .card{backdrop-filter:none}

.acc-online::before{content:"";position:absolute;inset:0;border-radius:50%;background:#b7ffdc;animation:acc-beacon 2.4s ease-in-out infinite;animation-play-state:paused}
@keyframes acc-beacon{0%,100%{opacity:.25;transform:scale(.75)}45%{opacity:1;transform:scale(1.15)}}
[data-page="m-account"]:not([hidden]) .acc-community.acc-motion-visible .acc-online::before{animation-play-state:running}
html.lite .acc-online::before{animation:none!important}
html.motion-paused .acc-online::before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.acc-online::before{animation:none!important}}

/* El pulso solicitado pertenece a Vyron; modo ligero sigue teniendo prioridad. */
@media(prefers-reduced-motion:reduce){
 html:not(.lite) .acc-online::before{animation:acc-beacon 2.4s ease-in-out infinite;animation-play-state:paused}
 html:not(.lite) .acc-online::after{animation:acc-pulse 2.4s ease-out infinite;animation-play-state:paused}
 html:not(.lite) [data-page="m-account"]:not([hidden]) .acc-community.acc-motion-visible .acc-online::before,
 html:not(.lite) [data-page="m-account"]:not([hidden]) .acc-community.acc-motion-visible .acc-online::after{animation-play-state:running}
}

.acc-license-orbit[hidden]{display:none!important}
.acc-suggestions{margin-top:20px}.acc-suggestion-heading{display:flex;gap:18px;align-items:center;margin-bottom:24px}.acc-suggestion-heading h2{font-size:23px;margin:5px 0 8px}.acc-suggestion-icon{display:grid;place-items:center;flex:none;width:54px;height:54px;border:1px solid var(--line);border-radius:16px;background:var(--accent-soft);color:var(--accent)}.acc-suggestion-icon .ic{width:24px;height:24px}.acc-suggestion-fields{display:grid;grid-template-columns:1fr 1.6fr;gap:16px}.acc-suggestions label{display:block;font-size:11px;font-weight:700;color:var(--muted);line-height:1.6}.acc-suggestions .input{display:block;margin-top:7px;width:100%;box-sizing:border-box;color:var(--text);font:14px var(--body);background:#111119}.acc-suggestions textarea{resize:vertical;min-height:125px;line-height:1.6}.acc-suggestion-body{margin-top:16px}.acc-suggestion-meta{display:flex;justify-content:space-between;gap:18px;margin-top:12px;font-size:11px;color:var(--muted)}.acc-suggestions .acc-suggestion-consent{display:flex;gap:8px;align-items:center;font-weight:500}.acc-suggestion-consent input{accent-color:var(--accent)}.acc-suggestion-privacy{font-size:11px;line-height:1.7;margin:16px 0}.acc-suggestion-status{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.acc-suggestion-status[data-tone=bad]{color:var(--bad)}.acc-suggestion-status[data-tone=ok]{color:var(--ok)}
@media(max-width:650px){.acc-suggestion-fields{grid-template-columns:1fr}.acc-suggestion-heading{align-items:flex-start}.acc-suggestion-heading h2{font-size:20px}.acc-suggestions .input{font-size:16px}.acc-suggestion-meta{flex-wrap:wrap}}