/* BRASLOL 2 - BOTOES DE COACH (js/career/coachskills.js): botoes do painel "Estilo de coach", painel de descricao e pick alternativo no Meta. So classes (o CSP bloqueia style=""). */
.ev-stats{overflow-y:auto}
.cb-bs{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.cb-b{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;padding:6px 14px!important;border:0!important;border-radius:0!important;background:rgba(255,255,255,.14)!important;color:#fff;text-align:left;cursor:pointer;transition:background .15s,transform .12s}
.cb-b:hover{background:rgba(255,255,255,.26)!important}.cb-b:active{transform:scale(.98)}
.cb-b b{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.cb-b small{display:block!important;margin:0!important;font-size:11px!important;line-height:14px!important;letter-spacing:.04em;opacity:.85;text-align:right}
.cb-b.on{box-shadow:inset 4px 0 0 #6fe0a0}
.cb-b.wait,.cb-b.soon{opacity:.6}
.cb-b.open{background:#fff!important;color:#1a2234}
.cb-det .c-ph{display:flex;align-items:center;justify-content:space-between}
.cb-x{height:34px;min-width:0;padding:0 18px!important;font-size:11.5px}
.cb-body{padding:20px 34px 26px;max-height:590px;overflow-y:auto}
.cb-d{margin:0 0 10px;font-size:17px;line-height:26px}
.cb-c{margin:0 0 14px;font-size:13px;line-height:20px;opacity:.8}
.cb-st{display:inline-block;margin-bottom:6px;padding:4px 12px;background:rgba(255,255,255,.14);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.cb-st.on{background:#bff0d2;color:#12301f}
.cb-sub{margin:18px 0 8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.cb-why{margin:12px 0;font-size:13px;line-height:19px;opacity:.85}
.cb-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.cb-list.cb-narrow{grid-template-columns:repeat(4,1fr)}   /* Troca de lane: botoes de jogador com metade da largura */
.cb-it{display:flex;flex-direction:column;gap:3px;padding:10px 14px!important;border:0!important;border-radius:0!important;background:rgba(255,255,255,.1)!important;color:#fff;text-align:left;cursor:pointer}
.cb-it b{font-size:14px}.cb-it small{font-size:11.5px;line-height:16px;opacity:.8}
.cb-it:hover,.cb-chip:hover{background:rgba(255,255,255,.22)!important}
.cb-it.on,.cb-chip.on{background:#fff!important;color:#1a2234}
.cb-chips{display:flex;flex-wrap:wrap;gap:8px}
.cb-chip{padding:8px 14px!important;border:0!important;border-radius:0!important;background:rgba(255,255,255,.12)!important;color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.06em;cursor:pointer}
/* escolha do pick alternativo: o painel de campeoes do draft (css/draft.css: .d-panel, .d-grid, .d-ch), em tamanho bem menor */
.cb-pick{max-width:470px;margin-top:10px;box-sizing:border-box;background:linear-gradient(135deg,rgba(32,38,78,.34),rgba(14,18,44,.42));border-radius:3px}
.cb-pgrid{display:grid;grid-template-columns:repeat(auto-fill,46px);justify-content:center;gap:6px 8px;max-height:236px;padding:10px;overflow-y:auto;overflow-x:hidden;align-content:start}
.cb-pgrid::-webkit-scrollbar{width:5px;height:5px}
.cb-pgrid::-webkit-scrollbar-button{display:none;width:0;height:0}
.cb-pgrid::-webkit-scrollbar-track,.cb-pgrid::-webkit-scrollbar-corner{background:transparent}
.cb-pgrid::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border:0;border-radius:3px}
@supports (-moz-appearance:none){.cb-pgrid{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}}
.cb-ch{display:flex;flex-direction:column;align-items:center;gap:2px;width:46px;padding:0!important;border:0!important;border-radius:2px!important;background:none!important;color:#fff;cursor:pointer;transition:background .12s,box-shadow .12s,transform .12s}
.cb-ch:hover{background:rgba(255,255,255,.14)!important;box-shadow:0 0 0 2px rgba(255,255,255,.14)}
.cb-ch:active{transform:scale(.96)}
.cb-ch.on{background:rgba(255,255,255,.3)!important;box-shadow:0 0 0 2px rgba(255,255,255,.3)}
.cb-cimg{width:46px;height:46px;object-fit:cover;border-radius:2px;border:0;display:block}
.cb-ch span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;letter-spacing:.03em;color:rgba(255,255,255,.85)}
.cb-ch.on span{color:#fff;font-weight:700}
.cb-acts{display:flex;gap:10px;margin-top:20px}
.cb-acts .ev-btn[disabled]{opacity:.4;cursor:default}
.mt-alt .mt-fr{outline:2px solid #ffd54a;outline-offset:-2px}
.mt-ab{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffd54a;text-align:center}
