/* Estilos do painel de bolão do jogador (#public-bolao-panel), compartilhados
   entre a página pública /doacoes.html e o dashboard do jogador. */
#public-bolao-panel .bolao-wrap { display:grid; grid-template-columns: 1fr; gap:18px; }
@media (min-width: 820px) { #public-bolao-panel .bolao-wrap { grid-template-columns: 1.2fr 1fr; } }
#public-bolao-panel .bolao-info p { margin:0 0 10px; color:#cbd5e1; }
#public-bolao-panel .bolao-bar { height:12px; border-radius:999px; background:rgba(148,163,184,.15); overflow:hidden; margin:6px 0 14px; }
#public-bolao-panel .bolao-bar-fill { height:100%; background:linear-gradient(90deg,#d9b24a,#f0c96a); }
#public-bolao-panel .bolao-recompensas { list-style:none; margin:0 0 12px; padding:0; display:flex; flex-direction:column; gap:6px; }
#public-bolao-panel .bolao-recompensas li { color:#e8dcc0; font-size:14px; }
#public-bolao-panel .bolao-recompensas strong { color:#f0c96a; }
#public-bolao-panel .bolao-obs { font-size:12px; color:#94a3b8; }
#public-bolao-panel .bolao-cotas-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(52px,1fr)); gap:8px; align-content:start; max-height:260px; overflow:auto; }
#public-bolao-panel .bolao-cota { padding:10px 4px; border-radius:8px; border:1px solid rgba(217,178,74,.25); background:rgba(9,6,2,.6); color:#c9b489; font-weight:700; font-size:13px; cursor:pointer; }
#public-bolao-panel .bolao-cota-livre:hover { background:rgba(217,178,74,.15); border-color:#f0c96a; color:#fbe9b8; }
#public-bolao-panel .bolao-cota-ocupada { opacity:.4; cursor:not-allowed; }
#public-bolao-panel .bolao-acao { margin-top:18px; text-align:center; }
#public-bolao-panel .bolao-status { margin-top:10px; font-size:14px; min-height:18px; }
#public-bolao-panel .bolao-status.is-ok { color:#7fe0a0; }
#public-bolao-panel .bolao-status.is-err { color:#ff8f8f; }

#public-bolao-panel .bolao-criar, #public-bolao-panel .bolao-meus { margin-top:26px; padding-top:22px; border-top:1px solid rgba(217,178,74,.18); }
#public-bolao-panel .bolao-criar h2, #public-bolao-panel .bolao-meus h2 { margin:0 0 6px; font-size:20px; color:#f0c96a; }
#public-bolao-panel .bolao-criar-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; margin:14px 0; }
@media (min-width:720px){ #public-bolao-panel .bolao-criar-grid { grid-template-columns: 2fr 1fr 1fr; } }
#public-bolao-panel .bolao-criar-grid .bolao-criar-nome { grid-column:1 / -1; }
@media (min-width:720px){ #public-bolao-panel .bolao-criar-grid .bolao-criar-nome { grid-column:auto; } }
#public-bolao-panel .bolao-criar-grid .bolao-criar-desc { grid-column:1 / -1; }
#public-bolao-panel .bolao-criar-grid label { display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:600; color:#cbd5e1; }
#public-bolao-panel .bolao-criar-grid input, #public-bolao-panel .bolao-criar-grid textarea { width:100%; box-sizing:border-box; padding:10px 12px; border-radius:10px; border:1px solid rgba(217,178,74,.25); background:rgba(9,6,2,.6); color:#f3ead0; font-size:14px; }
#public-bolao-panel .bolao-meu { padding:10px 0; border-bottom:1px solid rgba(148,163,184,.12); }
#public-bolao-panel .bolao-meu-top { display:flex; align-items:center; gap:10px; }
#public-bolao-panel .bolao-meu-status { font-size:11px; font-weight:700; padding:2px 8px; border-radius:999px; text-transform:uppercase; }
#public-bolao-panel .bolao-meu a[data-cancelar] { color:#ff8f8f; text-decoration:underline; }