/* ══════════════════════════════════════════════════════
   Aba "Premiação" — metas e premiação do mês (Light/Dark)
   Cores com função: vermelho = abaixo · âmbar = mínima · verde = meta atingida/R$ 200 · dourado = meta máxima/R$ 300
   ══════════════════════════════════════════════════════ */
:root,[data-theme="light"]{
  --f-abaixo:#dc2626;   --f-abaixo-bg:#fef2f2;   --f-abaixo-tx:#b91c1c;
  --f-minima:#d97706;   --f-minima-bg:#fffbeb;   --f-minima-tx:#b45309;
  --f-atingida:#16a34a; --f-atingida-bg:#ecfdf3; --f-atingida-tx:#15803d;
  --f-maxima:#c99b1e;   --f-maxima-bg:#fdf6e3;   --f-maxima-tx:#8a6a0e;
  --marca:#c3cad6;
}
[data-theme="dark"]{
  --f-abaixo:#f87171;   --f-abaixo-bg:rgba(248,113,113,.12); --f-abaixo-tx:#fca5a5;
  --f-minima:#fbbf24;   --f-minima-bg:rgba(251,191,36,.12);  --f-minima-tx:#fcd34d;
  --f-atingida:#34d399; --f-atingida-bg:rgba(52,211,153,.12); --f-atingida-tx:#6ee7b7;
  --f-maxima:#f8d64e;   --f-maxima-bg:rgba(248,214,78,.12);  --f-maxima-tx:#f8d64e;
  --marca:#3a4a6b;
}

.premio-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--shadow);
  padding:24px;margin-bottom:22px;position:relative;overflow:hidden;animation:fadeUp .6s ease}
.premio-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;
  background:linear-gradient(90deg,var(--f-abaixo),var(--f-minima),var(--f-atingida),var(--f-maxima))}
.premio-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.premio-head .chart-desc{margin-bottom:0}
.premio-status{font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--surface-2);color:var(--text-muted);white-space:nowrap}
.premio-status.aberto{background:var(--badge-info-bg);color:var(--badge-info-tx)}

/* Resumo */
.premio-resumo{display:grid;grid-template-columns:1fr 1.3fr 1.3fr 1fr 1fr;gap:10px;margin-bottom:18px}
.premio-kpi{border:1px solid var(--card-border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;
  background:var(--rank-row-bg);border-left:3px solid var(--card-border)}
.premio-kpi span{font-size:11.5px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.premio-kpi strong{font-family:var(--font-display);font-size:24px;color:var(--text);letter-spacing:-.02em}
.premio-kpi strong.nome{font-size:19px}
.premio-kpi em{font-style:normal;font-size:12px;color:var(--text-muted)}
.premio-kpi .tag{align-self:flex-start;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--badge-info-bg);color:var(--badge-info-tx);text-transform:none;letter-spacing:0}
.premio-kpi.f-maxima{border-left-color:var(--f-maxima)}
.premio-kpi.f-atingida{border-left-color:var(--f-atingida)}
.premio-kpi.f-minima{border-left-color:var(--f-minima)}
.premio-kpi.f-abaixo{border-left-color:var(--f-abaixo)}
.premio-kpi.total{border-left-color:var(--azul)}

/* Linhas por colaborador */
.premio-lista{display:flex;flex-direction:column;gap:10px}
.premio-row{display:grid;grid-template-columns:36px minmax(150px,210px) 1fr 64px 120px;align-items:center;gap:18px;
  padding:14px 16px;border:1px solid var(--rank-row-border);border-radius:12px;background:var(--rank-row-bg);transition:.2s}
.premio-row:hover{border-color:var(--card-hover-border);background:var(--rank-row-hover)}
.premio-pos{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--px-bg);color:var(--px-tx)}
.premio-nome{display:flex;flex-direction:column;gap:6px;min-width:0}
.premio-taxa{font-size:12px;color:var(--text-muted)}
.premio-badge{align-self:flex-start;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px}
.premio-pontos{text-align:right;line-height:1}
.premio-pontos strong{font-family:var(--font-display);font-size:26px;color:var(--text)}
.premio-pontos span{display:block;font-size:11px;color:var(--text-muted);margin-top:4px}
.premio-valor{text-align:right;font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--text-muted)}
.premio-valor small{display:block;font-family:var(--font-sans);font-weight:500;font-size:11px;margin-top:3px;color:var(--text-muted)}

.premio-track{position:relative;height:10px;border-radius:999px;background:var(--bar-track);margin-bottom:22px}
.premio-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;transition:width .6s}
.premio-marca{position:absolute;top:-4px;width:2px;height:18px;background:var(--marca);border-radius:2px;transform:translateX(-1px)}
.premio-marca b{position:absolute;top:20px;left:50%;transform:translateX(-50%);font-size:10.5px;font-weight:600;color:var(--text-muted);font-style:normal}
.premio-falta{font-size:12.5px;color:var(--text-muted)}

/* Cor por faixa */
.premio-row.f-abaixo .premio-fill{background:var(--f-abaixo)}
.premio-row.f-abaixo .premio-badge{background:var(--f-abaixo-bg);color:var(--f-abaixo-tx)}
.premio-row.f-minima .premio-fill{background:var(--f-minima)}
.premio-row.f-minima .premio-badge{background:var(--f-minima-bg);color:var(--f-minima-tx)}
.premio-row.f-atingida .premio-fill{background:var(--f-atingida)}
.premio-row.f-atingida .premio-badge{background:var(--f-atingida-bg);color:var(--f-atingida-tx)}
.premio-row.f-maxima .premio-fill{background:linear-gradient(90deg,#e0b83a,var(--f-maxima))}
.premio-row.f-maxima .premio-badge{background:var(--f-maxima-bg);color:var(--f-maxima-tx)}
/* Ganhadores */
.premio-row.ganha-300{border-color:color-mix(in srgb,var(--f-maxima) 55%,transparent)}
.premio-row.ganha-300 .premio-valor{color:var(--f-maxima-tx)}
.premio-row.ganha-300 .premio-pos{background:linear-gradient(135deg,#f8d64e,#c99b1e);color:#2b1b00}
.premio-row.ganha-200{border-color:color-mix(in srgb,var(--f-atingida) 45%,transparent)}
.premio-row.ganha-200 .premio-valor{color:var(--f-atingida-tx)}
.premio-row.ganha-200 .premio-pos{background:linear-gradient(135deg,#eef2f7,#b7bec8);color:#1f2937}
.premio-row.empate{border-color:color-mix(in srgb,var(--f-minima) 55%,transparent)}
.premio-row.empate .premio-valor{color:var(--f-minima-tx);font-size:14px}
.premio-regra{margin-top:16px;font-size:12.5px;color:var(--text-muted);line-height:1.6}

@media (max-width:900px){
  .premio-resumo{grid-template-columns:repeat(2,1fr)}
  .premio-kpi.total{grid-column:1 / -1}
  /* barra de progresso em linha própria */
  .premio-row{grid-template-columns:32px 1fr auto auto;gap:8px 14px}
  .premio-progresso{grid-column:1 / -1;grid-row:2;padding-top:4px}
}
@media (max-width:560px){
  .premio-card{padding:18px}
  .premio-row{gap:6px 12px}
  .premio-valor{font-size:15px}
}