/* BRASLOL 2 - tela ACONTECIMENTOS (eventos): aba ao lado de "Scrims", feed de acontecimentos (esquerda) e estatisticas do elenco (direita).
   Reaproveita do career.css: .c-root .c-bg .c-shade .c-stage .c-nav .c-p .c-ph .c-toast .c-brand (e a animacao hin), do roster.css: .r-back .r-navt .r-nlogo
   e do scrims.css: .sc-bdg (bolinha de aviso). Classes novas comecam com ev- . Sem style="" no HTML (CSP): so classes aqui e style.setProperty() no JS (CSSOM).
   Mesmo PALCO FIXO do painel (1620x941, escalado por JS): nada rola, so a lista do feed. Botoes quadrados e sem borda (igual ao flat.css). */

body[data-screen="eventos"] #topbar{display:none}
body[data-screen="eventos"] #app{background:#121212;overflow:hidden;touch-action:none;padding-left:0;padding-right:0}

/* ---- aba ao lado de "Scrims" (scrims.css usa c-t5 em 946px) ---- */
.c-t6{left:1069px;width:110px}

/* ---- paineis (mesma posicao dos paineis da tela Scrims: historico a esquerda, fundamentos a direita) ---- */
.ev-main{position:absolute;inset:0;pointer-events:none}
.ev-main>*{animation:hin .39s ease both}
.ev-main>:nth-child(1){animation-delay:.13s}.ev-main>:nth-child(2){animation-delay:.2s}
.ev-main.re>*,.ev-main.re .ev-row{animation:none}   /* depois de responder uma pergunta nao reanima a entrada */
.ev-feed{left:47px;top:130px;width:1090px;height:683px;border-color:transparent}
.ev-stats{left:1157px;top:130px;width:416px;height:683px;border-color:transparent}
.ev-root .c-toast{z-index:40}
.ev-cnt{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.8);white-space:nowrap}

/* ---- pergunta pendente (sim ou nao) ---- */
.ev-ask{position:relative;margin:16px 18px 0;padding:18px 22px 20px;box-sizing:border-box;border-radius:12px;background:rgba(255,255,255,.08);border-left:4px solid #fff}
.ev-tag{display:inline-block;padding:3px 9px;background:rgba(255,255,255,.16);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.ev-tag.neg{background:rgba(255,138,138,.22);color:#ffb3b3}
.ev-tag.pos{background:rgba(123,224,160,.2);color:#9be9b7}
.ev-ah{display:flex;align-items:center;gap:12px}
.ev-ah b{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ev-aq{margin:12px 0 0!important;font-size:19px;font-weight:600;line-height:27px;letter-spacing:.02em}
.ev-an{display:block;margin-top:8px;font-size:12.5px;line-height:19px;letter-spacing:.03em;color:rgba(255,255,255,.72)}
.ev-al{display:block;margin-top:6px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.ev-acts{display:flex;justify-content:flex-start;gap:12px;margin-top:14px}
.ev-acts .ev-btn{height:40px;min-width:108px;padding:0 29px!important}   /* 2px menor que o .ev-btn base (que o coachskills.js tambem usa) */
.ev-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;min-width:110px;padding:0 30px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#1a2234;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:background .15s,transform .12s}
.ev-btn:hover{background:#e6eaff!important}.ev-btn:active{transform:scale(.96)}
.ev-btn.ghost{background:rgba(255,255,255,.14)!important;color:#fff}
.ev-btn.ghost:hover{background:rgba(255,255,255,.28)!important}

/* ---- historico de acontecimentos ---- */
.ev-rows{position:relative;margin:6px 18px 0!important;padding:0;list-style:none;max-height:628px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}
.ev-feed.has-ask .ev-rows{max-height:350px}
.ev-row{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.22);animation:hin .36s ease backwards}
.ev-row:last-child{border-bottom-color:transparent}
.ev-row.hp{grid-template-columns:96px 1fr auto}
.ev-ph{display:flex;align-items:center;gap:8px;flex:none}
.ev-row .ev-ph{align-self:center;padding-right:6px}
.ev-pi{width:60px;height:60px;box-sizing:border-box;border-radius:50%;object-fit:cover;object-position:50% 14%;display:block;background:#1c2438}
.ev-ask .ev-ph{position:absolute;right:22px;top:50%;transform:translateY(-50%)}
.ev-ask.hp1{padding-right:104px}
.ev-ask.hp2{padding-right:172px}
.ev-mvo{display:flex;flex-direction:column;gap:10px;margin-top:14px}   /* opcoes da pergunta de maestria (maeventos.js): botao + dica ao lado */
.ev-op{display:flex;align-items:center;gap:16px}
.ev-op .ev-btn{height:40px;min-width:250px;flex:0 0 auto;padding:0 22px!important;white-space:nowrap}
.ev-op small{font-size:12px;line-height:17px;letter-spacing:.03em;color:rgba(255,255,255,.7)}
.ev-dt{font-size:12px;font-weight:600;letter-spacing:.08em;color:rgba(255,255,255,.8);white-space:nowrap}
.ev-bd{display:flex;flex-direction:column;gap:7px;min-width:0}
.ev-bt{display:flex;align-items:center;gap:10px}
.ev-bt b{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev-bx{margin:0!important;font-size:14.5px;line-height:21px;letter-spacing:.02em}
.ev-rs{font-size:12px;letter-spacing:.03em;color:rgba(255,255,255,.72)}
.ev-ch{display:flex;flex-wrap:wrap;gap:5px}
.ev-ch em{font-style:normal;padding:3px 8px;background:rgba(255,255,255,.12);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.ev-ch em.up{background:rgba(123,224,160,.2);color:#9be9b7}
.ev-ch em.dn{background:rgba(255,138,138,.22);color:#ffb3b3}
.ev-none{padding:70px 30px;font-size:14px;line-height:22px;letter-spacing:.04em;text-align:center;color:rgba(255,255,255,.7)}

/* ---- estatisticas do elenco (todas comecam em 60; o risquinho na barra marca o 60) ---- */
.ev-sl{margin:14px 18px 0!important;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.ev-sr{display:grid;grid-template-columns:104px 1fr 34px 36px;align-items:center;gap:10px;height:54px;border-bottom:1px solid rgba(255,255,255,.18)}
.ev-sn{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.ev-bar{position:relative;display:block;height:8px;border-radius:4px;background:rgba(255,255,255,.14)}   /* sem overflow:hidden: o risquinho do 60 passa um pouco para fora da barra */
.ev-bar::after{content:'';position:absolute;left:60%;top:-3px;width:1px;height:14px;background:rgba(255,255,255,.55)}
.ev-fill{display:block;width:0;height:100%;border-radius:4px;background:#fff;transition:width .5s ease}
.ev-sv{font-size:14px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.ev-sd{font-size:11px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.5)}
.ev-sd.up{color:#9be9b7}
.ev-sd.dn{color:#ffb3b3}
.ev-box{margin:16px 18px 0;padding:14px 16px;border-radius:6px;background:rgba(255,255,255,.08)}
.ev-box small{display:block;margin-top:6px;font-size:11.5px;line-height:17px;letter-spacing:.03em}
.ev-bh{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ev-bh span{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.ev-bh b{font-size:22px;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.ev-bh b.up{color:#9be9b7}
.ev-bh b.dn{color:#ffb3b3}