/* ── ENDOMARKETING HUB ── */
.endo-hub{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}
.endo-hub-card{width:240px;padding:2rem 1.5rem;background:var(--card);border:2px solid var(--border);
  border-radius:var(--r);cursor:pointer;transition:all .2s;text-align:center;
  font-family:var(--font);display:flex;flex-direction:column;align-items:center;gap:.5rem}
.endo-hub-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.03)}
.endo-hub-emoji{font-size:3rem;line-height:1}
.endo-hub-name{font-size:1.4rem;font-weight:900;letter-spacing:1px}
.endo-hub-desc{font-size:.65rem;color:#888;line-height:1.4}

/* ── ENDOMARKETING — Painel motivacional por time ── */

/* ── Team navigation bar ── */
.endo-team-nav{display:flex;gap:.5rem;margin-bottom:1.2rem}
.endo-team-btn{padding:.4rem .9rem;border:1px solid var(--border);border-radius:4px;
  background:transparent;font-family:var(--font);font-size:.7rem;font-weight:700;
  cursor:pointer;transition:all .15s;letter-spacing:.5px}
.endo-team-btn:hover{opacity:.85}
.endo-team-btn.on{border-width:2px}

.endo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.1rem;margin-top:1.2rem}
@media(max-width:720px){.endo-grid{grid-template-columns:1fr}}

/* ── Card do consultor ── */
.endo-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);
  padding:1.2rem;overflow:hidden}
.endo-card-hdr{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}
.endo-card-name{font-size:1rem;font-weight:800;color:#eee}
.endo-card-sub{font-size:.62rem;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.4px;margin-top:.1rem}
.endo-dupla-hdr{justify-content:space-between}

/* ── Triângulo de métricas ── */
.endo-triangle{position:relative;width:100%;padding:.5rem 0}
.endo-tri-top{display:flex;justify-content:center;margin-bottom:.4rem}
.endo-tri-center{display:flex;justify-content:center;margin:.6rem 0}
.endo-tri-bottom{display:flex;justify-content:space-between;padding:0 .5rem}

.endo-tri-cell{text-align:center;min-width:70px}
.endo-tri-val{font-size:1.5rem;font-weight:900;line-height:1}
.endo-tri-lbl{font-size:.55rem;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:.5px;margin-top:.15rem}
.endo-tri-meta{font-size:.6rem;color:#888;margin-top:.1rem}

.endo-tri-leads{width:90px;height:90px;border-radius:50%;border:3px solid;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:rgba(255,255,255,.03)}
.endo-tri-leads-val{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}
.endo-tri-leads-meta{font-size:.6rem;color:#999;margin-top:.1rem}
.endo-tri-leads-lbl{font-size:.52rem;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:.6px;margin-top:.15rem}

/* ── Linhas decorativas do triângulo ── */
.endo-tri-center::before,.endo-tri-center::after{content:'';position:absolute;
  width:1px;height:30px;background:var(--border)}
.endo-tri-center::before{left:25%;top:28px;transform:rotate(-30deg)}
.endo-tri-center::after{right:25%;top:28px;transform:rotate(30deg)}

/* ── Leader card ── */
.endo-leader{display:flex;align-items:center;justify-content:space-between;
  background:var(--card);border:1px solid;border-radius:var(--r);
  padding:1rem 1.4rem;margin-bottom:.5rem;gap:1.5rem;flex-wrap:wrap}
.endo-leader-left{display:flex;align-items:center;gap:.8rem}
.endo-leader-metrics{display:flex;gap:1.5rem;flex-wrap:wrap}
.endo-ldr-mc{text-align:center;min-width:55px}
.endo-ldr-mc-v{font-size:1.4rem;font-weight:900;line-height:1}
.endo-ldr-mc-meta{font-size:.6rem;font-weight:600;color:#888}
.endo-ldr-mc-l{font-size:.52rem;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:.5px;margin-top:.15rem}

/* ── Period bar adjustments ── */
.endo-pbar{margin-bottom:1.2rem}

/* ── Fullscreen TV mode ── */
.endo-fs{display:none;position:fixed;inset:0;z-index:9000;
  overflow-y:auto;padding:2.5rem 4rem;flex-direction:column}
.endo-fs.on{display:flex}
.endo-fs-close{position:fixed;top:1.2rem;right:1.8rem;z-index:9001;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#666;font-size:1rem;
  cursor:pointer;padding:.35rem .7rem;transition:all .15s;line-height:1}
.endo-fs-close:hover{color:#fff;background:rgba(255,255,255,.12)}
.endo-fs-header{text-align:center;margin-bottom:2rem}
.endo-fs-title{font-size:3rem;font-weight:900;letter-spacing:4px}
.endo-fs-sub{font-size:1rem;font-weight:600;opacity:.5;margin-top:.5rem;text-transform:uppercase;letter-spacing:3px}
.endo-fs-body{flex:1;max-width:1400px;margin:0 auto;width:100%}
.endo-fs-body .endo-leader{margin-bottom:1.5rem;padding:1.3rem 1.8rem}
.endo-fs-body .endo-card-name{font-size:1.3rem}
.endo-fs-body .endo-card-sub{font-size:.72rem}
.endo-fs-body .endo-ldr-mc-v{font-size:2rem}
.endo-fs-body .endo-ldr-mc-meta{font-size:.75rem}
.endo-fs-body .endo-ldr-mc-l{font-size:.62rem}
.endo-fs-body .endo-card{padding:1.5rem}
.endo-fs-body .endo-tri-val{font-size:2.2rem}
.endo-fs-body .endo-tri-lbl{font-size:.68rem}
.endo-fs-body .endo-tri-meta{font-size:.72rem}
.endo-fs-body .endo-tri-leads{width:120px;height:120px;border-width:4px}
.endo-fs-body .endo-tri-leads-val{font-size:2.6rem}
.endo-fs-body .endo-tri-leads-meta{font-size:.75rem}
.endo-fs-body .endo-tri-leads-lbl{font-size:.62rem}
.endo-fs-body .endo-tri-cell{min-width:90px}
.endo-fs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}
