#onlineProductsPage .product-sync-toolbar{display:flex;flex-direction:column;gap:14px}
.product-sale-categories{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0 10px}
.product-sale-categories button{min-height:38px}
.product-sale-note{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 16px}
.product-spec-copy{display:grid;gap:6px;min-width:0}
.product-spec-copy>.status-pill{justify-self:start}
#onlineProductsPage .product-sync-controls{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
#onlineProductsPage .product-sync-controls>*{width:100%;min-width:0}
#onlineProductsPage .product-sync-actions{width:100%;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}
#onlineProductsPage .batch-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.product-sync-settings{flex:1 1 240px;min-width:0}
.product-sync-settings>summary{cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:10px 14px;min-height:40px;background:var(--surface);width:fit-content}
.product-sync-settings-fields{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding-top:12px}
.product-sync-settings-fields label{display:grid;gap:4px;font-size:12px}
.product-sync-settings-fields input{max-width:180px}
.product-groups{display:grid;gap:16px}
.product-group-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.65)}
.product-group-heading{display:flex;gap:12px;align-items:center;padding:14px;background:rgba(235,244,255,.65);list-style:none;cursor:pointer}
.product-group-heading::-webkit-details-marker{display:none}
.product-group-heading::before{content:'▸';flex:0 0 auto;color:var(--muted)}
.product-group-card[open]>.product-group-heading::before{content:'▾'}
.product-group-heading:focus-visible{outline:2px solid var(--brand);outline-offset:-3px}
.product-group-heading>div{flex:1;min-width:0;display:grid;gap:6px}
.product-group-heading span,.product-style-head span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.product-group-heading strong{line-height:1.5;overflow-wrap:anywhere}
#onlineProductsPage .product-group-table{min-width:860px;table-layout:auto}
#onlineProductsPage .product-group-table th:first-child{width:120px}
#onlineProductsPage .product-group-table td:first-child>.image-preview{display:block;margin-bottom:6px}
.product-match-cell{display:grid;gap:7px;max-width:360px}
.product-match-cell>.status-pill{justify-self:start}
.product-group-table td:nth-child(4)>.muted-text{display:block;margin-top:5px}
.product-match-reason{font-size:12px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}
.product-match-cell .erp-bind-stack{min-width:0;font-size:13px;font-weight:600}
.product-match-summary,.product-rule-preview{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);line-height:1.6;margin:10px 0}
.product-match-list{display:grid;gap:10px;max-height:55vh;overflow:auto}
.product-match-preview-row,.product-rule-row{display:flex;flex-wrap:wrap;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;align-items:center}
.product-match-preview-row>label,.product-rule-row>div:first-child{flex:1 1 230px;display:grid;gap:6px;overflow-wrap:anywhere}
.product-match-preview-row>div{flex:1 1 210px;display:grid;gap:6px}
.product-match-preview-row span,.product-rule-row span{font-size:12px;line-height:1.5;color:var(--muted)}
.product-rule-check{display:flex!important;align-items:center;gap:8px;grid-column:1/-1}
#entityModal input[type=checkbox]{width:18px;min-height:18px;height:18px;flex:0 0 18px}
.product-style-head{display:flex;align-items:center;gap:12px;padding:10px 0}
.product-style-head>div{display:grid;gap:6px;min-width:0}
.product-style-model-search{display:grid;gap:8px}
.product-style-model-results{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;max-height:150px;overflow:auto}
.product-style-colour-row{display:grid;grid-template-columns:minmax(140px,1fr) 54px minmax(180px,1.5fr);gap:12px;align-items:center;border-top:1px solid var(--line);padding:12px 0}
.product-style-colour-row label{display:grid;gap:6px;min-width:0}
.product-style-colour-row select{width:100%;min-width:0}
.product-style-colour-row span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.product-style-target{display:flex;align-items:center;gap:8px;min-width:0}
.product-rule-preview{grid-column:1/-1}
.product-match-empty{padding:24px;text-align:center}
#onlineProductsPage .product-complete-btn{color:#075fc4;background:#eaf3ff;border-color:#8bbdff;font-weight:700}
.product-selection-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;margin:12px 0;background:#eaf3ff;border:1px solid #b8d6ff;border-radius:12px}
.product-selection-bar>label,.product-style-select{display:flex;align-items:center;gap:6px;font-weight:600;cursor:pointer}
.product-selection-bar>small{flex-basis:100%;color:var(--muted)}
#onlineProductsPage input[data-product-select],#onlineProductsPage input[data-product-select-style],#productSelectAll{width:18px;height:18px;min-height:18px;flex:0 0 18px;accent-color:#075fc4;cursor:pointer}
.product-group-table input[data-product-select]{margin-bottom:8px}
.product-style-select{font-size:12px;white-space:nowrap}
.catalog-batch-group{padding:14px;border:1px solid var(--line);border-radius:10px;min-width:0}
.smart-result-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}
.smart-result-table th:first-child{width:44px}.smart-result-table th:nth-child(2){width:27%}.smart-result-table th:last-child{width:100px}
.smart-result-table td{padding:10px 8px;vertical-align:top;overflow-wrap:anywhere;border-top:1px solid var(--line)}
.smart-result-table td,.smart-result-table th{white-space:normal;min-width:0}
.smart-result-table td>strong{display:block;overflow-wrap:anywhere}
.smart-complete-form>#smartCompleteRows{min-width:0}
.entity-modal:has(.smart-complete-form){width:min(980px,calc(100vw - 32px));max-width:980px}
.smart-product-group{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:12px;min-width:0}
.smart-product-title{display:block;font-size:13px;line-height:1.5;margin-bottom:10px;overflow-wrap:anywhere}
.smart-shared-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.smart-shared-fields label{display:grid;gap:6px;font-size:12px;min-width:0}
.smart-shared-fields input,.smart-shared-fields select,.smart-result-table input[data-smart-field]{width:100%;min-width:0;box-sizing:border-box}
.smart-result-table th:nth-child(2){width:20%}.smart-result-table th:nth-child(3){width:19%}.smart-result-table th:nth-child(4){width:16%}.smart-result-table th:last-child{width:30%}
.smart-result-table input[data-smart-field]{padding:8px;min-height:36px}
.smart-suggestion{padding:6px 8px!important;font-size:12px!important;white-space:normal;margin:6px 0;max-width:100%;height:auto!important;line-height:1.5}
@media(max-width:700px){.smart-shared-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-result-table td:nth-child(3)::before{content:'完整型号';display:block;font-size:12px;margin-bottom:4px}.smart-result-table td:nth-child(4)::before{content:'色号';display:block;font-size:12px;margin-bottom:4px}}
.smart-complete-form>#smartCompleteSummary,.smart-complete-form>.template-note{white-space:normal;overflow-wrap:anywhere;min-width:0}
.smart-result-table small{display:block;color:var(--muted);font-size:12px;margin-top:6px;line-height:1.5}
.smart-row-editor summary{cursor:pointer;color:#075fc4;font-size:12px;margin-top:8px}
.smart-row-editor .catalog-complete-fields{margin-top:10px}
.smart-result-table input[data-smart-select]{width:18px;height:18px;min-height:18px}
@media(max-width:700px){.smart-result-table thead{display:none}.smart-result-table,.smart-result-table tbody{display:block}.smart-result-table tr{display:grid;grid-template-columns:28px minmax(0,1fr);margin:10px 0;border:1px solid var(--line);border-radius:10px;padding:6px}.smart-result-table td{border:0;min-width:0}.smart-result-table td:nth-child(n+3){grid-column:2}}
.catalog-complete-form{display:grid;gap:12px;min-width:0}
.entity-modal:has(.catalog-complete-form) .modal-head{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.catalog-complete-form>.form-actions{position:sticky;bottom:-20px;z-index:2;margin:0 -6px;padding:12px 6px;background:var(--surface,#fff);border-top:1px solid var(--line);border-radius:10px}
.catalog-complete-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.catalog-complete-fields label,.catalog-complete-row>label{display:grid;gap:6px;min-width:0}
.catalog-complete-fields input,.catalog-complete-fields select,.catalog-complete-row input{width:100%;min-width:0}
.catalog-complete-rows{max-height:38vh;overflow:auto}
.catalog-complete-row{display:grid;grid-template-columns:minmax(80px,1fr) minmax(80px,1fr) minmax(120px,1.5fr);gap:12px;align-items:center;border-top:1px solid var(--line);padding:12px 0}
.catalog-complete-row>p{grid-column:1/-1}
@media(max-width:700px){.catalog-complete-fields{grid-template-columns:minmax(0,1fr)}.catalog-complete-row{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-complete-row>label:last-of-type{grid-column:1/-1}}
@media(max-width:700px){.product-group-heading{flex-wrap:wrap}.product-group-heading>button{width:100%}.product-style-colour-row{grid-template-columns:minmax(0,1fr) 54px}.product-style-colour-row>label:last-child,.product-style-colour-row>.product-style-target{grid-column:1/-1}.product-sync-actions>button{flex:1 1 150px}}
@media(max-width:700px){
  #onlineProductsPage .product-group-table{min-width:0;width:100%;display:block}
  #onlineProductsPage .product-group-table thead{display:none}
  #onlineProductsPage .product-group-table tbody{display:grid;gap:12px;padding:10px}
  #onlineProductsPage .product-group-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px}
  #onlineProductsPage .product-group-table td{display:block;min-width:0;padding:0;border:0;white-space:normal;overflow-wrap:anywhere}
  #onlineProductsPage .product-group-table td:first-child{display:flex;gap:8px;align-items:center}
  #onlineProductsPage .product-group-table td:nth-child(3){grid-column:1/-1}
  #onlineProductsPage .product-group-table td:nth-child(4)::before{content:'平台库存 ';color:var(--muted);font-size:12px}
  #onlineProductsPage .product-group-table td:last-child{grid-column:1/-1;position:static;box-shadow:none;background:transparent}
  #onlineProductsPage .product-group-table .row-actions{justify-content:flex-start;flex-wrap:wrap}
}