.supplier-workspace{display:grid;grid-template-columns:minmax(400px,1.08fr) minmax(360px,1fr) minmax(520px,1.55fr);min-height:590px;background:#fffefa;border:1px solid #d4e4df;border-radius:17px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-color:#9dbdb3 #edf5f1;scrollbar-width:thin;box-shadow:0 13px 30px #153a3210}
.supplier-workspace>aside,.supplier-workspace>article{min-width:0;padding:27px 25px}
.supplier-create-pane{background:#f6fbf8;border-right:1px solid #d9e8e3}
.supplier-list-pane{border-right:1px solid #d9e8e3;display:flex;flex-direction:column}
.supplier-kicker{display:block;font-size:11px;letter-spacing:.08em;font-weight:700;color:#518477;margin-bottom:8px}
.supplier-pane-heading{margin-bottom:22px}
.supplier-pane-heading h2,.supplier-detail-head h2{font-size:23px;line-height:1.22;letter-spacing:-.03em;margin:0 0 7px;color:#133735}
.supplier-pane-heading p,.supplier-detail-head p{font-size:12px;line-height:1.6;color:#637d76;margin:0}
.supplier-create-form{display:grid;gap:16px}
.supplier-create-form label,.supplier-edit-form label{font-size:12px;color:#24423e;margin:0;display:grid;gap:6px}
.supplier-create-form input,.supplier-edit-form input{min-height:41px;font-size:13px;background:#fff}
.supplier-create-form button{width:100%;margin-top:3px;font-size:13px;min-height:43px}
.supplier-form-note{font-size:11px;line-height:1.6;color:#6e8981;margin:13px 0 0}
.supplier-list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.supplier-list-heading h2 small{display:inline-grid;place-items:center;margin-left:5px;min-width:23px;height:23px;border-radius:99px;background:#e5f5ee;color:#216455;font-size:12px;vertical-align:middle}
.supplier-search-label{font-size:11px;color:#607b74;margin-bottom:6px}
.supplier-list-pane input{height:39px;min-height:39px;font-size:12px;margin-bottom:14px}
.supplier-list{display:grid;align-content:start;gap:5px;overflow-y:auto;max-height:585px;margin:0 -10px;padding:2px 10px 10px}
.supplier-list-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center;min-width:0;min-height:64px;padding:9px;border:1px solid transparent;background:transparent;text-align:left;border-radius:9px;font-weight:400}
.supplier-list-item:hover:not(:disabled){background:#f2faf6;border-color:#d3e8df}
.supplier-list-item.active{background:#ebf8f2;border-color:#83c9b1;box-shadow:inset 3px 0 0 #52b796}
.supplier-list-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#dff3ec;color:#1c6857;font-size:13px;font-weight:700}
.supplier-list-copy{min-width:0}.supplier-list-copy strong,.supplier-list-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.supplier-list-copy strong{font-size:12px;color:#183b37}.supplier-list-copy small{font-size:10px;color:#688179;margin-top:4px}
.supplier-machine-count{font-size:10px;color:#477668;background:#f0f7f3;border-radius:99px;padding:5px 7px;white-space:nowrap}
.supplier-empty{padding:30px 12px;color:#658078;font-size:12px;line-height:1.7;text-align:center}
.supplier-detail-pane{background:#fff}
.supplier-detail-head{display:flex;justify-content:space-between;align-items:start;gap:12px;padding-bottom:22px;border-bottom:1px solid #dbe9e4}
.supplier-detail-head h2{overflow-wrap:anywhere}
.supplier-detail-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.supplier-detail-actions button{font-size:11px;white-space:nowrap}
.supplier-contact-strip{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(90px,.6fr);margin:19px 0 27px;border:1px solid #dbe9e4;border-radius:10px;overflow:hidden}
.supplier-contact-strip>div{min-width:0;padding:13px 16px}.supplier-contact-strip>div+div{border-left:1px solid #dbe9e4}
.supplier-contact-strip span,.supplier-contact-strip strong{display:block;overflow-wrap:anywhere}.supplier-contact-strip span{font-size:11px;color:#667f77;margin-bottom:6px}.supplier-contact-strip strong{font-size:13px;color:#163b36}
.supplier-machines-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}
.supplier-machines-heading h3{font-size:16px;margin:0 0 4px}.supplier-machines-heading p{font-size:11px;color:#657f77;margin:0}.supplier-machines-heading button{font-size:11px;white-space:nowrap}
.supplier-machines{border-top:1px solid #e0eae6}
.supplier-machine{display:grid;grid-template-columns:35px minmax(0,1.2fr) minmax(85px,.7fr) 18px;gap:12px;align-items:center;width:100%;min-height:69px;border:0;border-bottom:1px solid #e0eae6;border-radius:0;text-align:left;background:transparent;padding:11px 3px;font-weight:400}
.supplier-machine:hover:not(:disabled){background:#f5fbf8;border-color:#cee4da}
.supplier-machine-icon{display:grid;place-items:center;width:34px;height:34px;background:#e8f6f1;color:#22735e;border-radius:9px;font:700 10px ui-monospace,Consolas,monospace}
.supplier-machine-copy{min-width:0}.supplier-machine-copy strong,.supplier-machine-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-machine-copy strong{font-size:12px;color:#123b35}.supplier-machine-copy small{font-size:10px;color:#68827a;margin-top:4px}
.supplier-machine-location{font-size:11px;color:#5e7a72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-machine-arrow{font-size:19px;color:#39977a}
.supplier-machines-empty{display:grid;justify-items:center;align-content:center;text-align:center;min-height:236px;padding:25px;border:1px dashed #bfd9ce;border-radius:11px;background:#f9fdfa}
.supplier-machines-empty>div{font-size:37px;line-height:1;color:#75bba4}.supplier-machines-empty strong{font-size:14px;margin:8px 0 3px}.supplier-machines-empty p{max-width:280px;font-size:11px;line-height:1.6;color:#6c867e}.supplier-machines-empty button{font-size:11px}
.supplier-import{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:17px 22px;background:#fffefa;border:1px solid #d4e4df;border-radius:12px}
.supplier-import h2{font-size:13px;margin:0 0 3px}.supplier-import p{font-size:11px;color:#6a827b;margin:0}.supplier-import-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.supplier-import-actions a,.supplier-import-actions button{font-size:11px}
.supplier-edit-sheet,.supplier-delete-sheet{width:min(510px,100vw)}.supplier-edit-form{display:grid;gap:15px}.supplier-edit-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:10px}.supplier-delete-warning{padding:14px;border-radius:9px;background:#fff5e9;color:#965d27;font-size:13px;line-height:1.6}
@media(max-width:1280px){.supplier-workspace{grid-template-columns:380px 340px minmax(480px,1fr)}.supplier-workspace>aside,.supplier-workspace>article{padding:22px 20px}.supplier-detail-head{display:block}.supplier-detail-actions{justify-content:flex-start;margin-top:12px}}
@media(max-width:1050px){.supplier-workspace{grid-template-columns:340px minmax(520px,1fr)}.supplier-create-pane{grid-row:1/3}.supplier-list-pane{border-right:0;border-bottom:1px solid #d9e8e3}.supplier-list{max-height:245px}.supplier-detail-pane{min-height:380px}.supplier-import{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.supplier-workspace{display:block;overflow-x:hidden}.supplier-workspace>aside,.supplier-workspace>article{padding:19px 16px}.supplier-create-pane,.supplier-list-pane{border-right:0;border-bottom:1px solid #d9e8e3}.supplier-create-form{grid-template-columns:1fr 1fr;gap:11px}.supplier-create-form button{grid-column:1/-1}.supplier-detail-head{display:block}.supplier-machine{grid-template-columns:34px minmax(0,1fr) 18px}.supplier-machine-location{display:none}.supplier-import{padding:16px}.supplier-import-actions{justify-content:flex-start}}
@media(max-width:390px){.supplier-create-form{grid-template-columns:1fr}.supplier-contact-strip{grid-template-columns:1fr}.supplier-contact-strip>div+div{border-left:0;border-top:1px solid #dbe9e4}}