.is-editor,.is-detail{--is-positive:#16724d;--is-warning:#9b4b10;--is-tint:#eff8f2;--is-warn-bg:#fff4e4;color:var(--text);font-size:14px;line-height:1.5;min-width:0}
:root[data-theme=dark] :is(.is-editor,.is-detail){--is-positive:#8ee0b1;--is-warning:#ffc581;--is-tint:#1a3025;--is-warn-bg:#392b1a}
.is-editor [hidden],.is-detail [hidden]{display:none!important}
.is-editor .is-invoice{color:var(--muted);overflow-wrap:anywhere;margin:0 0 16px}
.is-editor .is-switch{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-alt);font-weight:650;cursor:pointer}
.is-editor .is-switch input{width:22px;height:22px;margin:0;flex:0 0 22px;accent-color:var(--gold-text)}
.is-presets{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.is-editor :is(button,input,select){min-height:44px;min-width:0;font-size:14px;max-width:100%;box-sizing:border-box}
.is-presets button{flex:1 1 100px;padding:8px;background:var(--panel-alt);color:var(--text);border:1px solid var(--line)}
.is-editor label{display:block;font-size:12px;color:var(--muted);margin:12px 0 4px}
.is-editor :is(input,select){width:100%;margin:4px 0 0;font-variant-numeric:tabular-nums}
.is-person{display:grid;grid-template-columns:minmax(0,1fr) 84px 44px;align-items:end;gap:8px}
.is-person label{margin-bottom:0}
.is-person button{width:44px;padding:5px;font-size:22px}
.is-percent{position:relative}
.is-percent input:disabled{color:transparent!important}
.is-percent [data-is-fraction]{position:absolute;bottom:11px;left:14px;color:var(--text);font-size:14px;pointer-events:none}
#isAdd{margin:14px 0 0;padding:9px 14px}
.is-valid{color:var(--is-positive);font-weight:650}
.is-warning{color:var(--is-warning);background:var(--is-warn-bg);border-radius:10px;padding:12px;overflow-wrap:anywhere}
.is-cost-settings,.is-detail{margin:18px 0;border:1px solid var(--line);border-radius:12px;padding:14px}
.is-cost-settings>summary,.is-detail>summary{cursor:pointer;min-height:30px;font-weight:650;overflow-wrap:anywhere}
.is-detail>summary{min-height:44px;display:list-item;align-content:center}
.is-equation{margin:18px 0 12px;background:var(--panel-alt);border:1px solid var(--line);border-radius:14px;padding:12px}
.is-equation>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.is-equation>div>b,.is-equation strong{flex-shrink:0}
.is-equation .is-profit{border-top:1px solid var(--line);margin-top:5px;padding-top:12px;color:var(--is-positive);font-size:18px;font-weight:700}
.is-equation .is-loss{color:var(--is-warning)}
.is-results{display:grid;gap:8px}
.is-allocation{display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--is-tint);padding:14px;border-radius:10px;font-variant-numeric:tabular-nums}
.is-allocation>span{min-width:0;overflow-wrap:anywhere}
.is-allocation small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.is-allocation strong{font-size:18px;color:var(--is-positive);flex-shrink:0}
.is-note{font-size:12px;color:var(--muted);line-height:1.6;margin:10px 0}
.is-detail #isConfigure{margin-top:12px;min-height:44px}
@media(max-width:360px){.is-person{grid-template-columns:minmax(0,1fr) 66px 44px;gap:6px}.is-editor :is(input,select){font-size:16px}.is-allocation{padding:10px}.is-allocation strong{font-size:16px}.is-equation .is-profit{font-size:16px}.is-cost-settings{padding:10px}}