.data-panel.is-commissions{padding:24px;border-top:1px solid var(--line);border-radius:14px;overflow:hidden}.data-panel.is-commissions>.table-wrap{display:none}.data-panel.is-commissions>.data-loading,.data-panel.is-commissions>.data-empty{margin:-24px;min-height:300px}.commercial-commissions{display:grid;gap:18px;width:100%;box-sizing:border-box}.commission-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.commission-head h2,.commission-head p{margin:0}.commission-head p{margin-top:5px;color:var(--muted)}.commission-period{display:flex;align-items:end;flex-wrap:wrap;gap:8px}.commission-period label{display:grid;gap:4px;color:var(--muted);font-size:9px;font-weight:800}.commission-period input,.commission-period select{height:38px;min-width:132px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:#fff}.commission-tabs{display:flex;align-items:center;gap:6px;padding:4px;border-radius:11px;background:#f2f4f7;width:max-content}.commission-tabs button{min-width:130px;padding:9px 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.commission-tabs button.is-active{background:#fff;color:var(--role);box-shadow:0 1px 4px rgb(16 24 40 / 10%)}.commission-cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.commission-cards.is-cash{grid-template-columns:repeat(3,minmax(160px,1fr))}.commission-cards article{display:grid;gap:6px;padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff}.commission-cards small{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.commission-cards strong{font-size:21px}.commission-list-head{display:flex;align-items:end;justify-content:space-between;gap:14px}.commission-list-head h3,.commission-list-head span{display:block;margin:0}.commission-list-head span{margin-top:3px;color:var(--muted);font-size:10px}.commission-search{display:flex;align-items:center;gap:7px;min-width:300px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#fff}.commission-search input{width:100%;height:38px;border:0;outline:0;background:transparent;color:var(--ink);caret-color:var(--role)}.commission-search input::placeholder{color:#98a2b3;opacity:1}.commission-table td strong,.commission-table td small{display:block}.commission-table td small{margin-top:4px;color:var(--muted);font-size:9px}.commission-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900}.commission-status.is-positive{background:#e8f7ee;color:#197044}.commission-status.is-negative{background:#fce8e6;color:#a93832}.commission-status.is-pending{background:#fff3d6;color:#8a5a00}.commission-invoices{display:grid;gap:8px}.commission-invoices>button{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:16px;width:100%;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;cursor:pointer}.commission-invoices>button:hover{border-color:var(--role);box-shadow:0 5px 16px rgb(16 24 40 / 7%)}.commission-invoices span>*{display:block}.commission-invoices strong{margin:4px 0}.commission-invoices small,.commission-invoices em{color:var(--muted);font-size:9px;font-style:normal}.invoice-values{text-align:right}.invoice-values b{font-size:15px}.commission-empty{padding:30px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center}.commission-dialog .contract-modal{max-width:760px}.commission-detail,.commission-payment-form{padding:18px}.commission-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}.commission-detail dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 20px}.commission-detail dl div{padding:12px;border-radius:10px;background:#f7f8fa}.commission-detail dt{color:var(--muted);font-size:9px;font-weight:800}.commission-detail dd{margin:5px 0 0;font-weight:800}.payment-history{display:grid;gap:7px}.payment-history article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--line);border-radius:10px}.payment-history strong,.payment-history small{display:block}.payment-history small{margin-top:4px;color:var(--muted)}.commission-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:0 18px 18px}.commission-invoice-preview{z-index:1200}
.commission-filters{display:flex;align-items:end;flex-wrap:wrap;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.commission-filters label{display:grid;min-width:180px;gap:4px;color:var(--muted);font-size:9px;font-weight:800}.commission-filters select{height:38px;padding:0 10px;border:1px solid #d5dae2;border-radius:9px;background:#fff;color:var(--ink)}
@media(max-width:900px){.data-panel.is-commissions{padding:18px}.data-panel.is-commissions>.data-loading,.data-panel.is-commissions>.data-empty{margin:-18px}.commission-head{align-items:stretch;flex-direction:column}.commission-cards{grid-template-columns:repeat(2,minmax(140px,1fr))}.commission-table{min-width:850px}}@media(max-width:600px){.data-panel.is-commissions{padding:14px}.data-panel.is-commissions>.data-loading,.data-panel.is-commissions>.data-empty{margin:-14px}.commission-period{display:grid;grid-template-columns:1fr 1fr}.commission-period label:first-child,.commission-period label:has(select):last-of-type,.commission-period button{grid-column:1/-1}.commission-cards,.commission-cards.is-cash{grid-template-columns:1fr}.commission-list-head{align-items:stretch;flex-direction:column}.commission-search{min-width:0}.commission-filters{display:grid;grid-template-columns:1fr}.commission-filters label{min-width:0}.commission-tabs{width:100%}.commission-tabs button{flex:1;min-width:0}.commission-invoices>button{grid-template-columns:minmax(0,1fr) 18px}.invoice-values{grid-column:1/-1;grid-row:2;text-align:left}.commission-detail-actions>*{flex:1}.commission-detail dl{grid-template-columns:1fr 1fr}}
.commission-rules-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.commission-rules-head h3,.commission-rules-head span{display:block;margin:0}.commission-rules-head span{margin-top:4px;color:var(--muted);font-size:10px}.commission-rules-head>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.commission-rule-search{width:min(480px,100%);box-sizing:border-box}.commission-rule-list{display:grid;gap:8px}.commission-rule-list>button{display:grid;grid-template-columns:auto minmax(0,1fr) 18px;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;cursor:pointer}.commission-rule-list>button:hover{border-color:var(--role);box-shadow:0 5px 16px rgb(16 24 40 / 7%)}.commission-rule-list strong,.commission-rule-list small,.commission-rule-list em{display:block}.commission-rule-list small{margin-top:4px;color:var(--ink);font-size:10px}.commission-rule-list em{margin-top:4px;color:var(--muted);font-size:9px;font-style:normal}.commission-rule-state{min-width:72px;padding:6px 8px;border-radius:999px;font-size:8px;font-weight:900;text-align:center}.commission-rule-state.is-active{background:#e8f7ee;color:#197044}.commission-rule-state.is-paused{background:#eef0f3;color:#667085}.commission-rule-editor .contract-modal{max-width:920px}.commission-rule-form{padding:18px;max-height:min(70vh,760px);overflow:auto}.commission-switch{display:flex!important;align-items:center;gap:9px;align-self:end;min-height:40px}.commission-switch input{width:18px;height:18px}.commission-bands{display:grid;gap:10px;margin-top:4px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.commission-bands>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.commission-bands>header strong,.commission-bands>header small{display:block}.commission-bands>header small{margin-top:3px;color:var(--muted);font-weight:500}.commission-bands>[data-band-list]{display:grid;gap:8px}.commission-band{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr)) auto;align-items:end;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.commission-band label{display:grid;gap:4px;color:var(--muted);font-size:9px;font-weight:800}.commission-band input{height:38px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:#fff}
@media(max-width:700px){.commission-rules-head{align-items:stretch;flex-direction:column}.commission-rules-head>div:last-child>*{flex:1}.commission-rule-list>button{grid-template-columns:minmax(0,1fr) 18px}.commission-rule-state{grid-column:1/-1;width:max-content}.commission-band{grid-template-columns:1fr 1fr}.commission-band label:nth-child(3),.commission-band button{grid-column:1/-1}.commission-bands>header{align-items:stretch;flex-direction:column}}
/* Dettaglio regola: gerarchia compatta e leggibile. */
.commission-rule-editor .contract-modal{display:flex;flex-direction:column;width:min(1040px,calc(100vw - 32px));height:min(92vh,900px);max-width:1040px;overflow:hidden}.commission-rule-editor .contract-modal>header{flex:0 0 auto}.commission-rule-editor .contract-modal>footer{display:flex;flex:0 0 auto;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--line);background:#fff}.commission-rule-form{display:grid;flex:1;min-height:0;gap:14px;padding:16px 18px 22px;max-height:none;overflow:auto;background:#f5f7fa}.commission-rule-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:13px 15px;border:1px solid #b9d7ca;border-radius:13px;background:#effaf4}.commission-rule-summary>span{min-width:76px;padding:7px 10px;border-radius:999px;background:#d8f2e3;color:#197044;font-size:9px;font-weight:900;text-align:center;text-transform:uppercase}.commission-rule-summary>span.is-paused{background:#e6e9ee;color:#667085}.commission-rule-summary small,.commission-rule-summary strong,.commission-rule-summary p{display:block;margin:0}.commission-rule-summary small{color:#527160;font-size:8px;font-weight:900;text-transform:uppercase}.commission-rule-summary strong{margin-top:2px;font-size:14px}.commission-rule-summary p{margin-top:3px;color:#52635a;font-size:10px;line-height:1.4}.commission-rule-columns{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:14px}.commission-rule-card{display:grid;gap:13px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 4px 14px rgb(16 24 40 / 4%)}.commission-rule-card>header{display:flex;align-items:center;gap:10px}.commission-rule-card>header>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--role) 11%,white);color:var(--role);font-size:9px;font-weight:900}.commission-rule-card>header>div{min-width:0;flex:1}.commission-rule-card>header strong,.commission-rule-card>header small{display:block}.commission-rule-card>header strong{font-size:13px}.commission-rule-card>header small{margin-top:2px;color:var(--muted);font-size:9px;font-weight:500}.commission-rule-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:11px}.commission-rule-card label,.commission-rule-validity label{display:grid;gap:5px;color:#667085;font-size:9px;font-weight:800}.commission-rule-card input:not([type=checkbox]),.commission-rule-card select,.commission-rule-validity input:not([type=checkbox]){width:100%;height:40px;box-sizing:border-box;padding:0 10px;border:1px solid #d5dae2;border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:11px}.commission-rule-card input:focus,.commission-rule-card select:focus,.commission-rule-validity input:focus{border-color:var(--role);outline:3px solid color-mix(in srgb,var(--role) 12%,transparent)}.commission-rule-card-grid .field-wide{grid-column:1/-1}.commission-switch.is-card-switch{display:flex!important;align-items:center;align-self:auto;gap:9px;min-height:40px;padding:8px 10px;border:1px solid #e1e5eb;border-radius:10px;background:#fafbfc}.commission-switch.is-card-switch span,.commission-switch.is-card-switch b,.commission-switch.is-card-switch small{display:block}.commission-switch.is-card-switch b{color:var(--ink);font-size:10px}.commission-switch.is-card-switch small{margin-top:2px;color:var(--muted);font-size:8px;font-weight:500}.commission-input-suffix{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;border:1px solid #d5dae2;border-radius:9px;overflow:hidden}.commission-input-suffix:focus-within{border-color:var(--role);outline:3px solid color-mix(in srgb,var(--role) 12%,transparent)}.commission-input-suffix input{border:0!important;border-radius:0!important;outline:0!important}.commission-input-suffix b{display:grid;place-items:center;height:100%;border-left:1px solid #e1e5eb;background:#f6f7f9;color:#667085}.commission-rule-help{margin:0;color:var(--muted);font-size:9px;line-height:1.45}.commission-rule-validity{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) minmax(180px,1fr);align-items:end;gap:12px}.commission-bands{margin:0;padding:15px;background:#fff}.commission-bands>header{align-items:center}.commission-bands>header>button{margin-left:auto}.commission-bands>[data-band-list]:empty{display:none}.commission-band{background:#f8fafc}.commission-rule-card [hidden]{display:none!important}
@media(max-width:820px){.commission-rule-editor .contract-modal{width:min(720px,calc(100vw - 22px));height:min(94vh,900px)}.commission-rule-columns{grid-template-columns:1fr}.commission-rule-validity{grid-template-columns:1fr 1fr}.commission-rule-validity label:last-child{grid-column:1/-1}}
@media(max-width:560px){.commission-rule-editor .contract-modal{width:calc(100vw - 12px);height:calc(100vh - 12px)}.commission-rule-form{padding:12px;gap:10px}.commission-rule-summary{grid-template-columns:1fr}.commission-rule-summary>span{width:max-content}.commission-rule-card{padding:12px}.commission-rule-card-grid,.commission-rule-validity{grid-template-columns:1fr}.commission-rule-card-grid .field-wide,.commission-rule-validity label:last-child{grid-column:auto}.commission-bands>header{align-items:stretch;flex-direction:column}.commission-bands>header>button{width:100%;margin:0}}
.commission-exception-alert{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:13px 15px;border:1px solid #f4b4ae;border-radius:12px;background:#fff5f4;color:#8f2923;text-align:left;cursor:pointer}.commission-exception-alert:hover{border-color:#dc6359;background:#ffefed}.commission-exception-alert>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#d94a40;color:#fff;font-weight:900}.commission-exception-alert strong,.commission-exception-alert small{display:block}.commission-exception-alert small{margin-top:3px;color:#92534e}.commission-exception-alert>b{font-size:10px}.commission-exception-dialog .contract-modal,.commission-reassign-dialog .contract-modal{max-width:760px}.commission-exception-dialog .contract-modal{display:flex;flex-direction:column;max-height:min(90vh,820px);overflow:hidden}.commission-exception-dialog .contract-modal>header,.commission-exception-dialog .contract-modal>footer{flex:0 0 auto}.commission-exception-body{display:flex;flex:1;min-height:0;flex-direction:column;gap:12px;padding:18px;overflow:hidden}.commission-exception-controls{display:grid;flex:0 0 auto;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);align-items:end;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.commission-exception-select-all,.commission-exception-list>label{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.commission-exception-select-all{background:#f7f9fb}.commission-exception-select-all input,.commission-exception-list input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--role)}.commission-exception-select-all strong,.commission-exception-select-all small,.commission-exception-list strong,.commission-exception-list small{display:block}.commission-exception-select-all small,.commission-exception-list small{margin-top:3px;color:var(--muted)}.commission-exception-list{display:grid;min-height:0;gap:7px;padding-right:4px;overflow:auto}.commission-exception-commercial{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:800}.commission-exception-commercial select,.commission-reassign-form select,.commission-reassign-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;background:#fff}.commission-exception-commercial select,.commission-reassign-form select{height:42px;padding:0 10px}.commission-reassign-form{padding:18px}.commission-reassign-form p{margin:0;padding:12px;border-radius:10px;background:#fff8e8;color:#755000}.commission-reassign-form textarea{padding:10px;resize:vertical}.commission-exception-dialog footer,.commission-reassign-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:0 18px 18px}
@media(max-width:600px){.commission-exception-controls{grid-template-columns:1fr}.commission-exception-alert{grid-template-columns:34px minmax(0,1fr)}.commission-exception-alert>b{grid-column:2}.commission-exception-dialog .contract-modal,.commission-reassign-dialog .contract-modal{width:calc(100vw - 12px)}}