/* v40 — manager analytics & commission */
#analytics .ma-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0 16px}
.ma-range{display:inline-flex;background:#eef2f6;border-radius:12px;padding:4px;gap:2px}
.ma-range button{border:0;background:transparent;padding:8px 14px;border-radius:9px;cursor:pointer;font:inherit;color:#51607a;font-weight:600}
.ma-range button.active{background:#0f766e;color:#fff}
.ma-custom{display:inline-flex;gap:10px;align-items:center}
.ma-custom label{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:#51607a}
.ma-custom input{width:120px;padding:7px 9px;border:1px solid #dbe2ea;border-radius:9px}
.ma-badge{font-size:12px;padding:5px 10px;border-radius:20px;font-weight:600}
.ma-badge.snap{background:#fdeede;color:#b45309}
.ma-badge.live{background:#e6f6f2;color:#0f766e}
.ma-kpis article strong{font-size:24px}
.ma-target-track{position:relative;height:34px;background:#eef2f6;border-radius:10px;overflow:hidden;margin-top:6px}
.ma-target-track i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#0f766e,#22c55e);border-radius:10px}
.ma-target-track b{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:700;color:#17202a}
.ma-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
@media(max-width:820px){.ma-grid{grid-template-columns:1fr}}
.ma-flow{display:flex;flex-direction:column;gap:12px;padding:6px 2px}
.ma-bar-row{display:grid;grid-template-columns:180px 1fr auto;gap:10px;align-items:center}
.ma-bar-label{font-size:13px;color:#51607a}
.ma-bar-track{height:14px;background:#eef2f6;border-radius:8px;overflow:hidden}
.ma-bar-track.sm{height:10px}
.ma-bar-track i{display:block;height:100%;border-radius:8px}
.ma-bar-val{font-size:13px;font-weight:700}
.ma-chart{display:grid;place-items:center;padding:8px}
.ma-chart svg{width:100%;max-width:360px;height:auto}
.ma-chart-x{fill:#51607a;font-size:11px}
.ma-chart-v{fill:#17202a;font-size:11px;font-weight:700}
.ma-comm{margin-top:16px}
.ma-rate{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:6px 2px 14px}
.ma-rate input[type=range]{flex:1;min-width:180px;max-width:340px;accent-color:#0f766e;height:6px}
.ma-rate b{font-size:18px;color:#0f766e;min-width:44px}
.ma-rate-ticks{display:inline-flex;gap:14px;font-size:12px;color:#8a97a6}
.ma-rate-ticks span.on{color:#0f766e;font-weight:800}
.ma-table-wrap{overflow-x:auto}
.ma-table{width:100%;border-collapse:collapse;font-size:13.5px}
.ma-table th,.ma-table td{padding:10px 12px;text-align:right;border-bottom:1px solid #eef2f6;white-space:nowrap}
.ma-table th{color:#51607a;font-weight:600;font-size:12.5px}
.ma-table .ma-pos{color:#0f766e;font-weight:700}
.ma-comm-cell strong{color:#b45309}
.ma-table tfoot td{border-top:2px solid #dbe2ea;border-bottom:0;font-size:14px}
.ma-empty{padding:26px;text-align:center;color:#8a97a6}
@media(prefers-color-scheme:dark){
  .ma-range{background:#222c37}.ma-range button{color:#aab6c6}
  .ma-custom input{background:#1c2530;border-color:#33404f;color:#eef2f6}
  .ma-target-track,.ma-bar-track{background:#222c37}
  .ma-table th,.ma-table td{border-color:#2a3542}.ma-table .ma-pos{color:#4ade80}
  .ma-chart-v{fill:#eef2f6}.ma-target-track b{color:#fff}
}