/* /conta/painel-conta.css -- "Sua conta hoje" no Meu perfil, gaveta de edição, grupo "Ganhar" do menu do avatar e faixa "Ganhe VIP assistindo" na Home
   (mockup aprovado 27/10/2026: docs/mockups/conta/perfil-painel.html). Letra mínima 15px (regra 18); onda de luz = span.rk-onda (regra 20);
   cartões da mesma fileira com a mesma altura, linhas alinhadas por subgrid (regra 25). */
.ct .pc-grade{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.ct .pc-cartao{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-rows:subgrid;grid-row:span 4;gap:6px;background:var(--ct-900);border:1px solid var(--ct-line);border-radius:12px;padding:14px}
.ct .pc-cartao.breve{border-style:dashed;border-color:var(--ct-or-line)}
.ct .pc-nome{display:flex;gap:10px;align-items:center;font:800 17px var(--ct-display);flex-wrap:wrap}
.ct .pc-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--ct-800);border:1px solid var(--ct-line-hi);color:var(--ct-or-300);font:800 17px var(--ct-display);flex:none}
.ct .pc-chip{font:600 15px var(--ct-mono);border:1px solid var(--ct-or-line);color:var(--ct-or-300);border-radius:999px;padding:2px 10px;white-space:nowrap}
.ct .pc-num{font:800 30px var(--ct-display);font-variant-numeric:tabular-nums}
.ct .pc-num.breve{font-size:22px;color:var(--ct-low)}
.ct .pc-desc{color:var(--ct-mid)}
.ct .pc-ir{width:100%;align-self:end}

/* gaveta de edição (regra 30): o resumo é a primeira coisa que a pessoa vê */
.ct details.ct-gaveta{padding:0}
.ct details.ct-gaveta > summary{cursor:pointer;list-style:none;padding:16px 18px;font:800 19px var(--ct-display);display:flex;justify-content:space-between;gap:12px;align-items:center}
.ct details.ct-gaveta > summary::-webkit-details-marker{display:none}
.ct details.ct-gaveta > summary::after{content:"+";font:600 22px var(--ct-mono);color:var(--ct-mid)}
.ct details.ct-gaveta[open] > summary::after{content:"−"}
.ct details.ct-gaveta > .ct-gaveta-corpo{padding:0 18px 18px;display:grid;gap:12px}

/* menu do avatar: grupo Ganhar */
.discord-menu-grupo{padding:6px 0 2px}
.discord-menu-grupo .discord-menu-label{color:#e3b341}
.discord-menu-action .discord-menu-soon{margin-left:8px;font:600 15px 'IBM Plex Mono',ui-monospace,monospace;border:1px solid rgba(255,122,47,.38);color:#ffb082;border-radius:999px;padding:0 8px;white-space:nowrap}

/* Home: faixa Ganhe VIP assistindo */
.hn-ganhe-sec{padding-block:0}
.hn-ganhe{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid rgba(255,122,47,.38);border-radius:14px;padding:14px 18px;background:linear-gradient(90deg,rgba(255,122,47,.10),transparent 70%),#0f131c;color:#f0f3f7}
.hn-ganhe::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#ff7a2f,#e3b341);z-index:2}
.hn-ganhe[hidden]{display:none}
.hn-ganhe-ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#141a25;border:1px solid rgba(255,122,47,.38);color:#ffb082}
.hn-ganhe b{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font:800 19px 'Archivo','Inter',system-ui,sans-serif}
.hn-ganhe .d{color:#a7b0bd;display:block}
.hn-ganhe .hn-ganhe-chip{font:600 15px 'IBM Plex Mono',ui-monospace,monospace;border:1px solid rgba(255,122,47,.38);color:#ffb082;border-radius:999px;padding:2px 10px;white-space:nowrap}
.hn-ganhe button{background:#ff7a2f;border:1px solid #ff7a2f;color:#1a0b02;border-radius:10px;padding:10px 16px;font:700 15px 'Inter',system-ui,sans-serif;cursor:pointer;min-height:44px}
@media (max-width:640px){.hn-ganhe{grid-template-columns:auto minmax(0,1fr)}.hn-ganhe button{grid-column:1/-1}}
