/* comunidade-v2-crava.css — "Crava antes do candle" v2 (pedido do JR, 10/11/2026).
   Só pinta o que nasce em renderMarcacao() (comunidade-membro.html). Prefixo .cr- (não colide).
   Tokens do QG (--void/--panel/--gold/--pos/--neg...). Texto nunca abaixo de 11px; alvo de toque >= 44px. */
.cr-wrap{display:flex;flex-direction:column;gap:14px}
.cr-hero{padding:16px 16px 14px;border:1px solid var(--line-2);border-radius:14px;background:linear-gradient(180deg,var(--raised),var(--panel))}
.cr-kick{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-b)}
.cr-h{font-family:var(--cond);font-size:30px;line-height:1;letter-spacing:.02em;color:var(--ink);margin:6px 0 8px}
.cr-lead{font-size:14px;line-height:1.5;color:var(--mute);margin:0}
.cr-lead b{color:var(--ink)}
.cr-regra{font-family:var(--mono);font-size:11.5px;color:var(--mute);margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}

/* placar */
.cr-placar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.cr-pt{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 4px 9px;text-align:center;min-width:0}
.cr-pt b{display:block;font-family:var(--disp);font-size:22px;line-height:1;color:var(--ink)}
.cr-pt span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--mute);margin-top:6px}
.cr-pt.win b{color:var(--pos)}.cr-pt.loss b{color:var(--neg)}.cr-pt.seq b{color:var(--gold-b)}
.cr-pnota{font-family:var(--mono);font-size:11px;color:var(--mute);text-align:center;margin-top:7px;line-height:1.45}

/* formulário */
.cr-form{border:1px solid var(--line-2);border-radius:14px;padding:14px;background:var(--panel)}
.cr-lbl{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);margin:16px 0 7px}
.cr-lbl:first-child{margin-top:0}
.cr-lbl i{font-style:normal;text-transform:none;letter-spacing:0;color:var(--faint)}
.cr-tf{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.cr-tf button{min-height:46px;border-radius:10px;border:1px solid var(--line);background:var(--void);color:var(--mute);font-family:var(--cond);font-size:21px;letter-spacing:.04em}
.cr-tf button.sel{border-color:var(--gold);color:var(--gold-b);background:rgba(242,106,46,.09)}
.cr-alvo{margin-top:9px;padding:10px 12px;border-radius:10px;background:var(--void);border:1px dashed var(--line-2);font-size:13px;line-height:1.45;color:var(--mute)}
.cr-alvo b{color:var(--ink)}
.cr-alvo .cr-cd{font-family:var(--mono);color:var(--gold-b);font-weight:700}
.cr-pares{display:flex;flex-wrap:wrap;gap:6px}
.cr-pares button{min-height:40px;padding:0 11px;border-radius:20px;border:1px solid var(--line);background:var(--void);color:var(--mute);font-family:var(--mono);font-size:12.5px}
.cr-pares button.sel{border-color:var(--gold);color:var(--gold-b);background:rgba(242,106,46,.09)}
.cr-inp{width:100%;margin-top:8px;background:var(--void);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:12px;font-size:16px}
.cr-inp:focus,.cr-pq-inp:focus{outline:0;border-color:var(--gold-d)}
.cr-fonte{font-size:12px;line-height:1.45;margin-top:8px;color:var(--mute)}
.cr-fonte.auto{color:var(--pos)}
.cr-lados{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cr-lados button{min-height:72px;padding:10px 8px;border-radius:12px;border:1px solid var(--line-2);background:var(--void);font-family:var(--cond);font-size:24px;letter-spacing:.04em;color:var(--ink);line-height:1}
.cr-lados button span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:0;color:var(--mute);margin-top:6px;line-height:1.3}
.cr-lados button.compra.sel{border-color:var(--pos);color:var(--pos);background:rgba(67,192,138,.08)}
.cr-lados button.venda.sel{border-color:var(--neg);color:var(--neg);background:rgba(229,96,76,.08)}
.cr-tipos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cr-tipos button{min-height:64px;padding:10px;border-radius:12px;border:1px solid var(--line);background:var(--void);text-align:left;color:var(--ink);font-size:13.5px;font-weight:700;line-height:1.25}
.cr-tipos button span{display:block;font-weight:400;font-size:12px;color:var(--mute);margin-top:4px;line-height:1.35}
.cr-tipos button.sel{border-color:var(--gold);background:rgba(242,106,46,.08)}
.cr-pq-inp{width:100%;min-height:70px;resize:vertical;background:var(--void);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:11px 12px;font-size:16px;line-height:1.4;font-family:inherit}
.cr-dicas{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cr-dicas button{padding:7px 10px;border-radius:16px;border:1px dashed var(--line-2);background:transparent;color:var(--mute);font-size:12px;text-align:left;line-height:1.3}
.cr-pub{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--void);cursor:pointer}
.cr-pub input{position:absolute;opacity:0;pointer-events:none}
.cr-sw{flex:0 0 auto;width:44px;height:26px;border-radius:13px;background:var(--line-2);position:relative;transition:background .15s}
.cr-sw:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--ink);transition:transform .15s}
.cr-pub input:checked+.cr-sw{background:var(--gold)}
.cr-pub input:checked+.cr-sw:after{transform:translateX(18px)}
.cr-pub input:focus-visible+.cr-sw{outline:2px solid var(--gold-b);outline-offset:2px}
.cr-pub b{display:block;font-size:14px;color:var(--ink)}
.cr-pub small{display:block;font-size:12px;color:var(--mute);margin-top:2px;line-height:1.35}
.cr-go{width:100%;min-height:54px;margin-top:14px;border:0;border-radius:12px;background:linear-gradient(180deg,var(--gold-b),var(--gold));color:var(--void);font-family:var(--disp);font-size:16px;letter-spacing:.02em}
.cr-go:disabled{opacity:.45}
.cr-sem{font-size:11.5px;color:var(--mute);text-align:center;margin-top:9px;line-height:1.45}

/* cards (tuas cravadas e mural) */
.cr-sec{font-family:var(--cond);font-size:18px;letter-spacing:.05em;color:var(--ink);text-transform:uppercase;margin:6px 0 0;display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.cr-sec small{font-family:var(--mono);font-size:11px;letter-spacing:0;text-transform:none;color:var(--mute)}
.cr-lista{display:flex;flex-direction:column;gap:9px}
.cr-card{border:1px solid var(--line);border-left:3px solid var(--line-2);border-radius:12px;padding:12px 13px;background:var(--panel)}
.cr-card.win{border-left-color:var(--pos)}.cr-card.loss{border-left-color:var(--neg)}.cr-card.vivo{border-left-color:var(--gold)}
.cr-top{display:flex;align-items:center;gap:9px;min-width:0}
.cr-top .avatar{flex:0 0 auto;width:30px;height:30px;font-size:11px}
.cr-quem{flex:1;min-width:0;font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-lado{flex:0 0 auto;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 9px;border-radius:20px;white-space:nowrap}
.cr-lado.compra{color:var(--pos);background:rgba(67,192,138,.1);border:1px solid rgba(67,192,138,.3)}
.cr-lado.venda{color:var(--neg);background:rgba(229,96,76,.1);border:1px solid rgba(229,96,76,.3)}
.cr-lado.velho{color:var(--mute);background:transparent;border:1px solid var(--line-2)}
.cr-par{font-family:var(--cond);font-size:23px;letter-spacing:.03em;color:var(--ink);line-height:1;margin-top:8px}
.cr-par .cr-tfb{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--gold-b);border:1px solid rgba(242,106,46,.35);border-radius:6px;padding:2px 6px;margin-left:6px;vertical-align:4px}
.cr-when{font-family:var(--mono);font-size:11.5px;color:var(--mute);margin-top:6px;line-height:1.45}
.cr-when b{color:var(--ink);font-weight:700}
.cr-tipo{display:inline-block;font-size:11.5px;color:var(--gold-b);margin-top:8px}
.cr-pq{margin:5px 0 0;padding:8px 10px;border-radius:8px;background:var(--void);font-size:13.5px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
.cr-res{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:9px;font-size:12.5px;color:var(--mute);line-height:1.4}
.cr-res .cr-badge{font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:20px;border:1px solid var(--line-2);color:var(--mute);white-space:nowrap}
.cr-res.win .cr-badge{color:var(--pos);border-color:rgba(67,192,138,.45);background:rgba(67,192,138,.1)}
.cr-res.loss .cr-badge{color:var(--neg);border-color:rgba(229,96,76,.45);background:rgba(229,96,76,.1)}
.cr-res.vivo .cr-badge{color:var(--gold-b);border-color:rgba(242,106,46,.45)}
.cr-res a{color:var(--mute);text-decoration:underline}
.cr-priv{font-family:var(--mono);font-size:11px;color:var(--mute);margin-left:auto}
.cr-decl{margin-top:10px;padding:10px;border-radius:10px;border:1px dashed var(--line-2);background:var(--void)}
.cr-decl p{margin:0 0 8px;font-size:12.5px;color:var(--mute);line-height:1.4}
.cr-decl .cr-dbt{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.cr-decl .cr-dbt button{min-height:44px;border-radius:10px;border:1px solid var(--line-2);background:var(--panel);color:var(--ink);font-weight:700;font-size:13px}
.cr-decl .cr-dbt button[data-r="acerto"]{color:var(--pos)}.cr-decl .cr-dbt button[data-r="erro"]{color:var(--neg)}
.cr-vazio{padding:18px;border:1px dashed var(--line-2);border-radius:12px;text-align:center;font-size:13px;color:var(--mute);line-height:1.5}
@media (prefers-reduced-motion:reduce){.cr-sw,.cr-sw:after{transition:none}}