/* V67 — Comissões mensais */
.commission-page-v67 { display:grid; gap:14px; min-width:0; }
.commission-hero-v67 { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:3px 2px; }
.commission-hero-v67 h2,.commission-hero-v67 p { margin:0; }
.commission-hero-v67 h2 { font-size:25px; }
.commission-hero-v67 > div:first-child > p:last-child { margin-top:3px; color:var(--muted); font-size:11px; }
.commission-hero-actions-v67 { display:flex; align-items:end; gap:8px; }
.commission-hero-actions-v67 label { display:grid; gap:4px; color:var(--muted); font-size:8px; font-weight:850; }
.commission-hero-actions-v67 input { min-height:39px; padding:8px 10px; border:1px solid var(--border); border-radius:10px; background:var(--surface-3); color:var(--text); }
.commission-hero-actions-v67 button { min-width:128px; }
.commission-status-line-v67 { display:flex; align-items:center; gap:9px; min-height:30px; padding:6px 10px; border:1px solid var(--border); border-radius:10px; background:var(--surface); }
.commission-status-line-v67 span { padding:4px 7px; border-radius:7px; background:#fff7ed; color:#b54708; font-size:8px; font-weight:850; }
.commission-status-line-v67 span.closed { background:#ecfdf3; color:#067647; }
.commission-status-line-v67 p { margin:0; color:var(--muted); font-size:8px; }

.commission-metrics-v67 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.commission-metrics-v67 article { position:relative; display:grid; gap:3px; min-width:0; padding:14px 15px; overflow:hidden; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
.commission-metrics-v67 article::after { content:''; position:absolute; right:-18px; bottom:-26px; width:78px; height:78px; border-radius:50%; background:rgba(20,141,255,.07); }
.commission-metrics-v67 small,.commission-metrics-v67 span { color:var(--muted); font-size:9px; }
.commission-metrics-v67 strong { font-size:18px; }
.commission-payable-v67 { border-color:rgba(20,141,255,.3)!important; background:linear-gradient(135deg,rgba(20,141,255,.1),var(--surface))!important; }
.commission-payable-v67 strong { color:var(--power-blue); }

.commission-goal-card-v67 { padding:15px!important; }
.commission-goal-head-v67 { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.commission-goal-head-v67 h3 { margin:7px 0 0; font-size:21px; }
.commission-goal-head-v67 h3 small { color:var(--muted); font-size:11px; font-weight:650; }
.commission-goal-status-v67 { display:inline-flex; padding:5px 8px; border-radius:999px; background:#fff7ed; color:#b54708; font-size:8px; font-weight:850; }
.commission-goal-status-v67.hit { background:#ecfdf3; color:#067647; }
.commission-bonus-state-v67 { display:grid; gap:2px; min-width:235px; padding:10px 12px; text-align:right; border:1px solid var(--border); border-radius:11px; background:var(--surface-3); }
.commission-bonus-state-v67 strong { font-size:11px; }
.commission-bonus-state-v67 span { color:var(--muted); font-size:8px; }
.commission-bonus-state-v67.active { border-color:rgba(18,183,106,.3); background:rgba(18,183,106,.08); }
.commission-bonus-state-v67.active strong { color:#12b76a; }
.commission-progress-v67 { height:9px; margin-top:12px; overflow:hidden; border-radius:999px; background:var(--surface-3); }
.commission-progress-v67 span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#21a7ff,#0a6cff); }
.commission-goal-foot-v67 { display:flex; justify-content:space-between; gap:8px; margin-top:7px; color:var(--muted); font-size:8px; }
.commission-goal-foot-v67 strong { color:var(--text); }

.commission-alerts-v67 { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:8px; }
.commission-alerts-v67:empty { display:none; }
.commission-alerts-v67 article { display:flex; gap:9px; padding:11px; border:1px solid var(--border); border-radius:12px; background:var(--surface); }
.commission-alerts-v67 article > span { display:grid; flex:0 0 auto; place-items:center; width:28px; height:28px; border-radius:9px; background:rgba(20,141,255,.1); color:var(--power-blue); font-weight:900; }
.commission-alerts-v67 article.warning > span { background:#fff7ed; color:#b54708; }
.commission-alerts-v67 strong { font-size:10px; }
.commission-alerts-v67 p { margin:3px 0 0; color:var(--muted); font-size:8px; line-height:1.45; }

.commission-sellers-v67 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.commission-no-users-v68 { grid-column:1/-1; display:flex; align-items:center; justify-content:center; gap:12px; min-height:150px; padding:24px!important; text-align:left; }
.commission-no-users-v68 > span { font-size:30px; }.commission-no-users-v68 strong { font-size:13px; }.commission-no-users-v68 p { max-width:520px; margin:4px 0 0; color:var(--muted); font-size:9px; line-height:1.5; }
.commission-seller-card-v67 { padding:0!important; overflow:hidden; }
.commission-seller-card-v67 header { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; padding:13px 14px; border-bottom:1px solid var(--border); }
.commission-avatar-v67 { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:linear-gradient(135deg,#21a7ff,#0a6cff); color:#fff; font-size:15px; font-weight:900; }
.commission-seller-card-v67 h3,.commission-seller-card-v67 p { margin:0; }
.commission-seller-card-v67 h3 { font-size:14px; }
.commission-seller-card-v67 p { margin-top:2px; color:var(--muted); font-size:8px; }
.commission-band-v67 { padding:5px 8px; border-radius:999px; background:rgba(20,141,255,.1); color:var(--power-blue); font-size:8px; font-weight:850; }
.commission-category-head-v67,.commission-category-rows-v67 > div { display:grid; grid-template-columns:minmax(145px,1fr) 100px 100px; align-items:center; gap:8px; }
.commission-category-head-v67 { padding:8px 14px; color:var(--muted); font-size:7px; font-weight:850; text-transform:uppercase; }
.commission-category-head-v67 span:not(:first-child),.commission-category-rows-v67 strong,.commission-category-rows-v67 b { text-align:right; }
.commission-category-rows-v67 > div { padding:8px 14px; border-top:1px solid var(--border); font-size:9px; }
.commission-category-rows-v67 span { display:grid; gap:1px; }
.commission-category-rows-v67 small { color:var(--muted); font-size:7px; }
.commission-category-rows-v67 b { color:var(--power-blue); }
.commission-seller-totals-v67 { display:grid; gap:6px; margin:10px 12px 12px; padding:10px; border-radius:11px; background:var(--surface-3); }
.commission-seller-totals-v67 > div { display:flex; justify-content:space-between; gap:8px; color:var(--muted); font-size:8px; }
.commission-seller-totals-v67 strong { color:var(--text); }
.commission-seller-totals-v67 strong.positive { color:#12b76a; }
.commission-seller-totals-v67 .final { padding-top:7px; border-top:1px solid var(--border); color:var(--text); font-size:10px; font-weight:850; }
.commission-seller-totals-v67 .final strong { color:var(--power-blue); font-size:15px; }
.commission-seller-card-v67 footer { padding:8px 13px; border-top:1px solid rgba(245,158,11,.2); background:#fff7ed; color:#b54708; font-size:8px; }
body:not(.light) .commission-seller-card-v67 footer { background:rgba(245,158,11,.08); }

.commission-review-v67 { padding:0!important; overflow:hidden; }
.commission-section-head-v67 { display:flex; align-items:end; justify-content:space-between; gap:12px; padding:13px; }
.commission-section-head-v67 h3,.commission-section-head-v67 p { margin:0; }
.commission-section-head-v67 h3 { font-size:15px; }
.commission-section-head-v67 p { margin-top:2px; color:var(--muted); font-size:8px; }
.commission-review-filters-v67 { display:flex; gap:7px; }
.commission-review-filters-v67 label { display:grid; gap:4px; color:var(--muted); font-size:8px; font-weight:850; }
.commission-review-filters-v67 select { min-height:36px; padding:7px 9px; border:1px solid var(--border); border-radius:9px; background:var(--surface-3); color:var(--text); }
.commission-review-summary-v67 { display:flex; flex-wrap:wrap; gap:7px; padding:0 13px 10px; }
.commission-review-summary-v67 span { padding:5px 8px; border-radius:7px; background:var(--surface-3); color:var(--muted); font-size:8px; }
.commission-review-summary-v67 span.warning { background:#fff7ed; color:#b54708; }
.commission-review-summary-v67 strong { color:var(--text); }
.commission-table-wrap-v67 { max-height:360px; overflow:auto; border-top:1px solid var(--border); }
.commission-table-v67 { min-width:950px; width:100%; border-collapse:collapse; }
.commission-table-v67 thead { position:sticky; top:0; z-index:2; background:var(--surface); }
.commission-table-v67 th,.commission-table-v67 td { padding:9px; text-align:left; border-bottom:1px solid var(--border); font-size:9px; }
.commission-table-v67 th { color:var(--muted); font-size:7px; text-transform:uppercase; }
.commission-table-v67 td small { display:block; margin-top:2px; color:var(--muted); font-size:7px; }
.commission-table-v67 tr.review { background:rgba(245,158,11,.045); }
.commission-class-v67,.commission-situation-v67 { display:inline-flex; padding:4px 7px; border-radius:7px; font-size:7px; font-weight:850; white-space:nowrap; }
.commission-class-v67.accessories { color:#175cd3; background:#eff8ff; }.commission-class-v67.services { color:#6941c6; background:#f4f3ff; }.commission-class-v67.phones { color:#067647; background:#ecfdf3; }.commission-class-v67.sealedIphones { color:#b54708; background:#fffaeb; }.commission-class-v67.unclassified { color:#475467; background:#f2f4f7; }
.commission-situation-v67.ok { color:#067647; background:#ecfdf3; }.commission-situation-v67.warning { color:#b54708; background:#fffaeb; }.commission-situation-v67.off { color:#475467; background:#f2f4f7; }

.commission-rules-card-v67 { width:min(980px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; }
.commission-config-grid-v67 { display:grid; grid-template-columns:1fr 1fr 1.25fr; gap:9px; margin-top:12px; }
.commission-config-grid-v67 > label,.commission-seller-config-v67 label { display:grid; gap:5px; color:var(--muted); font-size:8px; font-weight:850; }
.commission-config-grid-v67 input,.commission-seller-config-v67 input,.commission-bands-v67 input { width:100%; min-height:38px; padding:7px 9px; border:1px solid var(--border); border-radius:9px; background:var(--surface-3); color:var(--text); }
.commission-cash-toggle-v67 { grid-template-columns:auto 1fr!important; align-items:center; padding:8px 10px; border:1px solid rgba(20,141,255,.23); border-radius:10px; background:rgba(20,141,255,.06); cursor:pointer; }
.commission-cash-toggle-v67 input { width:18px; min-height:18px; }
.commission-cash-toggle-v67 span { display:grid; gap:1px; }.commission-cash-toggle-v67 strong { color:var(--text); }.commission-cash-toggle-v67 small { font-weight:500; }
.commission-config-section-v67 { display:grid; gap:9px; margin-top:14px; padding-top:13px; border-top:1px solid var(--border); }
.commission-config-section-v67 h3,.commission-config-section-v67 p { margin:0; }.commission-config-section-v67 h3 { font-size:12px; }.commission-config-section-v67 p { margin-top:2px; color:var(--muted); font-size:8px; }
.commission-seller-config-v67 { display:grid; grid-template-columns:1fr 1.35fr 1fr 1.35fr; gap:8px; }
.commission-users-config-v68 { display:grid; gap:8px; }
.commission-users-config-v68 article { display:grid; grid-template-columns:auto minmax(150px,1fr) minmax(220px,1.3fr) auto; align-items:center; gap:10px; padding:10px; border:1px solid var(--border); border-radius:11px; background:var(--surface-2); }
.commission-user-avatar-v68 { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:rgba(20,141,255,.12); color:var(--power-blue); font-weight:900; }
.commission-users-config-v68 article > div:nth-child(2) { display:grid; gap:2px; }.commission-users-config-v68 article > div:nth-child(2) strong { font-size:10px; }.commission-users-config-v68 article > div:nth-child(2) small { color:var(--muted); font-size:8px; }
.commission-users-config-v68 label { display:grid; gap:4px; color:var(--muted); font-size:8px; font-weight:850; }.commission-users-config-v68 input { width:100%; min-height:36px; padding:7px 9px; border:1px solid var(--border); border-radius:9px; background:var(--surface-3); color:var(--text); }
.commission-users-config-v68 article > span { padding:5px 7px; border-radius:7px; background:#ecfdf3; color:#067647; font-size:7px; font-weight:850; white-space:nowrap; }
.commission-users-empty-v68 { padding:18px; text-align:center; border:1px dashed var(--border); border-radius:11px; }.commission-users-empty-v68 strong { font-size:11px; }.commission-users-empty-v68 p { margin:4px 0 0; color:var(--muted); font-size:8px; }
.commission-bands-scroll-v67 { overflow:auto; border:1px solid var(--border); border-radius:10px; }
.commission-bands-v67 { min-width:830px; width:100%; border-collapse:collapse; }
.commission-bands-v67 th,.commission-bands-v67 td { padding:7px; text-align:left; border-bottom:1px solid var(--border); font-size:8px; }
.commission-bands-v67 th { color:var(--muted); font-size:7px; }
.commission-bands-v67 tr:last-child td { border-bottom:0; }
.commission-bands-v67 input { min-height:34px; }
.commission-rules-note-v67 { margin-top:10px; padding:9px 10px; border-radius:9px; background:rgba(20,141,255,.07); color:var(--muted); font-size:8px; }

@media(max-width:1100px){.commission-metrics-v67{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-hero-v67{align-items:stretch;flex-direction:column}.commission-hero-actions-v67{justify-content:flex-end}.commission-seller-config-v67{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .commission-hero-actions-v67{display:grid;grid-template-columns:1fr 1fr}.commission-hero-actions-v67 label{grid-column:1/-1}.commission-hero-actions-v67 button{min-width:0;width:100%}
  .commission-goal-head-v67,.commission-section-head-v67{align-items:stretch;flex-direction:column}.commission-bonus-state-v67{min-width:0;text-align:left}.commission-sellers-v67{grid-template-columns:1fr}
  .commission-review-filters-v67{display:grid;grid-template-columns:1fr 1fr}.commission-table-wrap-v67{max-height:none;padding:9px;overflow:visible}.commission-table-v67{min-width:0;border-collapse:separate;border-spacing:0 8px}.commission-table-v67 thead{display:none}.commission-table-v67 tbody,.commission-table-v67 tr,.commission-table-v67 td{display:block;width:100%}.commission-table-v67 tr{padding:9px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.commission-table-v67 td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:7px;padding:5px 2px;border:0}.commission-table-v67 td::before{color:var(--muted);font-size:7px;font-weight:850;text-transform:uppercase}.commission-table-v67 td:nth-child(1)::before{content:'Venda'}.commission-table-v67 td:nth-child(2)::before{content:'Vendedora'}.commission-table-v67 td:nth-child(3)::before{content:'Item'}.commission-table-v67 td:nth-child(4)::before{content:'Classificação'}.commission-table-v67 td:nth-child(5)::before{content:'Quantidade'}.commission-table-v67 td:nth-child(6)::before{content:'Valor'}.commission-table-v67 td:nth-child(7)::before{content:'Situação'}
  .commission-config-grid-v67,.commission-seller-config-v67{grid-template-columns:1fr}.commission-cash-toggle-v67{grid-template-columns:auto 1fr!important}.commission-users-config-v68 article{grid-template-columns:auto minmax(0,1fr)}.commission-users-config-v68 article label,.commission-users-config-v68 article>span{grid-column:1/-1}.commission-users-config-v68 article>span{justify-self:start}
}
@media(max-width:430px){.commission-metrics-v67{grid-template-columns:1fr}.commission-category-head-v67,.commission-category-rows-v67>div{grid-template-columns:minmax(120px,1fr) 82px 82px}.commission-review-filters-v67{grid-template-columns:1fr}.commission-goal-foot-v67{flex-direction:column}}