/* ── Energia ⚡ (gamificação; energia.js) ───────────────────────────────────── */

/* selo na barra superior: ícone do nível + pontos */
.btn.en-selo{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 6px;color:var(--text);border-color:color-mix(in srgb,var(--cor,var(--accent)) 45%,var(--border));background:color-mix(in srgb,var(--cor,var(--accent)) 10%,var(--surface2));}
.btn.en-selo:hover{border-color:var(--cor,var(--accent));}
.en-selo .en-ic svg{width:20px;height:20px;display:block;}
.en-selo .en-pts{font-weight:600;font-variant-numeric:tabular-nums;}
.en-selo .en-raio{font-size:11px;}

/* "+5 ⚡" e "Upgrade!" saindo do selo */
.en-flutua{position:fixed;z-index:1600;transform:translateX(-50%);padding:4px 10px;border-radius:12px;background:var(--green);color:#fff;font-family:var(--sans);font-size:12px;font-weight:600;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.18);animation:en-sobe 2.2s ease-out forwards;}
.en-flutua.upgrade{background:linear-gradient(135deg,#7c3aed,#db2777);font-size:13.5px;padding:7px 14px;animation:en-pulso 5s ease-out forwards;}
@keyframes en-sobe{0%{opacity:0;margin-top:6px}15%{opacity:1;margin-top:0}75%{opacity:1}100%{opacity:0;margin-top:-8px}}
@keyframes en-pulso{0%{opacity:0;transform:translateX(-50%) scale(.8)}8%{opacity:1;transform:translateX(-50%) scale(1.08)}14%{transform:translateX(-50%) scale(1)}85%{opacity:1}100%{opacity:0}}

/* janela Produtividade */
.en-fundo{position:fixed;inset:0;z-index:1400;background:rgba(0,0,0,.35);display:flex;justify-content:center;align-items:flex-start;padding:7vh 16px 16px;}
.en-caixa{width:min(520px,100%);max-height:86vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.3);font-family:var(--sans);color:var(--text);overflow:hidden;}
.en-topo{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border);}
.en-topo b{font-size:16px;font-weight:600;flex:1;}
.en-pessoa{font-family:var(--sans);font-size:12px;padding:4px 6px;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);max-width:200px;}
.en-fechar{border:none;background:none;color:var(--muted);font-size:16px;cursor:pointer;padding:2px 6px;}
.en-fechar:hover{color:var(--text);}
.en-corpo{overflow-y:auto;padding:14px 22px 20px;text-align:center;}
.en-resumo{font-size:12.5px;color:var(--muted);text-align:left;}
.en-abas{display:inline-flex;gap:2px;margin:14px 0 16px;padding:3px;border-radius:20px;background:var(--surface2);}
.en-abas button{border:none;background:none;padding:6px 18px;border-radius:16px;font-family:var(--sans);font-size:13px;color:var(--muted);cursor:pointer;}
.en-abas button.on{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.12);}
.en-corpo hr{border:none;border-top:1px solid var(--border);margin:16px 0;}
.en-sec{font-size:13px;font-weight:600;text-align:left;margin-bottom:10px;}
.en-meta-tit{font-size:14px;margin-top:10px;}
.en-frase{font-size:12.5px;color:var(--muted);margin-top:3px;}
.en-nota{font-size:11.5px;color:var(--muted);margin-top:6px;}
.en-link{border:none;background:none;color:var(--accent);font-family:var(--sans);font-size:12.5px;text-decoration:underline;cursor:pointer;margin-top:8px;}
.en-meta-ed{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:12.5px;color:var(--muted);}
.en-meta-in{width:64px;padding:4px 6px;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:var(--sans);font-size:13px;text-align:center;}
.en-uptime{font-size:13px;}

/* anel de progresso */
.en-anel{position:relative;width:118px;height:118px;margin:0 auto;}
.en-anel svg{width:100%;height:100%;}
.en-anel circle{fill:none;stroke-width:6;stroke-linecap:round;}
.en-anel circle.fundo-anel{stroke:var(--surface2);}
.en-anel-miolo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.en-emoji{font-size:40px;}

/* barras por dia/semana, empilhadas por projeto, com a linha da meta */
.en-barras{display:flex;flex-direction:column;gap:7px;text-align:left;--rot:76px;}
.en-barra{display:flex;align-items:center;gap:8px;font-size:12px;}
.en-br-rot{width:var(--rot);flex-shrink:0;color:var(--muted);white-space:nowrap;}
.en-br-trilho{flex:1;display:flex;gap:1px;height:12px;}
.en-br-trilho i{display:block;height:100%;border-radius:2px;min-width:3px;}
.en-br-n{width:28px;text-align:right;font-variant-numeric:tabular-nums;}
.en-br-n.zero{color:var(--muted);font-weight:400;}
.en-br-trilho{position:relative;}
.en-br-m{position:absolute;top:-4px;bottom:-4px;width:0;border-left:2px solid color-mix(in srgb,var(--muted) 55%,transparent);}

/* nível atual */
.en-nivel-ic{width:110px;height:110px;margin:0 auto;border-radius:50%;border:5px solid var(--cor);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--cor) 8%,var(--surface));}
.en-nivel-ic svg{width:64px;height:64px;}
.en-prox{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:12px;font-size:12px;color:var(--muted);}
.en-prox-trilho{width:220px;height:7px;border-radius:4px;background:var(--surface2);overflow:hidden;}
.en-prox-trilho i{display:block;height:100%;border-radius:4px;}

/* tendência */
.en-tend{width:100%;height:auto;}
.en-tend .area{fill:color-mix(in srgb,var(--accent) 14%,transparent);}
.en-tend .linha{fill:none;stroke:var(--accent);stroke-width:2;}
.en-tend .ponto{fill:var(--accent);}
.en-tend .grade{stroke:var(--border);stroke-width:1;}
.en-tend text{font-size:9px;fill:var(--muted);text-anchor:middle;font-family:var(--sans);}

/* tabelas: níveis e histórico */
.en-niveis,.en-hist{width:100%;border-collapse:collapse;text-align:left;font-size:12.5px;}
.en-niveis td,.en-hist td,.en-hist th{padding:6px 4px;border-bottom:1px solid var(--border);}
.en-niveis tr:last-child td,.en-hist tr:last-child td{border-bottom:none;}
.en-niveis .ic{width:30px;}
.en-niveis .ic svg{width:22px;height:22px;display:block;}
.en-niveis .fx{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;}
.en-niveis b{font-weight:500;}
.en-niveis tr.atual{background:color-mix(in srgb,var(--accent) 8%,transparent);}
.en-niveis tr.atual b{font-weight:700;}
.en-niveis .nota{color:var(--muted);font-size:11.5px;text-align:right;}
.en-hist th{font-weight:400;color:var(--muted);font-size:11.5px;}
.en-hist td{white-space:nowrap;}
.en-hist .pos{color:var(--green);}
.en-hist .neg{color:var(--red);}
.en-hist .tar{max-width:170px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:11.5px;}
.en-regras{list-style:none;padding:0;margin:0;text-align:left;font-size:12.5px;display:flex;flex-direction:column;gap:5px;}