.ec-subnav {
  display: none;
  position: sticky;
  top: 56px;
  z-index: 18;
  align-items: center;
  gap: 8px;
  margin: 10px 0 14px;
  padding: 8px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
}
.ec-subnav > span { margin: 0 auto 0 4px; color: var(--text3); font-size: 12px; font-weight: 800; }
.ec-subnav button { border: 1px solid var(--border2); background: transparent; color: var(--text2); padding: 9px 12px; border-radius: 9px; font-weight: 800; cursor: pointer; }
.ec-subnav button.active { background: var(--gold); border-color: var(--gold); color: var(--navy2); }
.ec-rule-note { display: flex; gap: 10px; align-items: flex-start; margin: -5px 0 14px; padding: 11px 13px; border: 1px solid #3b82f655; background: #3b82f612; border-radius: 11px; }
.ec-rule-note > i { color: #60a5fa; margin-top: 2px; }
.ec-rule-note b, .ec-rule-note span { display: block; }
.ec-rule-note b { font-size: 12px; margin-bottom: 3px; }
.ec-rule-note span { font-size: 11px; line-height: 1.45; color: var(--text3); }
#employee-commissions-panel .ec-table { display: block !important; height: auto !important; }
#employee-commissions-panel .ec-table thead,
#employee-commissions-panel .ec-table tbody { display: block !important; height: auto !important; }
#employee-commissions-panel .ec-table tr { display: grid; grid-template-columns: 58px 190px 82px 82px 82px 105px 110px 105px 125px 135px 190px; height: auto !important; }
#employee-commissions-panel .ec-table th,
#employee-commissions-panel .ec-table td { display: block; height: auto !important; }
#employee-commissions-panel .ec-table th,
#employee-commissions-panel .ec-table td { padding-top: 12px; padding-bottom: 12px; vertical-align: middle; }
#employee-commissions-panel .ec-table tr[data-print-employee],
#employee-commissions-panel .ec-table tr[data-print-employee] > td { min-height: 84px; height: auto !important; }
#employee-commissions-panel .ec-table th { white-space: normal; line-height: 1.25; }
#employee-commissions-panel .ec-table td:last-child { display: flex; flex-direction: column; justify-content: center; gap: 5px; }
#employee-commissions-panel .ec-table .ec-detail { display: none; }
#employee-commissions-panel .ec-table .ec-detail.open { display: block; }
#employee-commissions-panel .ec-table .ec-detail > td { width: 100%; }
@media (max-width: 620px) {
  .ec-subnav { top: 50px; display: grid !important; grid-template-columns: 1fr 1fr; }
  .ec-subnav > span { grid-column: 1 / -1; }
  .ec-subnav button { padding: 8px 6px; font-size: 11px; }
  #employee-commissions-panel .ec-table { min-width: 0; width: 100%; }
  #employee-commissions-panel .ec-table thead { display: none !important; }
  #employee-commissions-panel .ec-table tr[data-print-employee] { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; margin-bottom: 12px; padding: 12px; border: 1px solid var(--border2); border-radius: 12px; background: var(--navy2); }
  #employee-commissions-panel .ec-table tr[data-print-employee] > td { min-height: 0; padding: 8px 4px; border: 0; }
  #employee-commissions-panel .ec-table tr[data-print-employee] > td:nth-child(2),
  #employee-commissions-panel .ec-table tr[data-print-employee] > td:last-child { grid-column: 1 / -1; }
  #employee-commissions-panel .ec-table tr[data-print-employee] > td::before { display: block; margin-bottom: 4px; color: var(--text3); font-size: 9px; font-weight: 800; text-transform: uppercase; }
  #employee-commissions-panel .ec-table tr[data-print-employee] > td:nth-child(1)::before { content: "Ranking"; }
  #employee-commissions-panel .ec-table tr[data-print-employee] > td:nth-child(2)::before { content: "Funcionário"; }
  #employee-commissions-panel .ec-table tr[data-print-employee] > td:nth-child(3)::before { content: "Agendados"; }
  #employee-commissions-panel .ec-table tr[data-print-employee] > td:nth-child(4)::before { content: "Concluídos"; }
  #employee-commissions-panel .ec-table tr[data-print-employee] > td:nth-child(5)::before { content: "Cancelados"; }
  #employee-commissions-panel .ec-table tr[data-print-employee] > td:nth-child(6)::before { content: "Ticket médio"; }
  #employee-commissions-panel .ec-table tr[data-print-employee] > td:nth-child(7)::before { content: "Faturamento"; }
  #employee-commissions-panel .ec-table tr[data-print-employee] > td:nth-child(8)::before { content: "Percentual"; }
  #employee-commissions-panel .ec-table tr[data-print-employee] > td:nth-child(9)::before { content: "Comissão prevista"; }
  #employee-commissions-panel .ec-table tr[data-print-employee] > td:nth-child(10)::before { content: "Comissão confirmada"; }
  #employee-commissions-panel .ec-table tr[data-print-employee] > td:last-child { display: grid; grid-template-columns: 1fr 1fr; }
  #employee-commissions-panel .ec-table .ec-detail.open { width: 100%; }
}