/* 🧮 Comissões por cliente (14/10/2026) — public/comissoes.js. Reusa .nf-st, .nf-resumo, .chip-btn, .nf-aviso do styles.css;
   aqui só o que é desta tela. As cores são as variáveis do tema (claro e escuro). */
.cm-abas{flex-wrap:wrap}
.cm-notas{max-width:360px}
.cm-nota{display:inline-block;margin:1px 2px;padding:1px 7px;border-radius:999px;font-size:11px;background:var(--surface-2);border:1px solid var(--border);white-space:nowrap}
.cm-nota.canc{text-decoration:line-through;color:var(--muted-2)}
/* (14/10/2026, padrão adotado) a entrada no eNotas da mesma venda: aparece, fora da base */
.cm-nota.cm-entrada{border-style:dashed;color:var(--muted-2)}
.cm-tabela td:first-child{width:28px}
.cm-tabela input[type=checkbox]{width:20px;height:20px}
.cm-form .nf-form{margin-top:8px}
.cm-desfeito td{opacity:.6}
.cm-config,.cm-pags,.cm-antigo{margin-top:12px}
/* (14/10/2026, pedido do dono) o resumo por pessoa: o NÚMERO de clientes é o botão que abre a lista */
.cm-periodo{align-items:flex-end}
.cm-atalhos{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%}
.cm-resumo td{vertical-align:top}
.cm-resumo tr.cm-on td{background:var(--surface-2)}
.cm-num{font:inherit;font-size:22px;font-weight:700;line-height:1.1;min-width:44px;min-height:44px;padding:4px 10px;border-radius:10px;
  border:1px solid var(--border);background:var(--surface-2);color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cm-num:hover,.cm-num:focus-visible{border-color:currentColor}
.cm-titulo{margin:16px 0 6px;font-size:15px}
.cm-config summary,.cm-pags summary,.cm-antigo summary{cursor:pointer;font-size:13px}
@media (max-width:640px){
  .cm-notas{max-width:none}
  .cm-tabela input[type=checkbox]{width:24px;height:24px}
}