/* Aba "Opiniões do Meta" do Dashboard (public/js/dashboard/meta-opinioes.js). Só o dono vê. */
.dmo{border:1px solid var(--border,#29313d);border-radius:16px;background:var(--s-850,#0f131c);padding:18px;display:grid;gap:14px}
.dmo-cab{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dmo-cab h3{margin:0;font:800 18px var(--display)}
.dmo-pill{font:600 12px var(--body,inherit);border-radius:999px;padding:4px 11px;background:rgba(32,211,224,.1);color:#20d3e0;border:1px solid rgba(32,211,224,.35)}
.dmo-cinza{background:transparent;color:var(--t-mid,#a7b0bd);border-color:var(--border,#29313d)}
.dmo-nota{margin:0;color:var(--t-mid,#a7b0bd);font-size:13px}
.dmo-filtros{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.dmo-filtros select{border:1px solid var(--border,#29313d);background:var(--s-900,#0c0f16);color:var(--t-hi,#f0f3f7);border-radius:999px;padding:7px 12px;font-weight:600;font-size:13px}
.dmo-chk{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--t-mid,#a7b0bd)}
.dmo-lista{display:grid;gap:10px}
.dmo-item{border:1px solid var(--border,#29313d);border-radius:12px;background:var(--s-900,#0c0f16);padding:12px 14px;display:grid;gap:8px}
.dmo-item.lida{opacity:.6}
.dmo-item p{margin:0;overflow-wrap:anywhere}
.dmo-topo{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.dmo-tag{font:600 12px var(--body,inherit);border-radius:999px;padding:3px 10px;border:1px solid var(--border,#29313d);color:var(--t-hi,#f0f3f7)}
.dmo-tag.tipo-sugestao{border-color:rgba(32,211,224,.5);color:#20d3e0}
.dmo-tag.tipo-concordo{border-color:rgba(100,174,98,.55);color:#64ae62}
.dmo-tag.tipo-discordo{border-color:rgba(242,125,125,.55);color:#f27d7d}
.dmo-tag.tipo-falta{border-color:rgba(227,179,65,.55);color:#e3b341}
.dmo-quando{font:500 12px var(--mono);color:var(--t-low,#6b7686);margin-left:auto}
.dmo-anexo{border:1px dashed var(--border,#29313d);border-radius:10px;padding:8px 10px;font-size:12.5px;color:var(--t-mid,#a7b0bd);display:grid;gap:3px}
.dmo-acoes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.dmo-btn{border:1px solid rgba(32,211,224,.4);background:rgba(32,211,224,.08);color:#20d3e0;border-radius:10px;padding:6px 12px;font-weight:700;font-size:13px;cursor:pointer}
.dmo-btn.dmo-sai{border-color:rgba(242,125,125,.45);background:rgba(242,125,125,.08);color:#f27d7d}
.dmo-btn:disabled{opacity:.5;cursor:default}
.dmo-vazio{color:var(--t-low,#6b7686);padding:18px;text-align:center}

/* Gastos da comunidade (só o dono, 16/10/2026): tabela larga com rolagem só dentro do card; números alinhados (regra 25). */
.dgc-tabela{overflow-x:auto;margin-top:10px}
.dgc-tabela table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.dgc-tabela th,.dgc-tabela td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;white-space:nowrap}
.dgc-tabela th{color:#9aa4b2;font-weight:600}
.dgc-tabela td:nth-child(5),.dgc-tabela td:nth-child(6),.dgc-tabela td:nth-child(7){text-align:right}
.dgc-pub{color:#7ee2a8}.dgc-priv{color:#9aa4b2}
.dgc .dmo-filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.dgc .dmo-filtros select,.dgc .dmo-btn{font-size:15px}

/* Gastos da comunidade · Painel (mockup aprovado 16/10/2026): blocos com cenário (regra 11) e onda (span.rk-onda, regra 20); letra 15px+ (regra 18);
   barras, números e cartões alinhados em colunas fixas (regra 25). */
.dgc-cab-csv,.dgc-csv{display:flex;gap:8px;flex-wrap:wrap}
.dgc .dmo-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.dgc-abas{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.dgc-aba,.dgc-chip{border:1px solid var(--border,#29313d);background:var(--s-900,#0c0f16);color:var(--t-mid,#a7b0bd);border-radius:999px;padding:7px 15px;font:600 15px var(--body,inherit);cursor:pointer}
.dgc-aba[aria-selected="true"]{border-color:#20d3e0;color:#20d3e0;background:rgba(32,211,224,.08)}
.dgc-chip[aria-pressed="true"]{border-color:#f2c14e;color:#f2c14e;background:rgba(242,193,78,.08)}
.dgc-area{display:grid;gap:14px}
.dgc-filtro{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.dgc-filtro>div:first-child{flex:1 1 320px;min-width:0}
.dgc-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:48px;gap:8px}
.dgc-chips .dgc-chip{display:flex;align-items:center;justify-content:flex-start;text-align:left;border-radius:10px;padding:0 14px;line-height:1.2;min-width:0}
.dgc-sel{display:flex;align-items:center;gap:8px;color:var(--t-mid,#a7b0bd);font-size:15px}
.dgc-sel select{border:1px solid var(--border,#29313d);background:var(--s-900,#0c0f16);color:var(--t-hi,#f0f3f7);border-radius:999px;padding:7px 12px;font:600 15px var(--body,inherit)}
.dgc-card{border:1px solid var(--border,#29313d);border-radius:14px;background:var(--s-900,#0c0f16);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
.dgc-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--dgc-faixa,#20d3e0);z-index:1}
.dgc-cena{position:absolute;right:-10px;bottom:-10px;width:240px;height:170px;opacity:.14;pointer-events:none}
.dgc-mexe{animation:dgc-sobe 5s ease-in-out infinite}
@keyframes dgc-sobe{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.dgc-mexe{animation:none}}
.dgc-dentro{position:relative;z-index:2;padding:16px 18px;display:grid;gap:10px;grid-template-rows:auto auto 1fr;height:100%}
.dgc-dentro h4{margin:0;font-size:17px;color:var(--t-hi,#f0f3f7)}
.dgc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.dgc-num{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--border,#29313d);border-radius:10px;background:rgba(255,255,255,.02)}
.dgc-num span{color:var(--t-mid,#a7b0bd);font-size:15px}
.dgc-num b{font-size:22px;font-variant-numeric:tabular-nums;color:var(--t-hi,#f0f3f7)}
.dgc-graficos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dgc-barras{display:grid;gap:9px}
.dgc-barra{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 64px;grid-template-areas:"n t p" "n m m";column-gap:10px;align-items:center;font-size:15px}
.dgc-barra.dgc-curta{grid-template-areas:"n t p";grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 92px}
.dgc-b-nome{grid-area:n;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--t-hi,#f0f3f7)}
.dgc-trilho{grid-area:t;height:12px;border-radius:999px;background:#263042;overflow:hidden}
.dgc-trilho span{display:block;height:100%;border-radius:999px}
.dgc-barra b{grid-area:p;text-align:right;font-variant-numeric:tabular-nums;color:var(--t-hi,#f0f3f7)}
.dgc-barra small{grid-area:m;font-size:15px;color:var(--t-mid,#a7b0bd);font-variant-numeric:tabular-nums}
.dgc-rosca{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.dgc-legenda{list-style:none;margin:0;padding:0;display:grid;gap:10px;min-width:180px;flex:1;font-size:15px}
.dgc-legenda li{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;color:var(--t-hi,#f0f3f7)}
.dgc-legenda i{width:14px;height:14px;border-radius:4px}
.dgc-legenda b{font-variant-numeric:tabular-nums}
.dgc-svg{width:100%;height:auto;display:block}
.dgc-registros{display:grid;gap:10px}
@media (max-width:820px){.dgc-graficos{grid-template-columns:1fr}.dgc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Gavetas do Painel (regra 30; dono 16/10/2026: "fechar e abrir gavetas"): uma por linha, todas com a mesma largura (regra 25). */
.dgc-gaveta>summary{list-style:none;cursor:pointer;position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px}
.dgc-gaveta>summary::-webkit-details-marker{display:none}
.dgc-gaveta>summary h4{margin:0;font-size:17px;color:var(--t-hi,#f0f3f7)}
.dgc-gaveta>summary:focus-visible{outline:2px solid #20d3e0;outline-offset:-4px}
.dgc-seta{width:10px;height:10px;border-right:2px solid var(--t-mid,#a7b0bd);border-bottom:2px solid var(--t-mid,#a7b0bd);transform:rotate(45deg);transition:transform .2s;flex:none}
.dgc-gaveta[open]>summary .dgc-seta{transform:rotate(225deg)}
.dgc-gaveta-corpo{position:relative;z-index:2;display:grid;gap:14px;padding:0 14px 14px}
@media (prefers-reduced-motion:reduce){.dgc-seta{transition:none}}
/* Ícone do prêmio no Painel (regra 24): original do jogo, mesmo tamanho em toda linha (regra 25); sem ícone = "?". */
.dgc-b-nome{display:flex;align-items:center;gap:8px}
.dgc-nome-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.dgc-ic{width:28px;height:28px;flex:none;border-radius:6px;object-fit:contain}
.dgc-ic-falta{display:inline-grid;place-items:center;border:1px dashed #f2c14e;color:#f2c14e;font-weight:700;font-size:15px}
/* Bases dos eventos (mockup aprovado 16/10/2026): cartões da mesma fileira alinhados (regra 25), letra 15px+ (regra 18). */
.dgb-dentro{display:flex;flex-direction:column}
.dgb-pe{margin-top:auto}
.dgb-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.dgb-cab h4{margin:0;font-size:17px;color:var(--t-hi,#f0f3f7)}
.dgb-ok{color:#7ee2a8;border-color:rgba(126,226,168,.45);background:rgba(126,226,168,.08);font-size:15px}
.dgb-espera{color:#f39a4b;border-color:rgba(243,154,75,.45);background:rgba(243,154,75,.08);font-size:15px}
.dgc .dmo-pill{font-size:15px}
.dgb-nova{color:#20d3e0;font-weight:700}
.dgb-aviso{margin:0;border-left:3px solid #f39a4b;padding:8px 12px;background:rgba(243,154,75,.07);border-radius:6px;font-size:15px;color:var(--t-hi,#f0f3f7);align-self:start}
.dgb-aviso-ok{border-color:#7ee2a8;background:rgba(126,226,168,.06)}
.dgb-pe{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;color:var(--t-mid,#a7b0bd);font-size:15px}
.dgb-chave{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--t-hi,#f0f3f7)}
.dgb-chave input{appearance:none;width:44px;height:24px;border-radius:999px;background:#263042;position:relative;cursor:pointer;margin:0;flex:none}
.dgb-chave input::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#f0f3f7;transition:left .2s}
.dgb-chave input:checked{background:#20d3e0}
.dgb-chave input:checked::after{left:23px}
.dgb-chave input:disabled{opacity:.45;cursor:not-allowed}
.dgb-chave input:focus-visible{outline:2px solid #20d3e0;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.dgb-chave input::after{transition:none}}
.dgb-sim{color:#7ee2a8}.dgb-nao{color:#f27d7d}.dgb-cinza{color:var(--t-mid,#a7b0bd)}
.dgb-acao{white-space:nowrap}.dgb-acao .dmo-btn{font-size:15px}
.dgb-regras{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--t-mid,#a7b0bd);font-size:15px}

.dgb-dentro .dgc-tabela td:not(:first-child),.dgb-dentro .dgc-tabela th:not(:first-child){text-align:right}
.dgb-dentro .dgc-tabela td:first-child{white-space:normal;width:46%}
.dgb-dentro .dgc-tabela .dgc-b-nome,.dgb-dentro .dgc-tabela .dgc-nome-txt{white-space:normal}
.dgb-dentro .dgc-tabela th{white-space:normal}
.dgb-dentro .dgc-tabela th,.dgb-dentro .dgc-tabela td{padding:7px 8px}
/* Organização do Gastos da comunidade (mockup aprovado em 19/10/2026, docs/mockups/dashboard/gastos-da-comunidade-abas.html) */
.dgc-barra{min-height:52px}
.dgc-b-nome{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}
.dgc-nome-txt{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}
.dgb-lista{display:grid;gap:10px}
.dgb-base>summary{display:grid;grid-template-columns:minmax(0,1fr) 170px 150px 18px;gap:12px;align-items:center;min-height:52px}
.dgb-base>summary .dmo-pill{justify-self:center;white-space:nowrap}
@media (max-width:760px){.dgb-base>summary{grid-template-columns:minmax(0,1fr) 18px}.dgb-base>summary .dmo-pill{display:none}}
.dgc-tabela table{min-width:780px}
.dgc-tabela th.dgc-n,.dgc-tabela td.dgc-n{text-align:right}
.dgc-tabela td{height:44px}
.dgc-parcial{white-space:nowrap}

/* Gastos da comunidade: chance por jogada (%) e Rate com base no gasto (dono, 22/10/2026) */
.dgc-zero{opacity:.95}.dgc-zero .dgc-trilho{background:repeating-linear-gradient(90deg,#263042 0 6px,transparent 6px 10px)}.dgc-zero b{color:var(--orange,#f39a4b)}
.dgc-rsm{display:flex;flex-wrap:wrap;gap:8px 22px;margin:8px 0 10px;padding:10px 12px;border:1px solid var(--border,#29313d);border-radius:10px;background:rgba(255,255,255,.02)}
.dgc-rsm div{display:grid}.dgc-rsm small{color:var(--t-mid,#a7b0bd);font-size:15px}.dgc-rsm b{font-size:18px;font-variant-numeric:tabular-nums}
.dgc-rate-cab,.dgc-rate-lin{display:grid;grid-template-columns:minmax(0,1.5fr) 92px 92px 70px;gap:10px;align-items:center;font-size:15px}
.dgc-rate-cab{color:var(--t-mid,#a7b0bd);padding-bottom:4px}.dgc-rate-cab span:not(:first-child),.dgc-rate-lin b{text-align:right;font-variant-numeric:tabular-nums}
.dgc-rate-lin{padding:7px 0;border-top:1px solid var(--border,#29313d)}.dgc-rate-lin .dgc-nome-txt{overflow-wrap:anywhere}
@media (max-width:520px){.dgc-rate-cab,.dgc-rate-lin{grid-template-columns:minmax(0,1fr) 78px 78px}.dgc-rate-cab span:nth-child(4),.dgc-rate-lin b:nth-of-type(3){display:none}}
