/* Neon Control: commission workspace and its dialogs only; no financial behavior. */
body :is(#commissionWorkspace,.hr-commissions,#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog){--nc-bg:#101b21;--nc-panel:#16272f;--nc-line:#345361;--nc-text:#dcecf3;color:var(--nc-text)!important;font-family:inherit;scrollbar-width:thin;scrollbar-color:#3b5d6d #0b1419}
body :is(#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog){background:var(--nc-bg)!important;border:1px solid #3d6676!important;border-radius:17px!important;box-shadow:0 18px 60px #0009,0 0 18px #10c6e510!important;max-width:calc(100vw - 24px)!important;max-height:90dvh!important;overflow:auto!important}
body :is(#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog)>:is(div,form){background:var(--nc-bg)!important;color:var(--nc-text)!important;min-width:0!important;box-sizing:border-box;max-width:100%}
body :is(#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) header{position:relative;background:linear-gradient(110deg,#0e0b12,#071b22)!important;color:#e8f4fa!important;border-bottom:1px solid #315b6c!important}
body :is(#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) header::after{content:"";position:absolute;bottom:0;left:20px;width:170px;height:3px;border-radius:3px;background:linear-gradient(90deg,#11c8e9,#ac39df,#ed208e,#ffad24)}
body :is(#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) .eyebrow{color:#43d3f1!important}
body :is(#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) :is(h2,h3){color:#e9f6fc!important}
body :is(#commissionWorkspace,.hr-commissions,#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) :is(.commission-kpis article,.commission-run-list article,.commission-detail-list article,.commission-requirements article,.commission-rate-list label,.commission-rules,.commission-preview){background:#16252d!important;border:1px solid #365565!important;border-radius:12px!important;color:#dcecf3!important;box-shadow:0 0 10px #16b9d608!important}
body :is(#commissionWorkspace,.hr-commissions,#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) :is(small,.commission-policy){color:#aec3ce!important}
body :is(#commissionWorkspace,.hr-commissions,#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) :is(button,input,select,textarea,summary){font-family:inherit}
body :is(#commissionWorkspace,.hr-commissions,#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) :is(input,select,textarea){background:#0b1b23!important;color:#e4f0f5!important;border:1px solid #3d5d6c!important;border-radius:8px!important;box-sizing:border-box;max-width:100%}
body :is(#commissionWorkspace,.hr-commissions,#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) button{background:#2b182b!important;color:#ffceea!important;border:1px solid #b63683!important;border-radius:9px!important;box-shadow:0 0 9px #d7238d16!important;font-weight:600!important}
body :is(#commissionWorkspace,.hr-commissions,#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) button:hover{border-color:#f967ba!important;box-shadow:0 0 12px #e7369e32!important}
body :is(#commissionWorkspace,.hr-commissions,#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) :is(button,input,select,textarea,summary):focus-visible{outline:2px solid #26c9e7!important;outline-offset:2px}
body #commissionDetailDialog .commission-detail-list details{min-width:0;grid-column:1/-1}
body #commissionDetailDialog .commission-detail-list details summary{display:list-item;background:#0f232e!important;color:#bcecff!important;border:1px solid #345d70;border-radius:8px;padding:9px 12px;cursor:pointer;font-size:12px}
body #commissionDetailDialog .commission-detail-list details p{background:#0e1b24!important;color:#d9eaf2!important;border:1px solid #2e4b5b!important;border-left:2px solid #28b6d7!important;border-radius:8px!important;padding:10px 12px!important;line-height:1.5!important;overflow-wrap:anywhere;margin:7px 0!important;font-size:12px!important}
body #commissionDetailDialog .commission-detail-list details p b{color:#64d9f2!important}
body :is(#commissionWorkspace,.hr-commissions,#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) :is(.commission-run-status,.commission-eligibility){border:1px solid #aa8338!important;background:#332716!important;color:#ffdc95!important;box-shadow:0 0 8px #dca34120!important}
body :is(#commissionWorkspace,.hr-commissions,#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) :is(.commission-run-status.paid,.commission-eligibility.enabled){border-color:#318f71!important;background:#112f27!important;color:#8af0c5!important;box-shadow:0 0 8px #39cf9325!important}
body :is(#commissionWorkspace,.hr-commissions,#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) .commission-run-status.approved{border-color:#308baa!important;background:#102b39!important;color:#9ce7fa!important}
body :is(#commissionWorkspace,.hr-commissions) :is(.commission-seller-overview,.commission-seller-overview header,.commission-seller-overview .erp-table-wrap){background:#0e1a21!important;border-color:#34525f!important}
body :is(#commissionWorkspace,.hr-commissions,#commissionPreview) table :is(th,td){background:#13242d!important;color:#dcecf3!important;border-color:#2c4958!important}
body :is(#commissionWorkspace,.hr-commissions,#commissionPreview) table th{background:#07151c!important;color:#91dbea!important}
body :is(#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) footer{background:#0f1b22!important;border-top:1px solid #31515f!important;box-shadow:none!important}
body :is(#commissionWorkspace,.hr-commissions,#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) ::-webkit-scrollbar{width:6px;height:6px}
body :is(#commissionWorkspace,.hr-commissions,#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) ::-webkit-scrollbar-track{background:#0b1419}
body :is(#commissionWorkspace,.hr-commissions,#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) ::-webkit-scrollbar-thumb{background:#3b5d6d;border-radius:8px}
@media(max-width:600px){body #commissionDetailDialog .commission-detail-list article{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}body #commissionDetailDialog .commission-detail-list article>div{min-width:0}body :is(#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) header{padding:16px!important}body :is(#commissionRunDialog,#commissionDetailDialog,#commissionPayDialog) footer{flex-wrap:wrap}}