/* =========================================================
   Time — visão da equipe (.eq-), desempenho (.des-),
   reconhecimento (.rec-) e recados (.msg-).
   Só tokens de base.css, para funcionar em claro e escuro.
   ========================================================= */

/* ---------- comuns ---------- */
.eq-grow,.rec-grow,.msg-grow{flex:1;min-width:0}
.eq-id,.des-id{display:flex;align-items:center;gap:14px;min-width:0}
.eq-id h1,.des-id h1{overflow-wrap:anywhere}
.eq-id .sub .chip{margin-left:6px;vertical-align:1px}
.eq-tt,.des-tt{font-weight:600}
td.des-tt{min-width:180px}
.eq-plink,.des-plink{color:inherit;text-decoration:none;min-width:0;display:inline-flex}
.eq-plink:hover .nm,.des-plink:hover .nm{color:var(--accent)}

/* ---------- visão da equipe ---------- */
.eq-toolbar{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;margin:26px 0 14px}
.eq-late{display:flex;flex-direction:column;gap:16px}
.eq-late-g + .eq-late-g{border-top:1px solid var(--line);padding-top:14px}
.eq-late-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:2px}
.eq-more{display:inline-block;margin-top:6px;font-size:13px;font-weight:600;text-decoration:none}

.eq-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:14px}
.eq-card{display:flex;flex-direction:column;gap:14px;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.eq-card:hover{border-color:var(--accent-line);box-shadow:var(--shadow-1)}
.eq-card-h{display:flex;align-items:center;gap:10px;min-width:0}
.eq-card-h .chip{flex:none}
.eq-nm{display:block;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eq-rl{display:block;font-size:12.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eq-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-block:1px solid var(--line);padding:10px 0}
.eq-mini > span{display:flex;flex-direction:column;font-size:11.5px;line-height:1.25;color:var(--ink-3);font-weight:500;min-width:0}
.eq-mini b{font:650 20px/1.2 var(--body);color:var(--ink);font-variant-numeric:tabular-nums;margin-bottom:2px}
.eq-mini .bad b{color:var(--bad)}
.eq-mini .warn b{color:var(--warn)}
.eq-punct{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center}
.eq-punct b{font-weight:650;font-size:14px}
.eq-punct .meter{grid-column:1/-1}

/* mapa de carga: um tom só (accent misturado à superfície) */
.eq-map-wrap{overflow-x:auto;scrollbar-width:thin}
.eq-map{display:grid;grid-template-columns:minmax(110px,170px) repeat(var(--n),minmax(30px,1fr)) 46px;gap:4px;align-items:center;min-width:540px}
.eq-mh{font-size:11.5px;line-height:1.15;color:var(--ink-3);text-align:center;padding-bottom:4px}
.eq-mh b{display:block;font-size:13px;font-weight:650;color:var(--ink-2);font-variant-numeric:tabular-nums}
.eq-mh.is-today,.eq-mh.is-today b{color:var(--ink);font-weight:700}
.eq-mh.is-today span{border-bottom:2px solid var(--accent)}
.eq-mp{display:flex;align-items:center;gap:8px;min-width:0;color:var(--ink);text-decoration:none;font-weight:600;font-size:13.5px}
.eq-mpn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eq-mp:hover .eq-mpn{text-decoration:underline}
.eq-c{height:34px;border-radius:6px;display:grid;place-items:center;font-size:12.5px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--ink);cursor:default}
.eq-mt{text-align:center;font-size:13px;font-weight:650;color:var(--ink-2)}
.eq-mtot{align-self:end}
.eq-l0{background:var(--surface-2)}
.eq-l1{background:color-mix(in oklab,var(--accent) 18%,var(--surface))}
.eq-l2{background:color-mix(in oklab,var(--accent) 36%,var(--surface))}
.eq-l3{background:color-mix(in oklab,var(--accent) 60%,var(--surface))}
.eq-l4{background:color-mix(in oklab,var(--accent) 86%,var(--surface));color:var(--accent-ink)}
.eq-legend{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--ink-3)}
.eq-legend i{display:inline-block;width:18px;height:12px;border-radius:3px}
.eq-legend span{margin:0 4px}
.eq-abs{padding:10px 16px;flex-wrap:wrap}

/* ---------- desempenho ---------- */
.des-sort{border:0;background:none;padding:0;font:inherit;color:inherit;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.des-sort:hover,.des-sort.on{color:var(--ink)}
.des-sort svg{width:13px;height:13px}
.des-sort.asc svg{transform:rotate(180deg)}
.des-rank td:first-child{min-width:190px}
.des-rate{display:grid;grid-template-columns:minmax(70px,1fr) 40px;gap:10px;align-items:center;min-width:130px}
.des-rate b{text-align:right;font-weight:600}

/* barras horizontais: rótulo do valor no fim da barra */
.des-hbars .hbar{grid-template-columns:minmax(84px,150px) minmax(0,1fr)}
.des-hbars .tr{margin-right:46px}
.des-hbars .tr b{position:absolute;left:calc(var(--v) + 6px);top:50%;transform:translateY(-50%);font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.des-hbars .hbar:hover .lb{color:var(--ink);text-decoration:underline}

/* colunas: espaço para o rótulo acima da barra mais alta */
.des-vchart .plot{margin-top:22px}
.des-vlab{position:absolute;left:0;right:0;bottom:calc(var(--v) + 4px);text-align:center;font-size:12px;font-weight:650;color:var(--ink-2);font-variant-numeric:tabular-nums;pointer-events:none}
.des-vnone{position:absolute;left:0;right:0;bottom:4px;text-align:center;font-size:12px;color:var(--ink-3)}

/* avaliações */
.des-bar{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin-bottom:16px}
.des-evs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px;align-items:start}
.des-ev{display:flex;flex-direction:column;gap:12px}
.des-ev-h{display:flex;align-items:center;gap:12px}
.des-ev-h .des-plink{flex:1}
.des-avg{flex:none;text-align:center;background:var(--accent-soft);border-radius:12px;padding:6px 12px;line-height:1.1}
.des-avg b{display:block;font:700 22px/1.15 var(--display);color:var(--ink)}
.des-avg span{font-size:11.5px;font-weight:600;color:var(--ink-2)}
.des-ev-m{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.des-crit{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.des-crit li{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:10px;align-items:center;font-size:13.5px}
.des-crit .lb{color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.des-crit b{text-align:right;font-weight:650}
.des-pips{display:inline-flex;gap:3px}
.des-pips i{width:18px;height:8px;border-radius:4px;background:var(--surface-3)}
.des-pips i.on{background:var(--accent)}
.des-notes{margin:0;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:12px}
.des-notes dt{font-size:12.5px;font-weight:600;color:var(--ink-3)}
.des-notes dd{margin:2px 0 0;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}

/* ---------- reconhecimento ---------- */
.rec-feed > li{padding:14px 0}
.rec-k{display:flex;gap:12px;align-items:flex-start}
.rec-pair{display:flex;align-items:center;gap:2px;flex:none}
.rec-arrow{display:flex;color:var(--ink-3)}
.rec-arrow svg{width:14px;height:14px}
.rec-k-h{display:flex;gap:4px 8px;flex-wrap:wrap;align-items:baseline;justify-content:space-between;font-size:14px;color:var(--ink-2)}
.rec-k-h b{color:var(--ink);font-weight:650}
.rec-k-m{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
.rec-plus{font-size:12.5px;font-weight:700;color:var(--ink-2)}
.rec-quote{margin-top:8px;font-size:14.5px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.rec-more{width:100%;margin-top:12px}

.rec-lb{font-size:13px;font-weight:600;color:var(--ink-2)}
.rec-me,.rec-saldo{background:var(--pop-soft);border-color:transparent}
.rec-me-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rec-bal{font:720 40px/1.05 var(--display);letter-spacing:-.02em;color:var(--pop);margin:4px 0}
.rec-next{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.rec-me .meter{background:color-mix(in oklab,var(--pop) 18%,var(--surface))}
.rec-me .meter i{background:var(--pop)}
.rec-neg{color:var(--warn);font-weight:600;margin-top:6px}
.rec-saldo{display:flex;align-items:center;gap:10px 24px;flex-wrap:wrap}
.rec-saldo p{flex:1;min-width:min(220px,100%);max-width:62ch}

.rec-podium{display:flex;justify-content:center;align-items:flex-end;gap:8px;padding-top:6px}
.rec-pod{flex:1;max-width:34%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.rec-pod b{font-size:14px;max-width:100%}
.rec-podp{font-size:12.5px;font-weight:600;color:var(--ink-2)}
.rec-crown{display:flex;color:var(--pop)}
.rec-crown svg{width:22px;height:22px}
.rec-step{width:100%;margin-top:6px;border-radius:10px 10px 0 0;background:var(--surface-2);display:grid;place-items:center;font:700 16px/1 var(--display);color:var(--ink-2)}
.rec-p1 .rec-step{height:72px;background:var(--pop-soft);color:var(--pop)}
.rec-p2 .rec-step{height:52px}
.rec-p3 .rec-step{height:38px}
.rec-rank{border-top:1px solid var(--line);margin-top:0}
.rec-pos{width:26px;flex:none;font-size:13px;font-weight:700;color:var(--ink-3)}
.rec-rule{margin-bottom:4px}
.rec-badge{display:inline-flex;align-items:center;gap:5px;flex:none;font-size:12px;font-weight:700;white-space:nowrap;color:var(--pop);background:var(--pop-soft);border-radius:20px;padding:3px 10px 3px 7px}
.rec-badge svg{width:14px;height:14px}

.rec-rws{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:14px}
.rec-rw{display:flex;flex-direction:column;gap:8px}
.rec-rw-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}
.rec-ic{width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}
.rec-ic svg{width:20px;height:20px}
.rec-ic.sm{width:30px;height:30px;border-radius:9px}
.rec-ic.sm svg{width:16px;height:16px}
.rec-cost{font-size:13.5px;font-weight:700}
.rec-rw-f{margin-top:auto;padding-top:6px;display:flex;flex-direction:column;gap:8px}
.rec-rw-f .btn{align-self:flex-start}
.rec-pad .row{padding-left:16px;padding-right:16px}
.rec-red{flex-wrap:wrap}
.rec-acts{display:flex;gap:6px;flex-wrap:wrap}

/* valores do elogio (rádios em forma de cartão) */
.rec-vals{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.rec-val{position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:12px;padding:9px 11px;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer}
.rec-val input{position:absolute;opacity:0;pointer-events:none}
.rec-val svg{width:17px;height:17px;color:var(--ink-3)}
.rec-val:hover{border-color:var(--ink-3)}
.rec-val:has(input:checked){border-color:var(--pop);background:var(--pop-soft);color:var(--pop)}
.rec-val:has(input:checked) svg{color:var(--pop)}
.rec-val:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}

/* ---------- recados ---------- */
.msg-wrap{max-width:820px}
.msg-compose{display:flex;flex-direction:column;gap:10px}
.msg-compose textarea{width:100%;min-height:84px;resize:vertical;border:1px solid var(--line-2);background:var(--bg);border-radius:12px;padding:11px 13px;font-size:15px;line-height:1.5}
.msg-compose textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}
.msg-cbar{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap}
.msg-to{display:inline-flex;align-items:center;gap:8px;min-width:0;font-size:13.5px;font-weight:600;color:var(--ink-2)}
.msg-to select{border:1px solid var(--line-2);background:var(--surface);border-radius:10px;padding:7px 10px;font-size:14px;max-width:220px;min-width:0}
.msg-pin{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;cursor:pointer}
.msg-filters{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin:22px 0 12px}
.msg-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.msg-item{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px}
.msg-item.is-pinned{border-color:var(--accent-line);background:color-mix(in oklab,var(--accent) 4%,var(--surface))}
.msg-item.is-new{box-shadow:inset 3px 0 0 var(--accent)}
.msg-h{display:flex;align-items:center;gap:4px 8px;flex-wrap:wrap;font-size:13.5px;min-height:28px}
.msg-h b{font-size:14.5px;font-weight:650;color:var(--ink)}
.msg-tools{margin-left:auto;display:flex;gap:2px}
.msg-tools [aria-pressed="true"]{color:var(--accent)}
.msg-tx{margin-top:4px;font-size:15px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.msg-react{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.msg-r{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:2px 10px;font-size:13px;line-height:1.6;color:var(--ink-2)}
.msg-r span{font-size:14px}
.msg-r:hover{border-color:var(--line-2)}
.msg-r.zero span{opacity:.55;filter:grayscale(.5)}
.msg-r.zero:hover span{opacity:1;filter:none}
.msg-r.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}
.msg-r b{font-weight:700;font-variant-numeric:tabular-nums}
.msg-reps{list-style:none;margin:12px 0 0;padding:0 0 0 12px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:10px}
.msg-reps > li{display:flex;gap:8px;align-items:flex-start}
.msg-rh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;min-height:22px}
.msg-rh b{font-weight:650}
.msg-rdel{margin-left:auto;padding:2px}
.msg-rdel svg{width:13px;height:13px}
.msg-reps .msg-tx{font-size:14px;margin-top:1px}
.msg-rin{display:flex;gap:6px;margin-top:10px}
.msg-rin input{flex:1;min-width:0;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:7px 11px;font-size:14px}
.msg-rin input:focus{outline:2px solid var(--accent-line);outline-offset:-1px;border-color:transparent}

/* ---------- responsivo ---------- */
@media (max-width:860px){
  .eq-toolbar{margin-top:20px}
}
@media (max-width:560px){
  .eq-map{grid-template-columns:26px repeat(var(--n),minmax(22px,1fr));gap:3px;min-width:0}
  .eq-mpn,.eq-mt,.eq-mtot{display:none}
  .eq-c{height:30px;font-size:11.5px;border-radius:5px}
  .eq-mh{font-size:10.5px}
  .eq-mh b{font-size:12px}
  .eq-id .avatar,.des-id .avatar{--sz:40px}
  .des-hbars .hbar{grid-template-columns:minmax(70px,96px) minmax(0,1fr)}
  .des-hbars .tr{margin-right:40px}
  .rec-pair .avatar.sm,.rec-arrow{display:none}
  .rec-bal{font-size:34px}
  .msg-item{padding:12px;gap:10px}
  .msg-item > .avatar{--sz:30px}
  .msg-hint,.msg-lbl{display:none}
  .msg-to select{max-width:170px}
}