*{box-sizing:border-box}:root{color:#172033;background:#eef2f5;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#ffffffdb,#eef2f5f5),#eef2f5}button,input,select,textarea{font:inherit}button{cursor:pointer}.supplier-auto-api-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px 24px;border-bottom:1px solid #d6dde3;background:#fff}.supplier-auto-api-bar.is-connected{background:#f0faf7}.supplier-auto-api-bar strong{color:#172033;font-size:14px}.supplier-auto-api-bar form{display:flex;gap:8px;align-items:center}.supplier-auto-api-bar input{width:220px;min-height:36px;padding:0 10px;border:1px solid #ccd5dd;border-radius:6px;background:#fff;color:#172033}.supplier-auto-api-bar button{min-height:36px;padding:0 12px;border:1px solid #2f6f73;border-radius:6px;background:#2f6f73;color:#fff;font-weight:800}.supplier-auto-api-bar button:disabled{cursor:not-allowed;opacity:.45}.supplier-auto-lab{min-height:100vh;padding:24px}.supplier-auto-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 auto 20px;max-width:1760px}.supplier-auto-kicker{margin:0 0 6px;color:#2f6f73;font-size:13px;font-weight:800}.supplier-auto-header h1{margin:0;color:#111827;font-size:32px;line-height:1.15}.supplier-auto-metrics{display:grid;grid-template-columns:repeat(5,minmax(112px,1fr));gap:10px;min-width:min(760px,100%)}.supplier-auto-metric{min-height:72px;padding:12px 14px;border:1px solid #d6dde3;border-radius:8px;background:#fff}.supplier-auto-metric span{display:block;margin-bottom:8px;color:#6b7280;font-size:12px}.supplier-auto-metric strong{color:#172033;font-size:24px}.supplier-auto-metric.is-warning strong{color:#a04300}.supplier-auto-savebar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1760px;min-height:64px;margin:0 auto 16px;padding:12px 16px;border:1px solid #d6dde3;border-radius:8px;background:#fff;box-shadow:0 10px 24px #1720330f}.supplier-auto-savebar.is-dirty{border-color:#d8c16d;background:#fffdf4}.supplier-auto-savebar.is-blocked{border-color:#efb2a6;background:#fff7f5}.supplier-auto-savebar strong,.supplier-auto-savebar span,.supplier-auto-savebar p{display:block}.supplier-auto-savebar strong{color:#172033;font-size:14px}.supplier-auto-savebar span,.supplier-auto-savebar p{margin:4px 0 0;color:#566174;font-size:13px}.supplier-auto-savebar p{color:#a23b2a;font-weight:800}.supplier-auto-save-actions{display:flex;gap:8px;white-space:nowrap}.supplier-auto-save-actions button{min-height:36px;padding:0 12px;border:1px solid #2f6f73;border-radius:6px;background:#2f6f73;color:#fff;font-weight:800}.supplier-auto-save-actions button:first-child{border-color:#cbd5df;background:#fff;color:#172033}.supplier-auto-save-actions button:disabled{cursor:not-allowed;opacity:.45}.supplier-auto-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(680px,1fr) minmax(300px,360px);gap:16px;align-items:start;max-width:1760px;margin:0 auto}.supplier-auto-grid>*,.supplier-auto-main,.supplier-auto-panel{min-width:0}.supplier-auto-panel{border:1px solid #d6dde3;border-radius:8px;background:#fff;box-shadow:0 12px 28px #17203312}.supplier-auto-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:14px 16px;border-bottom:1px solid #e4e9ee}.supplier-auto-panel-title h2,.supplier-auto-timeline h3{margin:0;color:#111827;font-size:16px;line-height:1.25}.supplier-auto-panel-title span{color:#566174;font-size:13px;font-weight:700}.supplier-auto-title-button{min-height:34px;padding:0 12px;border:1px solid #2f6f73;border-radius:6px;background:#2f6f73;color:#fff;font-size:13px;font-weight:800;white-space:nowrap}.supplier-auto-panel-title select{width:160px}.supplier-auto-list-tools{display:grid;grid-template-columns:1fr 96px;gap:8px;padding:12px 12px 0}.supplier-auto-list-tools label{display:grid;gap:6px;color:#566174;font-size:12px;font-weight:800}.supplier-auto-list-tools input,.supplier-auto-list-tools select{width:100%;min-height:36px;padding:0 9px;border:1px solid #ccd5dd;border-radius:6px;background:#fff;color:#172033;outline:none}.supplier-auto-list{display:grid;gap:8px;padding:12px}.supplier-auto-list-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;width:100%;min-height:76px;padding:12px;border:1px solid #dbe2e8;border-radius:8px;background:#f8fafb;color:#172033;text-align:left}.supplier-auto-list-item.is-active{border-color:#2f6f73;background:#eef8f7}.supplier-auto-list-item strong,.supplier-auto-list-item small,.supplier-auto-list-item em{display:block}.supplier-auto-list-item small{margin-top:6px;color:#6b7280;font-size:12px}.supplier-auto-list-item em{color:#2f6f73;font-size:12px;font-style:normal;font-weight:800;white-space:nowrap}.supplier-auto-main{display:grid;gap:16px}.supplier-auto-form-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;padding:16px}.supplier-auto-wide-fields{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:12px;padding:0 16px 16px}.supplier-auto-form-grid label,.supplier-auto-wide-fields label,.supplier-auto-search-row label,.supplier-auto-draft-line label{display:grid;gap:6px;color:#566174;font-size:12px;font-weight:800}.supplier-auto-form-grid input,.supplier-auto-form-grid select,.supplier-auto-wide-fields textarea,.supplier-auto-table input,.supplier-auto-table select,.supplier-auto-panel-title select,.supplier-auto-search-row input,.supplier-auto-draft-line input{width:100%;min-height:38px;border:1px solid #ccd5dd;border-radius:6px;background:#fff;color:#172033;outline:none}.supplier-auto-form-grid input,.supplier-auto-form-grid select,.supplier-auto-table input,.supplier-auto-table select,.supplier-auto-panel-title select,.supplier-auto-search-row input,.supplier-auto-draft-line input{padding:0 10px}.supplier-auto-wide-fields textarea{min-height:76px;padding:10px;resize:vertical}.supplier-auto-setup-status{margin:0 16px 16px;padding:14px;border:1px solid #f0d4bd;border-radius:8px;background:#fff8ed}.supplier-auto-setup-status.is-ready{border-color:#b9d8cf;background:#f0faf7}.supplier-auto-setup-status>strong,.supplier-auto-setup-status>span,.supplier-auto-setup-status-head strong,.supplier-auto-setup-status-head span{display:block}.supplier-auto-setup-status>strong,.supplier-auto-setup-status-head strong{color:#172033;font-size:14px}.supplier-auto-setup-status>span,.supplier-auto-setup-status-head span{margin-top:4px;color:#566174;font-size:13px}.supplier-auto-issue-list{display:grid;gap:8px;margin-top:12px}.supplier-auto-issue{display:grid;gap:4px;margin:0;padding:10px;border:1px solid #f0d4bd;border-radius:6px;background:#fff}.supplier-auto-issue.is-error{border-color:#f1b6a9}.supplier-auto-issue strong{color:#8a2f22;font-size:13px}.supplier-auto-issue.is-warning strong{color:#8a4100}.supplier-auto-issue span{color:#566174;font-size:13px;line-height:1.45}.supplier-auto-table-wrap{overflow-x:auto}.supplier-auto-mapping-workbench{display:grid;gap:12px;padding:16px;border-bottom:1px solid #e7edf2}.supplier-auto-search-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end}.supplier-auto-search-row button{min-height:38px;padding:0 14px;border:1px solid #2f6f73;border-radius:6px;background:#2f6f73;color:#fff;font-weight:800;white-space:nowrap}.supplier-auto-search-row button:disabled,.supplier-auto-material-result button:disabled{cursor:not-allowed;opacity:.45}.supplier-auto-material-results{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px}.supplier-auto-material-result{display:grid;grid-template-columns:minmax(0,1fr) 64px 64px;gap:10px;align-items:center;min-height:64px;padding:10px;border:1px solid #dbe2e8;border-radius:8px;background:#f8fafb}.supplier-auto-material-result.is-mapped{background:#f1f4f7}.supplier-auto-material-result.is-pending{border-color:#2f6f73;background:#eef8f7}.supplier-auto-material-result strong,.supplier-auto-material-result small{display:block}.supplier-auto-material-result small{margin-top:4px;color:#6b7280;font-size:12px}.supplier-auto-material-result span{color:#566174;font-size:12px;font-weight:800;text-align:center}.supplier-auto-material-result button{min-height:34px;border:1px solid #cbd5df;border-radius:6px;background:#fff;color:#172033;font-weight:800}.supplier-auto-pending-tray{display:flex;flex-wrap:wrap;gap:8px}.supplier-auto-pending-tray button{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border:1px solid #b9d8cf;border-radius:6px;background:#f0faf7;color:#172033;font-weight:800}.supplier-auto-pending-tray span{color:#a23b2a;font-size:16px}.supplier-auto-table{width:100%;min-width:1120px;border-collapse:collapse}.supplier-auto-table th,.supplier-auto-table td{padding:10px;border-bottom:1px solid #e7edf2;text-align:left;vertical-align:middle}.supplier-auto-table th{color:#6b7280;font-size:12px;font-weight:800}.supplier-auto-table td:first-child{min-width:150px}.supplier-auto-table td strong,.supplier-auto-table td small{display:block}.supplier-auto-table td small{margin-top:4px;color:#7a8494;font-size:12px}.supplier-auto-switch{display:inline-flex;align-items:center;justify-content:center;width:48px;height:28px}.supplier-auto-switch input{position:absolute;opacity:0}.supplier-auto-switch span{position:relative;display:block;width:42px;height:24px;border-radius:999px;background:#cbd5df}.supplier-auto-switch span:after{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:0 1px 4px #17203340;content:"";transition:transform .14s ease}.supplier-auto-switch input:checked+span{background:#2f6f73}.supplier-auto-switch input:checked+span:after{transform:translate(18px)}.supplier-auto-icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #d6dde3;border-radius:6px;background:#fff7f5;color:#a23b2a;font-size:20px}.supplier-auto-draft-list{display:grid;gap:12px;padding:16px}.supplier-auto-draft{border:1px solid #d6dde3;border-radius:8px;background:#f8fafb}.supplier-auto-draft.is-active{border-color:#2f6f73;box-shadow:inset 4px 0 #2f6f73}.supplier-auto-draft-head{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #e0e7ee}.supplier-auto-draft-head button{display:grid;gap:5px;border:0;background:transparent;color:#172033;text-align:left}.supplier-auto-draft-head span{color:#566174;font-size:13px}.supplier-auto-draft-head em{min-width:84px;padding:6px 8px;border-radius:999px;background:#e9f3f2;color:#2f6f73;font-size:12px;font-style:normal;font-weight:800;text-align:center}.supplier-auto-draft-lines{display:grid}.supplier-auto-draft-line{display:grid;grid-template-columns:minmax(220px,1fr) 104px 42px 112px 76px;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #e7edf2}.supplier-auto-draft-line:last-child{border-bottom:0}.supplier-auto-draft-line.is-excluded{opacity:.5}.supplier-auto-draft-line small,.supplier-auto-draft-line strong{display:block}.supplier-auto-draft-line small{margin-top:4px;color:#6b7280;font-size:12px}.supplier-auto-check{display:inline-flex;align-items:center;gap:6px;min-height:34px;color:#172033}.supplier-auto-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px;border-top:1px solid #e7edf2}.supplier-auto-actions button{min-height:38px;padding:0 14px;border:1px solid #2f6f73;border-radius:6px;background:#2f6f73;color:#fff;font-weight:800}.supplier-auto-actions button+button{border-color:#cbd5df;background:#fff;color:#172033}.supplier-auto-side{position:sticky;top:16px}.supplier-auto-preview-meta,.supplier-auto-check-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #e7edf2}.supplier-auto-preview-meta span,.supplier-auto-check-row span{color:#6b7280;font-size:13px}.supplier-auto-phone-preview{display:block;width:calc(100% - 32px);min-height:240px;margin:16px;padding:14px;border:1px solid #ccd5dd;border-radius:8px;background:#fbfcfd;color:#172033;resize:vertical}.supplier-auto-checks{border-top:1px solid #e7edf2}.supplier-auto-warning-list{display:grid;gap:8px;padding:12px 16px;border-top:1px solid #e7edf2}.supplier-auto-warning-list p{margin:0;padding:10px;border:1px solid #f0d4bd;border-radius:6px;background:#fff8ed;color:#8a4100;font-size:13px}.supplier-auto-adapter-harness{border-top:1px solid #e7edf2}.supplier-auto-adapter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e7edf2}.supplier-auto-adapter-head strong{color:#172033;font-size:14px}.supplier-auto-adapter-head span{padding:5px 8px;border-radius:999px;background:#e9f3f2;color:#2f6f73;font-size:12px;font-weight:800}.supplier-auto-adapter-json{display:block;width:calc(100% - 32px);min-height:220px;max-height:360px;margin:16px;padding:12px;border:1px solid #ccd5dd;border-radius:8px;background:#f8fafb;color:#172033;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.5;resize:vertical}.supplier-auto-timeline{padding:16px;border-top:1px solid #e7edf2}.supplier-auto-timeline h3{margin-bottom:12px}.supplier-auto-timeline-item{display:grid;gap:4px;padding:0 0 14px 14px;border-left:2px solid #cdd7df}.supplier-auto-timeline-item:last-child{padding-bottom:0}.supplier-auto-timeline-item time{color:#7a8494;font-size:12px}.supplier-auto-timeline-item strong{color:#172033;font-size:13px}.supplier-auto-timeline-item p{margin:0;color:#566174;font-size:13px;line-height:1.45}.supplier-auto-empty{padding:24px;color:#6b7280}.supplier-auto-empty.is-compact{padding:12px;border:1px dashed #cbd5df;border-radius:8px;background:#f8fafb;font-size:13px}@media (max-width: 1280px){.supplier-auto-header,.supplier-auto-savebar{align-items:stretch;flex-direction:column}.supplier-auto-save-actions{justify-content:flex-end}.supplier-auto-grid{grid-template-columns:240px 1fr}.supplier-auto-side{position:static;grid-column:1 / -1}.supplier-auto-form-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (max-width: 860px){.supplier-auto-api-bar,.supplier-auto-api-bar form{align-items:stretch;flex-direction:column}.supplier-auto-api-bar input{width:100%}.supplier-auto-lab{padding:14px}.supplier-auto-header h1{font-size:24px}.supplier-auto-metrics,.supplier-auto-grid,.supplier-auto-form-grid,.supplier-auto-wide-fields,.supplier-auto-list-tools,.supplier-auto-search-row,.supplier-auto-material-results{grid-template-columns:1fr}.supplier-auto-draft-line{grid-template-columns:1fr 96px}.supplier-auto-draft-line>span,.supplier-auto-draft-line>strong,.supplier-auto-draft-line>.supplier-auto-check{justify-self:start}}