.sd-dialog.sd-tariff-dialog{--sd-dialog-width:580px;max-width:580px;color:#111;font-family:"IBM Plex Sans",sans-serif}
#modal.sd-tariff-dialog .modalbody{padding:0 20px 18px}
.sd-tariff-root{display:grid;gap:16px;min-width:0}
.sd-tariff-root fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:16px}
.sd-tariff-root [hidden]{display:none!important}
.sd-tariff-root legend{font-size:15px;font-weight:600;padding:0;margin-bottom:8px}
.sd-tariff-steps{list-style:none;margin:0 -20px;padding:12px 20px;display:flex;gap:6px;border-bottom:1px solid #ececea;position:sticky;top:0;background:#fff;z-index:2}
.sd-tariff-steps li{flex:1;display:flex;align-items:center;gap:8px;font-size:13px;color:#6b6b6b;min-width:0}
.sd-tariff-steps li>span{flex:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;background:#efefed;color:#555}
.sd-tariff-steps li.is-active>span{background:#111;color:#fff}
.sd-tariff-steps b{font-weight:400}
.sd-tariff-steps [aria-current=step]{color:#111}
.sd-tariff-steps [aria-current=step] b{font-weight:600}
.sd-tariff-mobile-label{display:none}
.sd-tariff-root [data-tariff-step="1"]{gap:8px}
.sd-tariff-pick{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e3e3e0;border-radius:10px;min-height:56px;cursor:pointer}
.sd-tariff-pick>span{flex:1;min-width:0}
.sd-tariff-pick>span>strong{display:block;font-size:15px;font-weight:500}
.sd-tariff-pick input[type=checkbox]{appearance:none;-webkit-appearance:none;margin:0;flex:none;width:22px;height:22px;min-height:22px;border:1.5px solid #bcbcb8;border-radius:50%;cursor:pointer;background:#fff}
.sd-tariff-pick input:checked{background:#111;border-color:#111;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none' stroke='white' stroke-width='2.2'%3E%3Cpath d='m4 10 4 4 8-8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
.sd-tariff-pick:has(input:disabled){cursor:default;background:#fafaf9}
.sd-tariff-pick input:disabled{opacity:.45;cursor:default}
.sd-tariff-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.sd-tariff-chips>span{display:inline-flex;gap:4px;align-items:baseline;padding:2px 8px;border-radius:6px;background:#f5f5f3;font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.sd-tariff-chips>span>span{color:#6b6b6b;font-weight:400}
.sd-tariff-terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.sd-tariff-root .field{min-width:0;margin:0}
.sd-tariff-root .field label{font-size:13.5px;font-weight:500;display:block;margin-bottom:6px}
.sd-tariff-root .field input,.sd-tariff-root .field select,.sd-tariff-root .field textarea{width:100%;box-sizing:border-box;font-variant-numeric:tabular-nums}
.sd-tariff-comparison{border:1px solid #ececea;border-radius:10px;overflow:hidden}
.sd-tariff-comparison>h3{padding:10px 12px;font-size:14px;font-weight:600;margin:0;border-bottom:1px solid #ececea}
.sd-tariff-columns{display:grid;grid-template-columns:minmax(0,1fr) 124px 136px;align-items:center;gap:4px 16px;padding:9px 12px;border-top:1px solid #f3f3f1;font-size:14px}
.sd-tariff-columns>strong{font-weight:600;color:#111}
.sd-tariff-columns>span:not(:first-child){color:#8a8a8a;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.sd-tariff-columns>b{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.sd-tariff-column-head{padding:6px 12px;background:#fafaf9;border:0;font-size:12px}
.sd-tariff-column-head>span:not(:first-child){color:#6b6b6b}
.sd-tariff-root .sd-tariff-debt{color:#b42318!important}
.sd-tariff-note{font-size:13px;line-height:1.45;color:#6b6b6b;margin:0;padding:9px 12px}
.sd-tariff-comparison>.sd-tariff-note{border-top:1px solid #f3f3f1}
.sd-tariff-close-debt{border:1px solid #ececea;border-radius:12px;overflow:hidden}
.sd-tariff-close-debt>header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px;background:#fafaf9;border-bottom:1px solid #ececea}
.sd-tariff-close-debt>header h3{font-size:14px;font-weight:600;margin:0}
.sd-tariff-close-debt>header strong{font-size:14px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.sd-tariff-debt-body{display:grid;gap:12px;padding:12px}
.sd-tariff-scope{font-size:12.5px;line-height:1.45;color:#6b6b6b;margin:0}
.sd-tariff-switch-label{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:40px;cursor:pointer;font-size:14px;font-weight:500}
.sd-tariff-switch-label input{appearance:none;-webkit-appearance:none;position:relative;margin:0;flex:none;width:40px;height:24px;min-height:24px;padding:0;border:0;border-radius:999px;background:#d6d6d3;cursor:pointer;transition:background .15s}
.sd-tariff-switch-label input:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0004;transition:transform .15s}
.sd-tariff-switch-label input:checked{background:#111}
.sd-tariff-switch-label input:checked:after{transform:translateX(16px)}
.sd-tariff-root #sd-tariff-payment{padding:10px;border-radius:10px;background:#f6f6f5;gap:8px}
.sd-tariff-root #sd-tariff-payment .field label{font-size:12px;font-weight:400;color:#6b6b6b;margin-bottom:3px}
.sd-tariff-root #sd-tariff-payment .field input,.sd-tariff-root #sd-tariff-payment .field select{min-height:40px;font-size:14px;border-radius:9px}
.sd-tariff-pending{font-size:12px;line-height:1.45;color:#7a5200;margin:0}
.sd-tariff-allocation{display:grid;gap:5px;font-size:12px;color:#6b6b6b}
.sd-tariff-allocation>div{display:flex;justify-content:space-between;gap:8px}
.sd-tariff-allocation strong{color:#111;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.sd-tariff-plan-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.sd-tariff-plan-head>strong{font-size:14px;font-weight:500}
.sd-tariff-split{min-height:30px;padding:0 12px 0 10px;border:1px solid #d6d6d3;border-radius:999px;background:#fff;font:500 12.5px "IBM Plex Sans",sans-serif;color:#111;cursor:pointer}
.sd-tariff-plan-labels,.sd-tariff-plan-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px;gap:6px;align-items:center}
.sd-tariff-plan-labels{font-size:11.5px;color:#6b6b6b;margin-bottom:6px}
.sd-tariff-root [data-plan-rows]{display:grid;gap:8px}
.sd-tariff-plan-row input{min-height:40px;padding:6px 10px;border:1px solid #d6d6d3;border-radius:9px;font-size:14px;background:#fff}
.sd-tariff-plan-row input[type=date]{padding:6px 8px;min-width:0;cursor:pointer}
.sd-tariff-plan-row>button{width:32px;height:32px;border:0;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b6b6b;padding:7px}
.sd-tariff-plan-row>button svg{width:15px;height:15px}
.sd-tariff-plan-row>button:disabled{opacity:.4;cursor:default}
.sd-tariff-add{min-height:32px;padding:0 10px 0 6px;border:0;border-radius:8px;background:transparent;font:500 13px "IBM Plex Sans",sans-serif;color:#111;cursor:pointer;margin-top:8px}
.sd-tariff-split:hover,.sd-tariff-add:hover,.sd-tariff-plan-row>button:not(:disabled):hover{background:#f3f3f1}
.sd-tariff-remainder{display:flex;align-items:center;justify-content:center;min-height:32px;padding:5px 12px;border-radius:9px;font-size:12.5px;line-height:1.4;font-weight:600;font-variant-numeric:tabular-nums;background:#fdecec;color:#b42318;margin:0;text-align:center}
.sd-tariff-remainder.is-complete{background:#e8f4ea;color:#1d6b38}
.sd-tariff-error{font-size:13px;color:#b42318;margin:0}
.sd-tariff-error:empty{display:none}
.sd-tariff-root [data-tariff-review]{display:grid;gap:16px}
.sd-tariff-root [data-tariff-review]>h3{margin:0;font-size:15px;font-weight:600}
.sd-tariff-review-payment{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:9px 12px;border-top:1px solid #f3f3f1;font-size:14px}
.sd-tariff-review-payment>span{color:#6b6b6b}
.sd-tariff-review-payment strong{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.sd-tariff-review-payment small{display:block;color:#7a5200;font-size:12px;margin-top:3px}
.sd-tariff-overpaid{margin:0;font-size:13.5px;color:#444;line-height:1.45;padding:10px 12px;border-radius:10px;background:#f5f5f3}
.sd-tariff-actors{margin:0;font-size:13.5px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}
.sd-tariff-actors dt{color:#6b6b6b}
.sd-tariff-actors dd{margin:0}
#modal.sd-tariff-dialog .modalfoot{justify-content:space-between}
.sd-tariff-root :is(input,select,textarea,button):focus-visible{outline:2px solid #111;outline-offset:3px}
.sd-tariff-dialog .modalfoot button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px}
.sd-tariff-dialog .modalfoot button svg{width:17px;height:17px}
@media(max-width:600px){
 .sd-dialog.sd-tariff-dialog{max-height:92dvh;border-radius:18px;margin:auto}
 #modal.sd-tariff-dialog .modalbody{padding:0 16px 18px}
 .sd-tariff-steps{margin:0 -16px;padding:12px 16px}
 .sd-tariff-desktop-label{display:none}
 .sd-tariff-mobile-label{display:inline}
 .sd-tariff-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 12px}
 .sd-tariff-columns>strong{grid-column:1/-1}
 .sd-tariff-columns>span:not(:first-child){text-align:left}
 .sd-tariff-column-head>span:first-child{display:none}
 .sd-tariff-column-head>span:last-child{text-align:right}
 .sd-tariff-dialog .modalfoot button{flex:1;min-width:0}
 .sd-tariff-chips{gap:5px}
 .sd-tariff-chips>span{font-size:12px;padding:2px 6px}
 .sd-tariff-review-payment{font-size:13px;gap:4px 8px}
}
@media(prefers-reduced-motion:reduce){.sd-tariff-switch-label input,.sd-tariff-switch-label input:after{transition:none}}
/* Dark theme: hard-coded light colours above mapped to the shared theme tokens (style.css?v=f324eb4f701eafc355191ea5). Light mode is unchanged. */
:root[data-theme="dark"] .sd-dialog.sd-tariff-dialog{color:var(--text)}
:root[data-theme="dark"] .sd-tariff-steps{background-color:var(--card);border-bottom-color:var(--line)}
:root[data-theme="dark"] .sd-tariff-steps li{color:var(--muted)}
:root[data-theme="dark"] .sd-tariff-steps li>span{background-color:#262626;color:#d0d0d0}
:root[data-theme="dark"] .sd-tariff-steps li.is-active>span{background-color:var(--strong);color:var(--on)}
:root[data-theme="dark"] .sd-tariff-steps [aria-current=step]{color:var(--text)}
:root[data-theme="dark"] .sd-tariff-pick{border-color:var(--line)}
:root[data-theme="dark"] .sd-tariff-pick input[type=checkbox]{background-color:var(--card);border-color:#666}
:root[data-theme="dark"] .sd-tariff-pick input:checked{background-color:var(--strong);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none' stroke='%23171717' stroke-width='2.2'%3E%3Cpath d='m4 10 4 4 8-8'/%3E%3C/svg%3E");border-color:var(--text)}
:root[data-theme="dark"] .sd-tariff-pick:has(input:disabled){background-color:#262626}
:root[data-theme="dark"] .sd-tariff-chips>span{background-color:#262626}
:root[data-theme="dark"] .sd-tariff-chips>span>span{color:var(--muted)}
:root[data-theme="dark"] .sd-tariff-comparison{border-color:var(--line)}
:root[data-theme="dark"] .sd-tariff-comparison>h3{border-bottom-color:var(--line)}
:root[data-theme="dark"] .sd-tariff-columns{border-top-color:var(--line)}
:root[data-theme="dark"] .sd-tariff-columns>strong{color:var(--text)}
:root[data-theme="dark"] .sd-tariff-columns>span:not(:first-child){color:var(--muted)}
:root[data-theme="dark"] .sd-tariff-column-head{background-color:#262626}
:root[data-theme="dark"] .sd-tariff-column-head>span:not(:first-child){color:var(--muted)}
:root[data-theme="dark"] .sd-tariff-root .sd-tariff-debt{color:var(--red)!important}
:root[data-theme="dark"] .sd-tariff-note{color:var(--muted)}
:root[data-theme="dark"] .sd-tariff-comparison>.sd-tariff-note{border-top-color:var(--line)}
:root[data-theme="dark"] .sd-tariff-close-debt{border-color:var(--line)}
:root[data-theme="dark"] .sd-tariff-close-debt>header{background-color:#262626;border-bottom-color:var(--line)}
:root[data-theme="dark"] .sd-tariff-scope{color:var(--muted)}
:root[data-theme="dark"] .sd-tariff-switch-label input{background-color:#3a3a3a}
:root[data-theme="dark"] .sd-tariff-switch-label input:after{background-color:var(--card)}
:root[data-theme="dark"] .sd-tariff-switch-label input:checked{background-color:var(--strong)}
:root[data-theme="dark"] .sd-tariff-root #sd-tariff-payment{background-color:#262626}
:root[data-theme="dark"] .sd-tariff-root #sd-tariff-payment .field label{color:var(--muted)}
:root[data-theme="dark"] .sd-tariff-pending{color:var(--amber)}
:root[data-theme="dark"] .sd-tariff-allocation{color:var(--muted)}
:root[data-theme="dark"] .sd-tariff-allocation strong{color:var(--text)}
:root[data-theme="dark"] .sd-tariff-split{background-color:var(--card);border-color:var(--border);color:var(--text)}
:root[data-theme="dark"] .sd-tariff-plan-labels{color:var(--muted)}
:root[data-theme="dark"] .sd-tariff-plan-row input{background-color:var(--card);border-color:var(--border)}
:root[data-theme="dark"] .sd-tariff-plan-row>button{color:var(--muted)}
:root[data-theme="dark"] .sd-tariff-add{color:var(--text)}
:root[data-theme="dark"] .sd-tariff-split:hover,:root[data-theme="dark"] .sd-tariff-add:hover,:root[data-theme="dark"] .sd-tariff-plan-row>button:not(:disabled):hover{background-color:#262626}
:root[data-theme="dark"] .sd-tariff-remainder{background-color:#44222a;color:var(--red)}
:root[data-theme="dark"] .sd-tariff-remainder.is-complete{background-color:#193b2b;color:var(--green)}
:root[data-theme="dark"] .sd-tariff-error{color:var(--red)}
:root[data-theme="dark"] .sd-tariff-review-payment{border-top-color:var(--line)}
:root[data-theme="dark"] .sd-tariff-review-payment>span{color:var(--muted)}
:root[data-theme="dark"] .sd-tariff-review-payment small{color:var(--amber)}
:root[data-theme="dark"] .sd-tariff-overpaid{background-color:#262626;color:#d0d0d0}
:root[data-theme="dark"] .sd-tariff-actors dt{color:var(--muted)}
:root[data-theme="dark"] .sd-tariff-root :is(input,select,textarea,button):focus-visible{outline-color:var(--text)}