/* Platform navigation and one shared product-entry workspace. */
.platform-filter-bar { display:flex; align-items:center; flex-wrap:wrap; gap:12px 22px; margin:0 0 20px; padding:4px 0 14px; border-bottom:1px solid var(--line); }
.platform-filter-label { color:var(--muted); font-size:11px; font-weight:500; }
.platform-filters { display:flex; align-items:center; gap:8px; min-width:0; }
.platform-filter { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:10px 17px; border:0; border-radius:10px; background:transparent; color:var(--muted); font:inherit; font-size:13px; cursor:pointer; }
.platform-filter:hover { background:rgba(0,0,0,.025); color:var(--nav); }
.platform-filter.active { color:var(--nav); background:var(--accent-soft); font-weight:650; }
.platform-filter-count { min-width:20px; padding:1px 6px; border-radius:6px; font-size:11px; text-align:center; background:rgba(0,0,0,.04); font-variant-numeric:tabular-nums; }
.platform-filter.active .platform-filter-count { background:var(--white); }
.platform-scope-hint { margin-left:auto; font-size:10px; color:var(--muted); }
#view-targets .product-create-card { padding:24px; border:0; }
.product-create-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }
.product-create-heading h3 { margin:0; font-size:18px; font-weight:650; }
.product-create-heading p { margin:5px 0 0; font-size:12px; color:var(--muted); }
.create-draft-hint { color:var(--muted); font-size:10px; }
.product-create-fields { min-width:0; padding:0; margin:0; border:0; }
.product-create-fields > legend { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.create-platform-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; max-width:1040px; }
.create-platform-option { display:flex; align-items:center; gap:12px; min-width:0; padding:16px; background:rgba(0,0,0,.018); border:1px solid transparent; border-radius:12px; font:inherit; text-align:left; cursor:pointer; color:var(--nav); }
.create-platform-option:hover { background:var(--accent-subtle); }
.create-platform-option.active { border-color:var(--accent); background:var(--accent-subtle); }
.platform-monogram { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border-radius:10px; background:var(--white); color:var(--nav); font-size:15px; font-weight:650; }
.create-platform-option.active .platform-monogram { background:var(--accent); }
.create-platform-option strong { display:block; font-size:14px; }
.create-platform-option small { display:block; margin-top:4px; color:var(--muted); font-size:10px; line-height:1.6; }
.create-platform-option svg { flex:0 0 14px; width:14px; height:14px; margin-left:auto; fill:none; stroke:var(--nav); stroke-width:2; opacity:0; }
.create-platform-option.active svg { opacity:1; }
.create-account-row { display:flex; align-items:flex-end; gap:20px; margin:22px 0; max-width:1040px; }
.create-account-row label { width:360px; max-width:100%; flex:0 1 360px; }
.create-account-row p { margin:0 0 11px; font-size:11px; color:var(--muted); }
.product-create-card label { display:flex; flex-wrap:wrap; gap:8px; min-width:0; font-size:12px; font-weight:500; color:var(--muted); }
.product-create-card label input, .product-create-card label select { flex:0 0 100%; width:100%; min-width:0; color:var(--black); }
.product-create-card label small { font-size:10px; font-weight:400; }
.product-create-card input, .product-create-card select { min-height:42px; border-color:var(--line); background:var(--white); }
.platform-create-body { max-width:1040px; padding-top:20px; border-top:1px solid var(--line); }
.platform-create-body[hidden] { display:none; }
#view-targets .product-create-card .sku-entry-row { margin:10px 0 0; max-width:1040px; }
#view-targets .product-create-card .entry-options { margin-top:14px; gap:10px; }
.create-help { margin:12px 0 0; font-size:10px; line-height:1.8; color:var(--muted); }
.create-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 20px; }
.create-field-wide { grid-column:1/-1; }
.create-more-options { margin-top:20px; padding:16px 0; border-top:1px solid var(--line); }
.create-more-options summary { color:var(--nav); font-size:12px; cursor:pointer; }
.create-more-options summary span { margin-left:10px; font-size:10px; color:var(--muted); }
.create-more-options .create-form-grid { margin-top:18px; }
.create-submit-row { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:8px; }
.create-submit-row p { color:var(--muted); font-size:11px; line-height:1.8; margin:0; }
.create-inline-error { margin:14px 0 0; color:#b83434; font-size:12px; line-height:1.7; }
.create-inline-error[hidden] { display:none; }
#view-targets .product-platform-meta { display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; margin-top:6px; }
#view-targets .product-platform-meta > span { margin:0; }
#view-targets .product-platform-meta .platform-tag { margin:0 2px 0 0; padding:1px 6px; font-size:9px; line-height:16px; border-radius:5px; font-weight:500; }
#view-targets .product-platform-meta .platform-tag.jd, #view-targets .product-platform-meta .platform-tag.other { color:var(--nav); background:rgba(28,53,94,.07); }
#view-targets .product-platform-meta .platform-tag.taobao { color:#ea5404; background:#fff1e6; }
#view-targets .product-platform-meta .platform-tag.tmall { color:#d4113a; background:#ffeaf0; }
/* 阿里健康（天猫 / 淘宝店铺）与唯品会 */
.platform-tag.alihealth, #view-targets .product-platform-meta .platform-tag.alihealth { color:#d4113a; background:#ffeaf0; }
.platform-tag.vip, #view-targets .product-platform-meta .platform-tag.vip { color:#c8157b; background:#fdebf5; }
.platform-empty { min-height:180px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-align:center; padding:24px 16px; }
.platform-empty strong { color:var(--nav); font-size:15px; }
.platform-empty p { margin:0; max-width:480px; color:var(--muted); font-size:12px; line-height:1.8; }
#productAddPanel { scroll-margin-top:120px; }
@media(max-width:1000px) {
 .create-platform-options { gap:8px; }
 .create-platform-option { padding:13px; gap:8px; }
 .create-platform-option small { font-size:9px; }
 .platform-scope-hint { display:none; }
}
@media(max-width:760px) {
 .platform-filter-bar { gap:8px; margin-bottom:14px; padding-bottom:12px; }
 .platform-filter-label { display:none; }
 .platform-filters { width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
 .platform-filter { padding:10px 5px; gap:5px; font-size:12px; }
 .platform-filter-count { min-width:16px; padding:1px 3px; font-size:10px; }
 #view-targets .product-create-card { padding:18px 16px; }
 .product-create-heading { align-items:flex-start; }
 .create-draft-hint { display:none; }
 .create-platform-option { position:relative; flex-direction:column; align-items:center; gap:8px; text-align:center; padding:14px 6px; }
 .create-platform-option svg { position:absolute; top:8px; right:6px; width:10px; height:10px; }
 .create-platform-option small { display:none; }
 .create-account-row { flex-direction:column; align-items:stretch; gap:10px; margin:18px 0; }
 .create-account-row label { width:100%; flex:auto; }
 .create-account-row p { margin:0; font-size:10px; line-height:1.7; }
 .create-form-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
 .create-submit-row { flex-direction:column; align-items:stretch; gap:12px; }
 .create-submit-row .btn { width:100%; min-height:44px; }
 .create-submit-row p { font-size:10px; }
 .create-more-options summary span { display:block; margin:6px 0 0 16px; }
 .product-create-card input, .product-create-card select { min-height:44px; }
}
@media(max-width:360px) {
 .platform-filter { flex-direction:column; gap:3px; padding:7px 3px; }
}
.create-import-row { display:flex; align-items:center; justify-content:space-between; gap:16px; max-width:1040px; border-top:1px solid var(--line); padding-top:18px; margin-top:22px; }
.create-import-row strong { font-size:12px; font-weight:500; color:var(--nav); }
.create-import-row p { margin:5px 0 0; font-size:10px; line-height:1.8; color:var(--muted); }
.create-import-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; flex-shrink:0; }
@media(max-width:760px) { .create-import-row { flex-direction:column; align-items:stretch; gap:12px; } .create-import-actions .btn { min-height:44px; } }