:root{--blue:#1677ff;--blue-light:#edf5ff;--border:#e3eaf2;--ink:#172b4d;--muted:#7c899e;--bg:#f5f8fc;--success:#14894d;--warning:#ae6910;--danger:#ce3640;--sidebar:188px;--header:58px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 'Microsoft YaHei','Segoe UI',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,.btn{border:1px solid #d6e2f0;background:white;color:var(--blue);border-radius:5px;padding:8px 15px;white-space:nowrap}button:hover:not(:disabled),a.btn:hover{background:#f2f7ff}.primary{background:var(--blue);border-color:var(--blue);color:white}.primary:hover:not(:disabled){background:#0667ed}.danger{color:var(--danger);border-color:#f2cdd1}.text-btn{border:0;padding:4px 7px;background:transparent}.soft{background:var(--blue-light)}input,textarea,select{width:100%;border:1px solid #dbe3ef;border-radius:5px;background:#fff;color:var(--ink);padding:9px 11px;min-height:39px}textarea{resize:vertical;min-height:82px}input[type=checkbox],input[type=radio]{width:16px;min-height:16px;accent-color:var(--blue);padding:0;margin:0}input[readonly]{background:#f8fafd;color:#77869c}label{display:block}.required:after{content:' *';color:var(--danger)}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:24px}h2{font-size:18px}h3{font-size:15px}small,.small{font-size:12px}.muted{color:var(--muted)}.code{font-family:Consolas,monospace;font-size:12px}.header{height:var(--header);position:fixed;inset:0 0 auto;z-index:30;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 22px;gap:26px}.brand{font-size:24px;font-weight:800;color:var(--blue);letter-spacing:-.7px}.header-title{font-size:16px;font-weight:600}.spacer{flex:1}.preview-label{font-size:12px;color:#916717;background:#fff7cf;border:1px solid #f5e7a8;border-radius:4px;padding:4px 10px}.account{font-size:13px;color:#617088}.sidebar{width:var(--sidebar);position:fixed;inset:var(--header) auto 0 0;border-right:1px solid var(--border);background:#fff;padding:25px 13px;z-index:20}.sidebar-title{font-weight:600;margin:0 10px 22px}.sidebar a{display:flex;align-items:center;gap:13px;color:#62718a;padding:12px 13px;border-radius:5px;margin:4px 0}.sidebar a.active{background:#e6f1ff;color:var(--blue);font-weight:600}.sidebar .divider{height:1px;background:var(--border);margin:18px 9px}.sidebar .account-note{font-size:12px;color:var(--muted);padding:10px}.main{margin-left:var(--sidebar);padding:calc(var(--header) + 24px) 26px 105px}.breadcrumb{font-size:12px;color:#8a96a7;margin:0 0 17px}.page-heading{display:flex;align-items:center;gap:12px;margin-bottom:23px}.card{background:white;border:1px solid var(--border);border-radius:7px;margin-bottom:16px;padding:22px 23px;box-shadow:0 2px 8px #17498103}.section-title{border-left:4px solid var(--blue);padding-left:12px;margin:0 0 20px;display:flex;align-items:center;gap:12px}.section-title h2{font-size:17px}.section-title .pill{margin-left:auto}.row{display:flex;align-items:center;gap:12px}.row.wrap{flex-wrap:wrap}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}.field{display:grid;grid-template-columns:105px minmax(0,1fr);gap:13px;align-items:center}.field>label{color:#62718a;text-align:right}.field.wide{grid-column:1/-1}.field.top{align-items:start}.field.top>label{padding-top:8px}.help{font-size:12px;color:var(--muted);margin-top:7px}.pill{display:inline-flex;align-items:center;border-radius:4px;padding:3px 9px;font-size:12px;white-space:nowrap;background:#f0f4f9;color:#65738a}.green{background:#eaf8ef;color:var(--success)}.amber{background:#fff6e5;color:var(--warning)}.red{background:#fff0f0;color:var(--danger)}.blue{background:#eaf3ff;color:var(--blue)}.notice{border-radius:5px;padding:12px 15px;display:flex;align-items:center;gap:10px;margin-bottom:17px;background:#edf5ff;color:#36639c}.notice.warning{background:#fff8ec;color:#966422}.notice.error{background:#fff1f1;color:#bb3440}.notice.success{background:#edf9f1;color:#187c48}.workbench-grid{display:grid;grid-template-columns:minmax(0,1fr) 117px;gap:18px}.anchors{position:sticky;top:90px;align-self:start;font-size:12px;border-left:1px solid var(--border);padding-left:15px}.anchors a{display:block;padding:10px 0;color:#8996a9}.anchors a:first-child{color:var(--blue)}.inline{display:flex;align-items:center;gap:9px}.inline>*:first-child{flex:1;min-width:0}.section-band{background:#f4f8fe;color:#41658e;padding:9px 12px;margin:15px 0;border-left:2px solid var(--blue);font-size:13px;font-weight:600}.attrs{display:grid;grid-template-columns:1fr 1fr;gap:15px 26px}.attr{display:grid;grid-template-columns:88px minmax(0,1fr) 25px;align-items:center;gap:10px}.attr label{font-size:12px;color:#617088;text-align:right}.plus{border:0;background:var(--blue);color:white;width:23px;height:23px;border-radius:50%;padding:0;font-size:20px;line-height:23px}.chip-wrap{border:1px solid #dbe3ef;border-radius:5px;min-height:39px;padding:5px 8px;display:flex;align-items:center;gap:5px;background:white}.chip{background:#edf1f7;padding:3px 7px;border-radius:4px;font-size:12px;display:inline-flex;gap:7px;align-items:center}.chip button{padding:0;border:0;background:transparent;color:#8695a7}.chip-wrap .caret{margin-left:auto;color:#8190a5}.fold{margin-top:15px;border:1px solid var(--border);border-radius:4px;padding:10px 12px}.fold summary{cursor:pointer;font-size:12px;color:#496487}.fold textarea{margin-top:10px;font-family:Consolas,monospace;font-size:12px}.variant-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:15px}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:5px;isolation:isolate}.sku-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:12px}.sku-table th,.sku-table td{border-bottom:1px solid var(--border);padding:12px 10px;text-align:center;background:white;vertical-align:middle}.sku-table th{background:#f0f6ff;color:#456386;font-weight:600;height:54px}.sku-table td{height:119px}.sku-table tr:last-child td{border-bottom:0}.sku-table .left1{position:sticky;left:0;width:42px;min-width:42px;z-index:3}.sku-table .left2{position:sticky;left:42px;width:42px;min-width:42px;z-index:3}.sku-table .left3{position:sticky;left:84px;width:132px;min-width:132px;text-align:left;z-index:3;box-shadow:5px 0 8px #254b7610}.sku-table .right{position:sticky;right:0;width:116px;min-width:116px;z-index:3;box-shadow:-5px 0 8px #254b7610}.sku-table th.left1,.sku-table th.left2,.sku-table th.left3,.sku-table th.right{z-index:5}.sku-table input:not([type=radio]){font-size:12px;min-height:32px;padding:6px 8px}.sku-table .title-cell{width:260px;min-width:260px;text-align:left}.sku-table .image-cell{width:155px;min-width:155px}.sku-table .input-cell{width:132px;min-width:132px}.sku-table .dimension{width:225px;min-width:225px}.sku-table .dimension .row{gap:5px}.sku-table .selected td{background:#fbfdff}.sku-name{font-weight:600}.sku-id{color:#8a97a9;font-size:11px;margin-top:5px}.image-button{display:flex;gap:4px;align-items:center;background:white;padding:5px;border:1px solid #dce5f1;border-radius:5px;color:#62718a}.image-button img{width:47px;height:58px;object-fit:cover;border-radius:3px}.image-count{width:29px;background:#f2f6fb;border-radius:3px;padding:6px 3px}.mini-actions{display:flex;gap:5px}.mini-actions button{padding:5px 7px;font-size:11px}.source-line{display:grid;grid-template-columns:85px minmax(0,1fr);gap:12px;align-items:center;font-size:13px;margin:10px 0}.source-line>span{color:#77869c}.source-line .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-footer{position:fixed;bottom:0;left:var(--sidebar);right:0;z-index:25;background:#fff;border-top:1px solid var(--border);padding:15px 25px;display:flex;align-items:center;gap:10px}.bar-footer .footer-status{flex:1;color:#76859c;font-size:12px}.bar-footer .footer-status strong{color:var(--success);font-weight:500}.list-table{width:100%;border-collapse:collapse;font-size:13px}.list-table th{text-align:left;background:#f3f7fd;color:#65768d;font-weight:500;padding:12px}.list-table td{padding:17px 12px;border-bottom:1px solid var(--border)}.list-table .product-cell{display:flex;align-items:center;gap:13px}.list-table img{width:52px;height:65px;border:1px solid var(--border);border-radius:4px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:20px;font-size:12px;color:#8190a5}.pagination button{padding:5px 10px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--border);border-radius:6px;padding:18px}.stat strong{font-size:26px;display:block;margin-top:8px}.empty{padding:55px 20px;text-align:center;color:#8b98aa}.empty .empty-icon{font-size:40px;color:#a7bfda;margin-bottom:13px}.empty button{margin-top:17px}.config-content{max-width:920px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.status-box{background:#f8fafd;border:1px solid var(--border);padding:16px;border-radius:5px}.status-box p{margin-top:7px;color:#7b899d;font-size:12px}.switch{display:inline-flex;gap:10px;align-items:center}.switch input{width:35px;height:20px;min-height:20px}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--border);margin-bottom:22px;padding:0 2px}.tabs button{border:0;border-radius:0;background:transparent;color:#8390a4;padding:10px 2px}.tabs .active{color:var(--blue);border-bottom:2px solid var(--blue)}.steps{display:flex;align-items:center;gap:14px;margin-bottom:21px;font-size:13px;color:#8192a7}.step{display:flex;align-items:center;gap:7px}.step b{width:24px;height:24px;background:#e8f1ff;color:var(--blue);border-radius:50%;display:grid;place-items:center}.binding-box{border:1px dashed #bad5fb;background:#f5f9ff;padding:18px;border-radius:6px;display:flex;align-items:center;gap:20px;margin:15px 0}.binding-code{font:22px/1.4 Consolas,monospace;color:var(--blue)}.login-page{padding:0;min-height:100vh;margin:0;display:grid;place-items:center;background:linear-gradient(130deg,#edf5ff,#f9fbfd)}.login-card{width:440px;border:1px solid var(--border);background:white;border-radius:10px;padding:38px;box-shadow:0 14px 50px #204c7512}.login-card .brand{margin-bottom:7px}.login-card h1{font-size:20px;margin:25px 0 7px}.login-card label{font-size:13px;color:#697b93;margin:18px 0 6px}.login-card .primary{width:100%;margin-top:23px}.login-footer{text-align:center;margin-top:22px;font-size:12px;color:#8c99aa}.overlay{position:fixed;inset:0;z-index:60;background:#23395762;display:flex;align-items:center;justify-content:center;padding:28px}.modal{width:1000px;max-width:100%;max-height:calc(100vh - 56px);background:white;border-radius:9px;box-shadow:0 20px 70px #1233583b;display:flex;flex-direction:column}.modal.small-modal{width:610px}.modal.medium-modal{width:780px}.modal-head{display:flex;align-items:center;padding:19px 23px;border-bottom:1px solid var(--border);gap:10px}.modal-head h2{font-size:18px}.close{margin-left:auto;border:0;padding:0 5px;background:transparent;font-size:25px;color:#8491a3}.modal-body{padding:22px 24px;overflow:auto;min-height:0}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:10px;align-items:center;justify-content:flex-end}.category-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-top:20px}.category-col{border:1px solid var(--border);border-radius:5px;min-height:285px}.category-col h3{font-size:12px;background:#f7f9fd;padding:11px 13px;border-bottom:1px solid var(--border);color:#8c99aa}.category-item{padding:12px 14px;display:flex;justify-content:space-between;color:#65768c;font-size:13px;cursor:pointer}.category-item.selected{background:#eaf3ff;color:var(--blue)}.selection-note{background:#f4f8fe;padding:12px 14px;border-radius:5px;margin-top:15px;color:#5177a4;font-size:12px}.options-list{margin:18px 0;border:1px solid var(--border);border-radius:5px}.option-row{display:flex;gap:12px;align-items:center;padding:13px;border-bottom:1px solid var(--border)}.option-row:last-child{border-bottom:0}.option-row.selected{background:#f0f7ff}.option-row input{width:16px}.image-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.image-card{border:1px solid var(--border);border-radius:5px;overflow:hidden;background:#f8fbff;position:relative}.image-card.active{border:2px solid var(--blue)}.image-card img{display:block;width:100%;height:115px;object-fit:cover}.image-card .image-cap{background:white;display:flex;justify-content:space-between;padding:6px;font-size:11px;color:#8192a7}.image-preview{border:1px solid var(--border);background:#f5f8fc;display:flex;align-items:center;justify-content:center;min-height:315px;border-radius:5px}.image-preview img{width:205px;height:270px;object-fit:contain}.image-meta{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:12px;color:#8192a7}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;font-size:13px;margin-bottom:20px}.summary-item{display:flex;gap:15px;padding:11px 0;border-bottom:1px solid #edf1f7}.summary-item span:first-child{color:#7f8da2;width:88px;flex-shrink:0}.payload{background:#f6f8fb;border:1px solid var(--border);border-radius:5px;white-space:pre-wrap;font:12px/1.65 Consolas,monospace;padding:14px;color:#476182;margin:15px 0}.confirm-check{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#64748a;margin-top:18px}.result{border:1px solid var(--border);border-radius:6px;padding:21px;margin:15px 0}.result h3{margin:8px 0 12px}.timeline{border-left:2px solid #d9e8fb;padding-left:18px;margin:20px 0;color:#69809b;font-size:12px}.timeline p{margin:12px 0}.toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);background:#213a5bec;color:white;border-radius:6px;padding:10px 18px;z-index:100;font-size:13px}.extension-panel{border:1px solid var(--border);padding:20px;border-radius:6px;max-width:430px;margin:0 auto;background:#fafcfe}.extension-panel label{margin:12px 0 6px;font-size:12px;color:#7d8b9d}.extension-panel button{margin-top:15px;width:100%}.compact-field{margin-top:15px}.full-capture .bar-footer{position:relative;margin-left:var(--sidebar);left:auto;right:auto;bottom:auto}.full-capture .main{padding-bottom:18px}.full-capture .sidebar{position:absolute;bottom:0}.full-capture .header{position:absolute}.full-capture .anchors{position:static}
@media(max-width:800px){:root{--sidebar:0px;--header:58px}.sidebar{display:none}.header{padding:0 14px;gap:13px}.brand{font-size:20px}.header-title,.account{display:none}.preview-label{font-size:10px;padding:3px 6px}.main{padding:78px 13px 130px}.workbench-grid{display:block}.anchors{display:none}.card{padding:17px 14px}.grid,.attrs,.status-grid,.stat-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.field{grid-template-columns:90px minmax(0,1fr);gap:8px}.attr{grid-template-columns:85px minmax(0,1fr) 24px;gap:7px}.section-title h2{font-size:15px}.section-title .pill{font-size:10px;padding:2px 4px}.bar-footer{left:0;padding:10px 12px;flex-wrap:wrap;gap:7px}.bar-footer .footer-status{flex-basis:100%}.bar-footer button{flex:1;font-size:12px;padding:8px}.page-heading{flex-wrap:wrap}.list-table th,.list-table td{padding:12px 7px;font-size:12px}.list-table .optional{display:none}.list-table .product-cell{min-width:180px}.row{gap:7px}.row.wrap{row-gap:10px}.login-card{width:calc(100% - 30px);padding:26px}.overlay{padding:14px}.modal{max-height:calc(100vh - 28px)}.modal-head{padding:15px}.modal-head h2{font-size:16px}.modal-body{padding:16px}.modal-footer{padding:13px 15px;flex-wrap:wrap}.category-columns{gap:8px}.category-col{min-height:240px}.category-item{padding:11px 7px;font-size:12px}.image-layout{grid-template-columns:1fr}.image-grid{margin:12px 0;grid-template-columns:repeat(3,1fr)}.image-card img{height:95px}.image-preview{min-height:190px}.image-preview img{height:175px}.summary-grid{grid-template-columns:1fr}.steps{flex-wrap:wrap}.field>label{text-align:left}.sku-table .left3{min-width:100px;width:100px}.sku-table .right{min-width:97px;width:97px}.list-table .product-cell img{display:none}.config-content{max-width:100%}}
@media(max-width:480px){.sku-table .left1{width:30px;min-width:30px;padding-left:6px;padding-right:6px}.sku-table .left2{left:30px;width:30px;min-width:30px;padding-left:6px;padding-right:6px}.sku-table .left3{left:60px;width:86px;min-width:86px;padding-left:6px;padding-right:6px;overflow-wrap:anywhere}.sku-table .right{width:76px;min-width:76px;padding-left:6px;padding-right:6px}.sku-table .mini-actions{flex-direction:column;gap:5px}.sku-table .mini-actions button{padding:5px;font-size:11px}}
[hidden]{display:none!important}.brand{letter-spacing:0}.login-card .notice{margin-top:20px}.binding-code{overflow-wrap:anywhere}.main{min-width:0}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.record-value{min-width:0;overflow-wrap:anywhere}
.device-id{overflow-wrap:anywhere}
.draft-search{margin-bottom:20px}.draft-search input{max-width:410px}.draft-page-size{width:95px}.pagination{flex-wrap:wrap}
[data-draft-list] .list-table{table-layout:fixed}[data-draft-list] td{overflow-wrap:anywhere}
.seller-actions{justify-content:flex-end;margin-top:25px}[data-seller-state] .small{margin-left:10px}
.seller-dropdown{position:relative;min-width:0;border:1px solid #cbd5e1;border-radius:4px;background:#fff}.seller-dropdown summary{padding:10px;overflow-wrap:anywhere;cursor:pointer}.seller-options{max-height:240px;overflow:auto;padding:8px;border-top:1px solid #cbd5e1}.seller-options label{display:flex;align-items:center;gap:8px;padding:8px;overflow-wrap:anywhere}.seller-options input{width:18px;min-width:18px;height:18px}
.editor-heading{justify-content:flex-end;margin-bottom:18px}[data-source-summary]{white-space:pre-wrap;overflow-wrap:anywhere}section[id]{scroll-margin-top:85px}
.category-col .category-item{width:100%;border:0;border-radius:0;text-align:left;white-space:normal;overflow-wrap:anywhere}
.scope-field{align-items:flex-start}.scope-field>.plus{flex-shrink:0;margin-top:9px}.sku-table th .scope-restore{display:block;margin:4px auto 0;padding:2px 0;font-weight:400}.sku-table th.title-cell{min-width:220px}
.workbench-grid.editor-wide{grid-template-columns:minmax(0,1fr)}
.sku-scrollbar{appearance:none;display:block;width:100%;height:14px;min-height:14px;margin:2px 0 0;padding:0;border:1px solid #dbe3ef;background:#edf2f7;border-radius:4px;cursor:pointer}.sku-scrollbar::-webkit-slider-thumb{appearance:none;width:clamp(24px,var(--thumb-width,40px),40%);height:10px;background:#9aacc1;border-radius:4px}.sku-scrollbar::-moz-range-thumb{width:clamp(24px,var(--thumb-width,40px),40%);height:10px;background:#9aacc1;border:0;border-radius:4px}
.sku-table .left3{box-shadow:none}.sku-table .left4{position:sticky;left:216px;width:132px;min-width:132px;z-index:3;box-shadow:5px 0 8px #254b7610}.sku-table th.left4{z-index:5}
.sku-table .left1{left:0;width:34px;min-width:34px;max-width:34px;padding:6px}.sku-table .left2{left:34px;width:34px;min-width:34px;max-width:34px;padding:6px}.sku-table .left3{left:68px;width:90px;min-width:90px;max-width:90px;padding:6px}.sku-table .left4{left:158px;width:92px;min-width:92px;max-width:92px;padding:6px}.sku-table .left3 .sku-name,.sku-table .left3 .sku-id{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sku-table .left4 input{width:80px;min-width:0;padding:7px 5px;text-overflow:ellipsis}.sku-table th .copy-first{display:block;width:100%;text-align:center;margin:0 auto;padding:4px 0;font-size:12px}
#listing>.grid{grid-template-columns:repeat(3,minmax(0,1fr))}#listing>.grid>.field{grid-template-columns:minmax(0,1fr);gap:10px}#listing>.grid>.field>label{text-align:left}.listing-stock-rows{grid-column:1/-1;display:grid;gap:18px;min-width:0}.listing-stock-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) 140px;gap:16px;min-width:0}.listing-stock-field{display:grid;gap:10px;min-width:0}.listing-stock-field>label{color:var(--muted);font-size:13px}.listing-stock-field>input,.listing-stock-field>select{width:100%;min-width:0;text-overflow:ellipsis}.seller-options{display:flex;flex-wrap:wrap;gap:12px 24px}@media(max-width:640px){#listing>.grid,.listing-stock-row{grid-template-columns:minmax(0,1fr)}.listing-stock-field{gap:6px}}
.table-scroll{overflow-x:scroll;scrollbar-width:auto;scrollbar-color:#9aacc1 #edf2f7}.table-scroll::-webkit-scrollbar{height:14px}.table-scroll::-webkit-scrollbar-track{background:#edf2f7}.table-scroll::-webkit-scrollbar-thumb{background:#9aacc1;border:3px solid #edf2f7;border-radius:5px}
.attr{min-width:0}.attr>button:not(.plus),.sku-table td>button:not(.image-button){max-width:100%;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attr input,.sku-table input{text-overflow:ellipsis}
.sku-table{table-layout:fixed}.sku-table .sku-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:112px}
.image-button{max-width:100%;min-width:0}.sku-thumbnail,.image-button img{width:40px;height:50px;flex-shrink:0;object-fit:contain}.sku-thumbnail{display:grid;place-items:center;background:#f2f6fb;font-size:10px;border-radius:3px}.image-button .image-count{width:22px;font-size:10px;flex-shrink:0}
.image-card{padding:0;min-width:0;cursor:grab}.image-card:active{cursor:grabbing}.image-placeholder{display:grid;place-items:center;height:115px;font-size:12px;color:var(--muted)}.image-card.drop-target{outline:2px dashed var(--blue);outline-offset:-2px}.image-grip{font-size:17px}.image-status{margin-right:auto}.image-card .image-cap{align-items:center}
#product .model-field{grid-column:1/-1;grid-template-columns:105px minmax(0,1fr) 25px}#product .model-field label{font-size:14px;overflow-wrap:anywhere}
.account-switch{max-width:min(42vw,430px);overflow:hidden;text-overflow:ellipsis}.account-toolbar{margin:16px 0 18px}.account-toolbar input{max-width:440px}.account-table{min-width:790px}.account-table td{vertical-align:middle}.account-mobile{display:none}.account-mobile-row{padding:15px 0;border-bottom:1px solid var(--border)}.account-mobile-row:last-child{border-bottom:0}.account-mobile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.account-mobile-head>div{min-width:0;overflow-wrap:anywhere}.account-mobile-meta{font-size:12px;color:var(--muted);margin:10px 0}.account-mobile-row .row{justify-content:flex-end}
@media(max-width:800px){.sku-table .left4{left:158px}#product .model-field{grid-template-columns:90px minmax(0,1fr) 24px}.image-placeholder{height:95px}}
@media(max-width:800px){.account-desktop{display:none}.account-mobile{display:block}.account-switch{max-width:45vw;font-size:12px;padding:4px}.account-toolbar{align-items:flex-start}.account-toolbar input{max-width:none}}
@media(max-width:480px){.sku-table .left1{width:26px;min-width:26px;padding:4px}.sku-table .left2{left:26px;width:26px;min-width:26px;padding:4px}.sku-table .left3{left:52px;width:70px;min-width:70px;padding:4px}.sku-table .left4{left:122px;width:70px;min-width:70px;padding:4px}.sku-table .left4 input{width:62px;padding:6px 4px}.sku-table .left3 .sku-name,.sku-table .left3 .sku-id{max-width:62px}}
.sku-multiply-toolbar{flex-wrap:wrap}.sku-multiply-toolbar>label{white-space:nowrap}.sku-multiply-toolbar>select{width:90px;flex:0 0 90px}.sku-multiply-toolbar>button{flex:0 0 auto}
.overlay:not(.agent-dialog-overlay){z-index:80}

/* S4 approved liquid-glass authentication surface. */
.login-page{--glass-ink:#163147;--glass-muted:#49687f;--glass-accent:#146bba;--glass-border:#afcbdc;min-height:100svh;padding:32px 16px;color:var(--glass-ink);background:radial-gradient(ellipse at 15% 10%,#dcecff,transparent 55%),radial-gradient(ellipse at 90% 90%,#eee6fa,transparent 55%),#e9f2f9}
.login-card{width:min(450px,100%);padding:32px;border:1px solid #ffffffd9;border-radius:24px;background:linear-gradient(135deg,#fffffff0,#ffffffb8);box-shadow:0 16px 38px #305b8620;backdrop-filter:blur(22px)}
.login-card .brand{font-size:24px;color:var(--glass-accent)}
.login-card h1{font-size:25px;color:var(--glass-ink)}
.login-card .muted,.login-footer{color:var(--glass-muted)}
.login-card label{color:var(--glass-ink);font-size:13px}
.login-card input{min-height:42px;border:1px solid var(--glass-border);border-radius:9px;background:#ffffffbd;color:var(--glass-ink);caret-color:var(--glass-accent)}
.login-card input:focus{border-color:var(--glass-accent);box-shadow:0 0 0 3px #146bba18}
.login-card :is(input,button):focus-visible{outline:3px solid var(--glass-accent);outline-offset:3px}
.login-card .primary{min-height:42px;border-radius:9px;background:var(--glass-accent);color:white;font-weight:650;transition:background .15s ease-out,transform .15s ease-out}
.login-card .primary:hover:not(:disabled){background:#105995}
.login-card .primary:active:not(:disabled){transform:translateY(1px)}
.login-card .primary:disabled{background:#d7e5f0;color:#49687f;opacity:1}
.login-card .notice.warning{background:#fff3d8;color:#77500a;border-color:#e4ce9c}
.login-card .notice.error{background:#ffeded;color:#982c36;border-color:#edb9be}
.login-card .notice.success{background:#e5f6ef;color:#22674c;border-color:#a6d6c2}
.login-page ::selection{background:#b7d8f7;color:#163147}
@media(max-width:640px){.login-page{padding:24px 16px}.login-card{padding:24px 20px;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.login-card .primary{transition:none}}

/* S4 liquid-glass navigation and server draft list. */
body:has(.header){--blue:#146bba;--ink:#163147;--muted:#49687f;--border:#bfd3e2;color:var(--ink);background:radial-gradient(ellipse at 15% 10%,#dcecff,transparent 55%),radial-gradient(ellipse at 90% 90%,#eee6fa,transparent 55%),#e9f2f9}
.header{background:#ffffffd9;backdrop-filter:blur(16px);box-shadow:0 4px 16px #305b8610}
.header .brand{font-weight:750}.header-title{color:#49687f}
.sidebar{background:linear-gradient(160deg,#ffffffd9,#edf5fbc9)}
.sidebar a:hover{background:#e2effb}.sidebar a.active{background:#d7eafb;color:#146bba}
.sidebar a:focus-visible{outline:3px solid #146bba;outline-offset:-3px}
.card:has([data-draft-list]){border:1px solid #ffffffd9;border-radius:24px;background:linear-gradient(135deg,#fffffff0,#ffffffb8);box-shadow:0 12px 30px #305b8615;backdrop-filter:blur(18px)}
.card:has([data-draft-list]) .section-title{border-left:0;padding-left:0}
.card:has([data-draft-list]) :is(input,select){min-height:40px;border-radius:9px}
.card:has([data-draft-list]) .list-table th{background:#eaf3fa;color:#365b76;padding:12px 14px}
.card:has([data-draft-list]) .list-table td{padding:14px;border-color:#d4e2ed}
.card:has([data-draft-list]) .list-table tr:hover td{background:#f2f8fd}
.list-table .draft-thumbnail-column{width:82px;min-width:82px}
.list-table .draft-thumbnail-column img{display:block;width:60px;height:76px;object-fit:contain;border-color:#fff;background:#edf4fa;border-radius:8px}
.card:has([data-draft-list]) .product-cell{display:block}
.card:has([data-draft-list]) button{border-radius:9px}
.card:has([data-draft-list]) :is(button,input,select):focus-visible{outline:3px solid #146bba;outline-offset:2px}
@media(max-width:800px){.list-table .draft-thumbnail-column{width:52px;min-width:52px}.list-table .draft-thumbnail-column img{width:42px;height:54px}.card:has([data-draft-list]) .list-table :is(th,td){padding:5px}.card:has([data-draft-list]){border-radius:18px;backdrop-filter:none}.header{backdrop-filter:none}}
@media(max-width:800px){.card:has([data-draft-list]) .list-table .product-cell{min-width:0;max-width:142px;overflow-wrap:anywhere}.card:has([data-draft-list]) .list-table{table-layout:fixed}.card:has([data-draft-list]) .list-table th:last-child{width:50px}.card:has([data-draft-list]) .list-table th:nth-child(3){width:72px}}

.draft-thumbnail-column{position:relative}.draft-thumbnail-placeholder{position:absolute;inset:14px;display:grid;place-items:center;width:60px;height:76px;border-radius:8px;background:#edf4fa;color:#49687f;font-size:11px;text-align:center}.draft-thumbnail-placeholder[hidden]{display:none}
.account-surface{border:1px solid #ffffffd9;border-radius:24px;background:linear-gradient(135deg,#fffffff0,#ffffffb8);box-shadow:0 12px 30px #305b8615;backdrop-filter:blur(18px)}
.account-surface .section-title{border-left:0;padding-left:0}.account-surface :is(input,select,button){border-radius:9px;min-height:38px}.account-surface .list-table th{background:#eaf3fa;color:#365b76}.account-surface .list-table td{border-color:#d4e2ed}.account-surface .list-table tbody tr:hover{background:#f2f8fd}.account-surface .sub,.account-surface .account-mobile-meta{color:#49687f}.account-surface :is(input,select,button):focus-visible{outline:3px solid #146bba;outline-offset:2px}
.overlay:has([data-create-account], [data-manage-error], [data-disable-confirm], [data-switch-confirm], [data-one-time-link]) .modal{border:1px solid #ffffffdb;border-radius:22px;background:linear-gradient(135deg,#fffffff5,#eef6fcf0);box-shadow:0 20px 50px #24496830;backdrop-filter:blur(18px)}
.overlay:has([data-create-account], [data-manage-error], [data-disable-confirm], [data-switch-confirm], [data-one-time-link]) :is(input,button){border-radius:9px;min-height:38px}
@media(max-width:800px){.draft-thumbnail-placeholder{inset:5px;width:42px;height:54px;font-size:10px}.account-surface{border-radius:18px;backdrop-filter:none}.account-mobile-row{background:#ffffff9e;border-color:#d4e2ed;border-radius:12px}}
body:has(.header){min-height:100svh;background-attachment:fixed;background-repeat:no-repeat}

/* S4 configuration and receipt surfaces. */
.liquid-surface{border:1px solid #ffffffd9;border-radius:24px;background:linear-gradient(135deg,#fffffff0,#ffffffb8);box-shadow:0 12px 30px #305b8615;backdrop-filter:blur(18px)}
.liquid-surface .section-title{border-left:0;padding-left:0}.liquid-surface :is(input,select,button){border-radius:9px;min-height:38px}.liquid-surface input{background:#ffffffbf;caret-color:#146bba}.liquid-surface .list-table th{background:#eaf3fa;color:#365b76}.liquid-surface .list-table td{border-color:#d4e2ed}.liquid-surface .list-table tbody tr:hover{background:#f2f8fd}.liquid-surface :is(.help,.muted,.status-box p){color:#49687f}.liquid-surface :is(input,select,button):focus-visible{outline:3px solid #146bba;outline-offset:2px}.liquid-surface .binding-box{border:1px dashed #90b7d5;background:#e9f4fc;border-radius:12px}.liquid-surface .status-box{background:#edf5fb;border-radius:12px}.liquid-surface .summary-item{border-color:#d4e2ed}.liquid-surface .record-value{overflow-wrap:anywhere}
@media(max-width:800px){.liquid-surface{border-radius:18px;backdrop-filter:none}.liquid-surface .binding-box{flex-wrap:wrap;gap:12px}}

/* S4 common dialogs preserve native modal lifecycle and focus management. */
.overlay:not(.agent-dialog-overlay){background:#18394f66;backdrop-filter:blur(4px)}
.overlay:not(.agent-dialog-overlay)>.modal{border:1px solid #ffffffdb;border-radius:22px;background:linear-gradient(135deg,#fffffff5,#eef6fcf0);box-shadow:0 20px 50px #24496830}
.modal-head{border-color:#c5d9e8}.modal-head h2{color:#163147}.modal-footer{border-color:#c5d9e8;background:#ffffff75;border-radius:0 0 22px 22px}
.modal :is(input,select,textarea,button){border-radius:9px;caret-color:#146bba}.modal :is(input,select,textarea,button):focus-visible{outline:3px solid #146bba;outline-offset:2px}.modal .close{border-radius:8px;min-width:32px;min-height:32px;color:#49687f}.modal .close:hover{background:#dcecf8}
.workbench-grid .liquid-surface{border-radius:20px}.workbench-grid .field>label{color:#365b76}.workbench-grid .liquid-surface textarea{border-radius:9px;background:#ffffffbf;min-height:112px;caret-color:#146bba}.workbench-grid .anchors{background:#ffffffa8;border:1px solid #ffffffd9;border-radius:14px;padding:12px}.workbench-grid .anchors a{border-radius:8px}.bar-footer{background:#ffffffe8;backdrop-filter:blur(12px);border-color:#bfd3e2}
@media(max-width:800px){.overlay:not(.agent-dialog-overlay){backdrop-filter:none}.workbench-grid .liquid-surface{border-radius:18px}.bar-footer{backdrop-filter:none}}

/* S4 approved product information composition; binding selectors stay reachable. */
#product>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
#product>.grid>.field{min-width:0}
#product>.grid>.field:has([data-control="U05.category.open"]){grid-column:1/-1;order:0}
#product>.grid>.field:has([data-control="U05.title"]){grid-column:1/-1;order:1}
#product>.grid>.field:has([data-control="U05.description"]){grid-column:1/-1;order:2}
#product>.grid>.field:has([data-control="U05.tags"]){grid-column:1/-1;order:3;align-items:start}
#product>.grid>.field:has([data-control="U05.brand"]){order:4}
#product>.grid>[data-model-field]{order:5;grid-column:auto;min-width:0;grid-template-columns:90px minmax(0,1fr) 26px}
#product>.grid>.field:has([data-control="U05.salePriceCurrency"]){order:6}
#product>.grid>.field:has([data-control="U05.barcode"]){order:7}
#product>.grid>.field:has([data-control="U05.brandBinding"]){order:8}
#product>.grid>.field:has([data-control="U05.descriptionBinding"]){order:9}
#product>.grid>.field:has([data-control="U05.description"]) textarea{min-height:140px;resize:vertical}
#product>.grid :is(input,select,textarea){min-width:0;width:100%;font-size:13px}
@media(max-width:800px){#product>.grid{grid-template-columns:1fr;gap:16px}#product>.grid>[data-model-field]{grid-template-columns:90px minmax(0,1fr) 26px}}

.product-tags-editor{min-height:112px;padding:10px;border:1px solid #afcbdc;border-radius:9px;background:#ffffffbf}.product-tag-chips{display:flex;gap:7px;flex-wrap:wrap}.product-tag{display:inline-flex;gap:4px;align-items:center;max-width:100%;padding:5px 8px;background:#deedfa;border:1px solid #b8d4ec;border-radius:7px;color:#244f76}.product-tag>span{overflow-wrap:anywhere}.product-tag .product-tag-remove{min-height:24px;min-width:24px;padding:0;border:0;background:transparent;color:#244f76;opacity:0}.product-tag:hover .product-tag-remove,.product-tag:focus-within .product-tag-remove{opacity:1}.product-tags-editor>input{border:0;background:transparent!important;box-shadow:none;margin-top:8px}.product-tags-error{font-size:12px;color:#982c36;margin-top:5px}.product-tags-error:empty{display:none}
@media(hover:none){.product-tag .product-tag-remove{opacity:1}}

.sku-scrollbar{position:relative;display:block;width:100%;height:22px;min-height:22px;margin-top:8px;padding:0;border:0;border-radius:6px;background:#d7e6f2;touch-action:none;cursor:pointer;overflow:hidden;transition:none!important}
.sku-scroll-thumb{position:absolute;left:0;top:4px;height:14px;border-radius:5px;background:#5681a5;pointer-events:none;transition:none!important;will-change:transform}
.sku-scrollbar:hover:not(:disabled) .sku-scroll-thumb{background:#146bba}.sku-scrollbar:focus-visible{outline:3px solid #146bba;outline-offset:3px}.sku-scrollbar:disabled{opacity:.5}.table-scroll{scroll-behavior:auto!important;overscroll-behavior-x:contain}
.sku-table .dimension{min-width:195px;width:195px}.sku-table .dimension .row{gap:5px}.sku-table .dimension input{width:54px;min-width:0;padding:7px 4px}
.liquid-surface .sku-scrollbar{min-height:22px;height:22px;padding:0;border-radius:6px}

/* S4 approved compact fixed SKU columns. */
.sku-table .left1{left:0;width:28px;min-width:28px;max-width:28px;padding:4px}.sku-table .left2{left:28px;width:32px;min-width:32px;max-width:32px;padding:4px}.sku-table .left3{left:60px;width:84px;min-width:84px;max-width:84px;padding:4px}.sku-table .left4{left:144px;width:88px;min-width:88px;max-width:88px;padding:4px}.sku-table .left3 :is(.sku-name,.sku-id){max-width:76px}.sku-table .left4 input{width:80px;padding:6px 4px}
@media(max-width:480px){.sku-table .left1{width:28px;min-width:28px;max-width:28px}.sku-table .left2{left:28px;width:32px;min-width:32px;max-width:32px}.sku-table .left3{left:60px;width:66px;min-width:66px;max-width:66px}.sku-table .left4{left:126px;width:70px;min-width:70px;max-width:70px}.sku-table .left3 :is(.sku-name,.sku-id){max-width:58px}.sku-table .left4 input{width:62px}}
@media(max-width:480px){.sku-table .right{position:static}}
.public-sku-context{display:block;overflow-wrap:anywhere;font-size:11px;margin-top:4px;color:#49687f}.attr[data-public-sku-attribute]>.copy-first{grid-column:2/-1;justify-self:start;width:auto;text-align:left;font-size:12px;padding:3px 6px}
.attr>.public-sku-context{grid-column:1/-1;text-align:left;margin-top:0;font-size:12px}

.submission-review-scroll{overflow:auto}.submission-review-scroll table{min-width:640px}.submission-lock{display:grid;gap:18px;justify-items:center}.submission-lock progress{width:100%;accent-color:#1677ff}.submission-spinner{width:36px;height:36px;border:3px solid #d3e0ea;border-top-color:#1677ff;border-radius:50%;animation:submission-spin 1s linear infinite}@keyframes submission-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.submission-spinner{animation:none}}

.field-invalid{border:2px solid #c73442!important;background:#fff7f7!important}.field-error{color:#9b2230;font-size:12px;line-height:1.5;margin-top:6px;max-width:320px;overflow-wrap:anywhere}
/* Local online-product catalogue uses the existing workbench surface. */
.online-products > .row, .online-products > form { margin-bottom: 16px; }
.online-products form label { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.online-products .product-table { min-width: 1200px; }
.online-products .product-table td { vertical-align: top; }
.online-products .product-table th:nth-child(2), .online-products .product-table td:nth-child(2) { min-width: 280px; max-width: 280px; overflow-wrap: anywhere; position: sticky; left: 44px; background: var(--surface, #fff); z-index: 1; }
.online-products .product-table th:last-child, .online-products .product-table td:last-child { min-width: 290px; white-space: nowrap; }
.online-products .product-table td:last-child button + button { margin-left: 8px; }
.online-products .product-table th:first-child, .online-products .product-table td:first-child { width: 44px; min-width: 44px; max-width: 44px; position: sticky; left: 0; background: var(--surface, #fff); z-index: 2; }
.online-products .product-table th:last-child, .online-products .product-table td:last-child { position: sticky; right: 0; background: var(--surface, #fff); z-index: 1; }
.product-thumbnail { width: 72px; height: 72px; object-fit: contain; float: left; margin: 0 12px 8px 0; border-radius: 8px; }
@media(max-width:640px){
  .online-products .product-table th:last-child,.online-products .product-table td:last-child{min-width:110px;white-space:normal}
  .online-products .product-table td:last-child button{display:block}
  .online-products .product-table td:last-child button + button{margin:8px 0 0}
}
@media(max-width:480px){
  .online-products .product-table th:first-child,.online-products .product-table td:first-child{width:32px;min-width:32px;max-width:32px}
  .online-products .product-table th:nth-child(2),.online-products .product-table td:nth-child(2){left:32px;min-width:140px;max-width:140px}
  .online-products .product-thumbnail{width:56px;height:56px;float:none;display:block}
}

/* Confirmed pickup / future auto-add operations surfaces. */
.ops .card{margin:18px 0}.ops h2{font-size:20px}.ops select{min-width:260px}.ops-table{min-width:850px}.ops-table td{vertical-align:top}.ops-table td:nth-child(2){max-width:400px;overflow-wrap:anywhere}.ops-table small{color:var(--muted)}.ops-danger{background:#bd3447;color:#fff;border-color:#bd3447}.ops-danger:disabled{background:#e3e8ee;color:#67788c;border-color:#e3e8ee}.ops-pages,.ops-history{justify-content:flex-end;margin-top:16px}.ops-history span{margin-right:auto}.ops button:focus-visible{outline:3px solid #80adf4;outline-offset:3px}@media(max-width:640px){.ops select{min-width:0;width:100%}.ops .row>button{min-height:42px}.ops .ops-table{min-width:720px}.ops .ops-danger{width:100%}}@media(prefers-reduced-motion:reduce){.ops *{transition:none!important;animation:none!important}}


@media(max-width:640px){.ops .ops-table,.ops .ops-table tbody{display:block;min-width:0;width:100%}.ops .ops-table thead{display:none}.ops .ops-table tr{display:block;margin:12px 0;padding:14px;border:1px solid var(--border);border-radius:12px}.ops .ops-table td{display:block;max-width:none!important;border:0;padding:7px 0;overflow-wrap:anywhere}.ops .ops-table td:before{content:attr(data-label);display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.ops .table-scroll{overflow:visible}.ops .ops-table td:last-child button{width:100%}.ops .ops-pages{justify-content:space-between}.ops .card:has([data-clear]){padding-bottom:90px}.ops [data-clear]{position:fixed;bottom:16px;left:20px;right:20px;width:calc(100% - 40px);z-index:35;box-shadow:0 4px 20px #18345525}}

.online-products .product-sort-note { margin-left: 24px; align-self: center; }
.online-products .product-table th:nth-child(2), .online-products .product-table td:nth-child(2) { min-width: 340px; max-width: 420px; }
.online-products .product-table th:nth-child(3), .online-products .product-table td:nth-child(3) { min-width: 100px; }
.online-products .product-table th:nth-child(4), .online-products .product-table td:nth-child(4) { min-width: 130px; }
.online-products .product-table th:nth-child(5), .online-products .product-table td:nth-child(5) { min-width: 80px; }
.online-products .product-table th:nth-child(6), .online-products .product-table td:nth-child(6) { min-width: 170px; }
@media(max-width:480px){
  .online-products .product-table th:nth-child(2),.online-products .product-table td:nth-child(2){min-width:140px;max-width:140px}
}

.online-products .product-table th:nth-child(7), .online-products .product-table td:nth-child(7) { min-width: 100px; }