.split-payment { min-width:0; margin:12px 0; padding:16px; border:1px solid var(--border, #536176); border-radius:14px; background:var(--surface, #202a37); color:var(--text, #f3f5fa); }
.split-payment legend { padding:0 7px; font-weight:600; }
.split-payment__fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.split-payment__fields label { display:grid; gap:6px; font-size:13px; }
.split-payment__fields input { box-sizing:border-box; width:100%; min-width:0; padding:10px 12px; border:1px solid var(--border, #657288); border-radius:9px; background:var(--input-bg, #151d28); color:var(--text, #f3f5fa); font-family:inherit; font-size:17px; font-weight:600; line-height:1.3; font-variant-numeric:tabular-nums; }
.split-payment__fields input:focus-visible { outline:2px solid #78c5f4; outline-offset:2px; }
.split-payment [data-split-summary] { margin:12px 0 6px; font-variant-numeric:tabular-nums; }
.split-payment .hint { margin:6px 0 12px; line-height:1.5; }
#paymentSplit { flex-basis:100%; width:100%; text-align:left; }
@media(max-width:420px) { .split-payment__fields { grid-template-columns:1fr; } }
.works-status-tabs { display:flex; gap:6px; padding:5px; margin:8px 0; width:fit-content; max-width:100%; background:var(--input-bg, #18202c); border:1px solid var(--border, #536176); border-radius:13px; }
.works-status-tab { appearance:none; border:1px solid transparent; border-radius:9px; padding:10px 20px; background:transparent; color:var(--text, #f3f5fa); font:inherit; font-weight:600; cursor:pointer; }
.works-status-tab.is-active { background:linear-gradient(135deg,#476582,#33495e); border-color:#7fa2c3; color:#fff; box-shadow:0 2px 7px #0003; }
.works-status-tab:focus-visible { outline:2px solid #78c5f4; outline-offset:2px; }
@media(max-width:480px) { .works-status-tabs { width:100%; box-sizing:border-box; } .works-status-tab { flex:1; padding:10px; } }