.cn-commission-shell{display:grid;gap:16px}
.cn-commission-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cn-commission-toolbar h3{margin:0 0 5px;color:#082b55}
.cn-commission-toolbar p{margin:0;color:#62758d}
.cn-commission-toolbar-controls{display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.cn-commission-owner-field{min-width:210px}
.cn-commission-owner-field.single-owner{opacity:.85}
.cn-commission-actions{display:flex;gap:8px;flex-wrap:wrap}
.cn-commission-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cn-commission-kpi{background:#fff;border:1px solid #d6e0eb;border-radius:10px;padding:16px;box-shadow:0 1px 2px rgba(10,43,84,.04)}
.cn-commission-kpi .label{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#61758e}
.cn-commission-kpi .value{margin-top:7px;font-size:25px;font-weight:800;color:#082b55}
.cn-commission-kpi .hint{margin-top:4px;font-size:12px;color:#6c7f95}
.cn-commission-kpi.primary{border-color:#86bde4;background:linear-gradient(135deg,#eef8ff,#fff)}
.cn-commission-kpi.primary .value{color:#0d76b8}
.cn-commission-kpi.cn-commission-private{grid-column:1/-1;background:#f7f9fc}
.cn-commission-progress-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center}
.cn-commission-progress-card h3{margin:0;color:#082b55}
.cn-commission-progress-card p{margin:6px 0 0;color:#63758c}
.cn-commission-progress{height:12px;background:#e7eef5;border-radius:999px;overflow:hidden;margin-top:13px}
.cn-commission-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1684c4,#0a548a);transition:width .25s ease}
.cn-commission-status{text-align:right;min-width:185px}
.cn-commission-status strong{display:block;font-size:20px;color:#082b55}
.cn-commission-status span{display:inline-flex;margin-top:6px;padding:4px 9px;border-radius:999px;background:#e8f7ee;color:#177044;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.cn-commission-status span.pending{background:#fff3df;color:#935e06}
.cn-commission-settings{display:grid;grid-template-columns:minmax(0,1fr) 150px 125px auto;gap:12px;align-items:end}
.cn-commission-rule{color:#536980;line-height:1.45}
.cn-commission-rule strong{color:#082b55}
.cn-commission-field label{display:block;margin-bottom:5px;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#60748c}
.cn-commission-field input,.cn-commission-field select,.cn-commission-field textarea{width:100%;border:1px solid #cbd8e5;border-radius:7px;padding:9px 10px;background:#fff;color:#0a2b51}
.cn-commission-field textarea{min-height:78px;resize:vertical}
.cn-commission-table-wrap{overflow:auto}
.cn-commission-table{width:100%;border-collapse:collapse;white-space:nowrap}
.cn-commission-table th{padding:10px 9px;background:#0d4f86;color:#fff;border-bottom:1px solid #0a3f6c;text-align:left;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.025em}
.cn-commission-table td{padding:10px 9px;border-bottom:1px solid #e2e9f0;color:#253d58;font-size:12px;vertical-align:top}
.cn-commission-table tbody tr:hover{background:#f6faff}
.cn-commission-table tfoot td{background:#eef5fb;color:#082b55;font-weight:800}
.cn-commission-table .num{text-align:right;font-variant-numeric:tabular-nums}
.cn-commission-table .job-number{font-weight:800;color:#0b5d96}
.cn-commission-table .notes{white-space:normal;min-width:210px;max-width:320px;color:#61758d}
.cn-commission-table .muted{color:#718398;font-size:11px}
.cn-commission-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.cn-commission-card-head h3{margin:0;color:#082b55}
.cn-commission-card-head p{margin:4px 0 0;color:#6a7c92;font-size:12px}
.cn-commission-filter{display:flex;align-items:center;gap:8px}
.cn-commission-filter label{font-size:11px;font-weight:800;color:#61758e;text-transform:uppercase}
.cn-commission-filter select{border:1px solid #cbd8e5;border-radius:7px;padding:8px 28px 8px 9px;background:#fff;color:#0a2b51}
.cn-commission-row-actions{display:flex;gap:5px}
.cn-commission-row-actions button{border:1px solid #cbd8e5;background:#fff;color:#17466f;border-radius:6px;padding:5px 7px;cursor:pointer}
.cn-commission-row-actions button:hover{background:#eaf4fb}
.cn-commission-empty{padding:28px!important;text-align:center;color:#6a7d93!important;white-space:normal!important}
.cn-commission-dialog{border:0;border-radius:12px;padding:0;width:min(720px,calc(100vw - 28px));box-shadow:0 20px 55px rgba(0,28,62,.28)}
.cn-commission-dialog::backdrop{background:rgba(4,25,49,.48)}
.cn-commission-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #dbe4ed}
.cn-commission-dialog-head h3{margin:0;color:#082b55}
.cn-commission-dialog-head button{border:0;background:transparent;font-size:24px;color:#60748c;cursor:pointer}
.cn-commission-form{padding:18px}
.cn-commission-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.cn-commission-field.full{grid-column:1/-1}
.cn-commission-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}
.cn-commission-source{display:inline-flex;padding:3px 7px;border-radius:999px;background:#eef5fb;color:#315f86;font-size:10px;font-weight:800;text-transform:uppercase}
.cn-commission-source.auto{background:#e8f7ee;color:#177044}
@media(max-width:1050px){.cn-commission-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-commission-settings{grid-template-columns:1fr 1fr}.cn-commission-rule{grid-column:1/-1}.cn-commission-progress-card{grid-template-columns:1fr}.cn-commission-status{text-align:left}}
@media(max-width:680px){.cn-commission-kpis{grid-template-columns:1fr}.cn-commission-form-grid{grid-template-columns:1fr}.cn-commission-field.full{grid-column:auto}.cn-commission-settings{grid-template-columns:1fr}.cn-commission-toolbar{display:block}.cn-commission-toolbar-controls{display:block}.cn-commission-owner-field{margin-top:14px}.cn-commission-actions{margin-top:12px}.cn-commission-status{min-width:0}}
