[hidden]{display:none!important}.hidden{display:none!important}
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0d0d0d;color:#eef2f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#0d0d0d;color:#eef2f6}button,input,select{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid #202733;background:#0d1118;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 22px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#e4b84d;color:#12100a;font-weight:900;font-size:20px}.brand strong{display:block;font-size:16px}.brand span{display:block;color:#7f8a99;font-size:12px;margin-top:2px}nav{display:grid;gap:6px}.nav-btn{border:0;background:transparent;color:#98a4b4;text-align:left;padding:11px 12px;border-radius:9px;cursor:pointer}.nav-btn:hover,.nav-btn.active{background:#171d27;color:#fff}.side-foot{margin-top:auto;display:grid;gap:12px}.health-pill{border:1px solid #252d3a;border-radius:10px;padding:10px 11px;font-size:12px;color:#aeb7c5;display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#738094}.dot.good{background:#4bd28a}.dot.bad{background:#ef6a6a}.danger-btn{border:1px solid #873d44;background:#2b1518;color:#ffb2b8;padding:11px;border-radius:10px;font-weight:800;cursor:pointer}.danger-btn.engaged{background:#8f222d;color:#fff}.main{min-width:0;padding:28px 32px 60px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.topbar h1{margin:0;font-size:26px}.topbar p{margin:5px 0 0;color:#7f8a99}.spot-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.spot-chip{border:1px solid #252d3a;background:#111720;padding:8px 11px;border-radius:9px;font-size:12px;color:#9ba8b8}.spot-chip strong{color:#fff;margin-left:6px}.view{display:none}.view.active{display:block}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}.card,.panel{border:1px solid #202834;background:#10151d;border-radius:14px}.card{padding:18px}.card span{display:block;color:#8591a0;font-size:12px;margin-bottom:9px}.card strong{font-size:28px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-profile{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(420px,1.2fr);gap:16px}.panel{padding:20px}.panel.wide{padding:0;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.panel-head h2{font-size:16px;margin:0}.panel-head p{margin:5px 0 0;color:#7f8a99;font-size:12px}.text-btn,.icon-btn{border:0;background:transparent;color:#e4b84d;cursor:pointer}.health-list{display:grid;gap:10px}.health-item{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #1d2430}.health-item:last-child{border-bottom:0}.health-item span{color:#909bac}.health-item strong{font-size:13px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions button,.toolbar button,.button-row button,#importEbay{border:1px solid #2b3443;background:#151c26;color:#e5eaf0;padding:10px 12px;border-radius:9px;cursor:pointer}.quick-actions button:hover,.toolbar button:hover,.button-row button:hover{border-color:#59697d}.primary{border:0!important;background:#e4b84d!important;color:#141008!important;font-weight:800}.listing-head{padding:20px 20px 10px;margin:0}.toolbar{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.toolbar select{max-width:190px}.filters{display:flex;gap:10px;padding:10px 20px 16px}.filters input{flex:1}.filters select{width:190px}.table-wrap{overflow:auto;border-top:1px solid #202834}table{width:100%;border-collapse:collapse;min-width:1180px}th,td{text-align:left;padding:12px 11px;border-bottom:1px solid #1b222d;font-size:12px;vertical-align:middle}th{color:#84909f;font-weight:600;background:#0e131a;position:sticky;top:0}td{color:#dce2e9}.thumb{width:38px;height:38px;border-radius:7px;object-fit:cover;background:#1b222c}.muted{color:#758090}.money{font-variant-numeric:tabular-nums}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;border:1px solid #2d3744}.status.healthy{color:#77dda9;border-color:#285c43}.status.attention{color:#ffc08a;border-color:#704b2e}.status.paused{color:#aeb7c3}.status.unconfigured{color:#d0a2ff;border-color:#51346f}.switch{font-weight:800}.switch.on{color:#77dda9}.switch.off{color:#7f8a99}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.span-2{grid-column:1/-1}label{display:grid;gap:6px;color:#929dac;font-size:12px}input,select{width:100%;border:1px solid #2a3341;background:#0d1218;color:#edf1f6;padding:10px 11px;border-radius:8px;outline:none}input:focus,select:focus{border-color:#7c6a3a}.profile-cards{display:grid;gap:10px}.profile-card{border:1px solid #252e3a;background:#0d1218;border-radius:10px;padding:13px}.profile-card-top{display:flex;justify-content:space-between;gap:12px}.profile-card h3{margin:0;font-size:14px}.profile-card p{color:#8a95a4;margin:6px 0 0;font-size:12px}.profile-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tag{padding:4px 7px;border-radius:6px;background:#171e28;color:#9ca8b8;font-size:11px}.connection-card{padding:14px;border:1px solid #252e3a;border-radius:10px;background:#0d1218;min-height:80px}.button-row{display:flex;gap:8px;margin-top:12px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.64);display:grid;place-items:center;padding:20px;z-index:30}.modal.hidden,.toast.hidden{display:none}.modal-card{width:min(680px,100%);max-height:88vh;overflow:auto;border:1px solid #2a3442;background:#10161f;border-radius:15px;padding:20px;box-shadow:0 20px 70px rgba(0,0,0,.45)}.icon-btn{font-size:28px;color:#8c98a7}.toast{position:fixed;right:24px;bottom:24px;background:#18212c;border:1px solid #344154;padding:12px 14px;border-radius:10px;box-shadow:0 10px 35px rgba(0,0,0,.35);z-index:50;max-width:420px}.toast.error{border-color:#8e3a43;color:#ffc2c7}.preview-list{display:grid;gap:8px}.preview-item{border:1px solid #28313f;border-radius:9px;padding:10px}.preview-item strong{display:block}.preview-item p{margin:5px 0 0;color:#96a1af;font-size:12px}@media(max-width:1050px){.shell{grid-template-columns:88px 1fr}.brand>div:last-child,.nav-btn{font-size:0}.brand-mark{margin:auto}.nav-btn:before{font-size:11px;content:attr(data-view);text-transform:capitalize}.cards{grid-template-columns:1fr 1fr}.grid-two,.grid-profile{grid-template-columns:1fr}.sidebar{padding:18px 10px}.health-pill{display:none}}@media(max-width:700px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;overflow:auto}.brand{padding:0}.sidebar nav{display:flex}.side-foot{margin-left:auto;grid-template-columns:auto}.danger-btn{font-size:10px}.main{padding:18px 12px 50px}.topbar{display:block}.spot-row{justify-content:flex-start;margin-top:12px}.cards{grid-template-columns:1fr 1fr}.quick-actions,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.toolbar{justify-content:flex-start}.filters{display:grid}.filters select{width:100%}}
.auth-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#0d0d0d;padding:24px}.auth-gate.hidden{display:none}.auth-card{width:min(440px,100%);background:#12171d;border:1px solid #27303a;border-radius:18px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.45)}.auth-brand{margin-bottom:24px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.auth-tabs button.active{background:#e7edf3;color:#111}.auth-form{display:grid;gap:14px}.auth-form.hidden{display:none}.auth-error{min-height:20px;color:#ff7777;margin-top:12px}.info-box{border:1px solid #2b3540;background:#0d1217;border-radius:10px;padding:12px;color:#aab6c2;font-size:.9rem}.category-note{display:block;margin-top:4px;font-size:.76rem}.category-note.ok{color:#76d79a}.category-note.blocked{color:#ff8c8c}
.listing-title-btn{border:0;background:transparent;color:#eef2f6;padding:0;font-weight:700;text-align:left;cursor:pointer}.listing-title-btn:hover{color:#e4b84d}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.detail-row{border:1px solid #252e3a;border-radius:9px;padding:10px;background:#0d1218}.detail-row span{display:block;color:#788594;font-size:11px;margin-bottom:4px}.detail-row strong{font-size:13px}.listing-detail-actions{margin-top:12px}

.onboarding-panel{margin-bottom:16px}.onboarding-checklist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.onboarding-step{border:1px solid #293341;background:#0d1218;color:#dce3ea;border-radius:10px;padding:12px;text-align:left;cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.onboarding-step strong{grid-column:2;color:#e4b84d;font-size:11px}.onboarding-step.done{border-color:#285c43;background:#0f1b18}.onboarding-step.done strong{color:#77dda9}.step-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#1c2531;color:#e4b84d;font-weight:800;font-size:11px}.onboarding-step.done .step-icon{background:#1d4b36;color:#8aebbb}@media(max-width:1050px){.onboarding-checklist{grid-template-columns:1fr 1fr}}@media(max-width:700px){.onboarding-checklist{grid-template-columns:1fr}}
.inventory-linked-list{display:grid;gap:8px;margin-top:12px}.inventory-linked-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #202834;padding-top:9px}.inventory-linked-row button{border:1px solid #2b3443;background:#151c26;color:#e5eaf0;padding:7px 9px;border-radius:8px;cursor:pointer;white-space:nowrap}

.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:14px 0}.check-row{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #252e3a;border-radius:10px;background:#0d1218}.check-row input{margin-top:3px}.check-row strong{display:inline-block;margin-bottom:2px}

.billing-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.billing-card-head p{margin:4px 0 0}.dev-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:4px 8px;border:1px solid #4a4030;border-radius:999px;color:#c9ad69;background:#17140e;font-size:10px;font-weight:700}.platform-selector-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 10px}.platform-choice{display:flex;align-items:center;gap:8px;min-width:120px;height:46px;padding:0 12px;border:1px solid #293341;border-radius:9px;background:#0d1218;color:#e7ebef;cursor:pointer}.platform-choice:hover{border-color:#59697d}.platform-choice.selected{border-color:#806c38;background:#15140f}.platform-choice input{width:15px;height:15px;margin:0;accent-color:#e4b84d}.platform-choice input:disabled{cursor:not-allowed;opacity:.55}.platform-choice:has(input:disabled){cursor:default;opacity:.72}.platform-choice span{font-weight:700;font-size:13px}.coming-soon-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:9px;border-top:1px solid #202834;color:#7f8a99;font-size:12px}.coming-soon-line span{color:#a38b52;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.coming-soon-line strong{font-weight:600;color:#929dac}.billing-setup-note{margin-top:12px;color:#7f8a99;font-size:11px}@media(max-width:700px){.platform-choice{min-width:calc(50% - 4px);flex:1}.billing-card-head{display:block}.dev-badge{margin-top:8px}}

/* eBay connection action feedback */
#importEbay,#recheckEbayCategories{transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .08s ease,box-shadow .16s ease}
#importEbay:hover:not(:disabled),#recheckEbayCategories:hover:not(:disabled){border-color:#e4b84d;background:#1b2430;color:#fff;box-shadow:0 0 0 1px rgba(228,184,77,.18);transform:translateY(-1px)}
#importEbay:active:not(:disabled),#recheckEbayCategories:active:not(:disabled){transform:translateY(1px);background:#10161f;box-shadow:none}
#importEbay:focus-visible,#recheckEbayCategories:focus-visible{outline:2px solid #e4b84d;outline-offset:2px}
#importEbay:disabled,#recheckEbayCategories:disabled{cursor:wait;opacity:.88}
#importEbay.action-working,#recheckEbayCategories.action-working{border-color:#806c38;background:#17140e;color:#f1cc70}
#importEbay.action-working::after,#recheckEbayCategories.action-working::after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:bpiq-spin .7s linear infinite}
#importEbay.action-success,#recheckEbayCategories.action-success{border-color:#285c43;background:#0f1b18;color:#77dda9}
#importEbay.action-error,#recheckEbayCategories.action-error{border-color:#873d44;background:#2b1518;color:#ffb2b8}
@keyframes bpiq-spin{to{transform:rotate(360deg)}}
\n\n/* Dealer-friendly pricing method help and live formula preview */\n.field-label-row{display:flex;align-items:center;gap:7px;min-height:18px}.pricing-info-wrap{position:relative;display:inline-flex;align-items:center}.pricing-info-btn{border:0;background:transparent;color:#c9ad69;padding:0 2px;line-height:1;font-size:14px;cursor:help}.pricing-info-btn:focus-visible{outline:1px solid #e4b84d;outline-offset:2px;border-radius:50%}.pricing-info-popover{display:none;position:absolute;z-index:90;left:22px;top:-10px;width:min(500px,82vw);padding:12px;border:1px solid #3a4656;border-radius:10px;background:#121922;box-shadow:0 16px 45px rgba(0,0,0,.5);color:#aeb9c6;font-size:11px;line-height:1.45}.pricing-info-popover strong{display:block;color:#f0c96b;font-size:12px;margin-top:8px}.pricing-info-popover strong:first-child{margin-top:0}.pricing-info-popover span{display:block;color:#b8c2ce;margin-top:2px}.pricing-info-wrap:hover .pricing-info-popover,.pricing-info-wrap:focus-within .pricing-info-popover{display:block}.pricing-method-helper{min-height:15px;color:#7f8b99;font-size:10px}.pricing-formula-preview{border:1px solid #2a3442;background:#0d1218;border-radius:9px;padding:10px 12px;color:#aab6c2;font-size:11px;line-height:1.5}.pricing-formula-preview>strong{color:#e5eaf0}.pricing-formula-preview>span{display:block;color:#6f7c8c;margin-top:3px}@media(max-width:700px){.pricing-info-popover{left:auto;right:-8px;top:22px;width:min(360px,82vw)}}\n
.pricing-info-popover .pricing-info-example{margin-top:5px;color:#d7dde5}.pricing-info-popover .pricing-info-example b{color:#eef2f6;font-weight:700}
.pricing-formula-preview .pricing-preview-final{margin-top:7px;color:#eef2f6;font-size:12px}.pricing-formula-preview .pricing-preview-final b{color:#f0c96b;font-size:14px}

/* Live Price Preview readability pass */
.pricing-formula-preview{
  padding:14px 16px;
  font-size:14px;
  line-height:1.6;
}
.pricing-formula-preview>strong{
  display:block;
  color:#f1f4f7;
  font-size:16px;
  line-height:1.35;
  margin-bottom:8px;
  font-weight:800;
}
.pricing-formula-preview>span{
  display:block;
  color:#b7c1cd;
  margin-top:5px;
  font-size:14px;
  line-height:1.5;
}
.pricing-formula-preview>span b{
  color:#edf2f7;
  font-weight:700;
}
.pricing-formula-preview .pricing-preview-final{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #273241;
  color:#f2f5f8;
  font-size:18px;
  font-weight:800;
}
.pricing-formula-preview .pricing-preview-final b{
  color:#f0c96b;
  font-size:20px;
  font-weight:900;
}
.pricing-formula-preview>span:last-child:not(.pricing-preview-final){
  margin-top:10px;
  color:#94a1b1;
  font-size:12px;
  line-height:1.45;
}

.toolbar .danger-btn,.row-remove-btn{border-color:#873d44!important;background:#2b1518!important;color:#ffb2b8!important;font-weight:700}.row-remove-btn{padding:7px 9px!important;border-radius:8px!important;cursor:pointer}.removed-list{display:grid;gap:10px}.removed-list-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;border:1px solid #252e3a;background:#0d1218;border-radius:10px;padding:11px}.removed-list-item img,.removed-list-item .thumb{width:42px;height:42px}.removed-list-item strong{display:block}.removed-list-item .muted{margin-top:3px}.removed-note{margin-bottom:14px}.listing-detail-actions .remove-from-bpi{grid-column:1/-1}

/* Cross-channel inventory matching */
.match-summary{margin-bottom:0}.match-table{min-width:1080px}.match-table td{vertical-align:top}.match-listing-cell{display:flex;gap:10px;align-items:flex-start;min-width:260px}.match-listing-cell .thumb{flex:0 0 38px}.match-pool-select{min-width:240px}.match-table .button-row{margin-top:0;flex-wrap:wrap}.match-table .button-row button{padding:7px 9px;font-size:11px}.match-table .status{white-space:nowrap}#view-matching .panel>.info-box{margin-top:4px}#syncPreviewRows strong{font-variant-numeric:tabular-nums}@media(max-width:900px){.match-summary{grid-template-columns:1fr 1fr}.match-pool-select{min-width:200px}}
.match-catalog-counts{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:12px 20px 0;color:#7f8a99;font-size:12px}.match-catalog-counts strong{color:#dce2e9;font-size:12px;font-variant-numeric:tabular-nums}
/* Inventory Matching UX */
.match-filter-card{appearance:none;width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease}.match-filter-card:hover{border-color:#59697d}.match-filter-card.active{border-color:#e4b84d;background:#171a1d;box-shadow:inset 0 0 0 1px rgba(228,184,77,.14)}
.match-table{min-width:980px}.suggested-inventory-cell{min-width:280px}.match-pool-preview{min-width:235px}.match-pool-picker{margin-top:8px}.match-pool-picker.hidden{display:none}.match-change-item{padding:6px 0!important;margin-top:5px;font-size:11px}.match-no-suggestion{min-height:38px;display:flex;align-items:center}.thumb-placeholder{display:grid;place-items:center;color:#697586;border:1px solid #2a3341}.match-table button:disabled{opacity:.42;cursor:not-allowed;border-color:#2a3341!important}.match-table button:disabled:hover{border-color:#2a3341!important}
.match-status-help{position:relative;display:inline-flex;outline:none}.match-status-help .status{cursor:help}.match-tooltip{position:absolute;z-index:20;left:50%;top:calc(100% + 8px);width:max-content;max-width:290px;transform:translateX(-50%) translateY(-3px);padding:8px 10px;border:1px solid #394454;border-radius:8px;background:#0b1016;color:#e7ecf2;font-size:11px;line-height:1.4;box-shadow:0 10px 28px rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease,visibility .12s}.match-status-help:hover .match-tooltip,.match-status-help:focus .match-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
@media(max-width:900px){.suggested-inventory-cell{min-width:230px}.match-tooltip{left:0;transform:translateY(-3px)}.match-status-help:hover .match-tooltip,.match-status-help:focus .match-tooltip{transform:translateY(0)}}

/* Inventory Matching polish: larger visual comparison, dynamic channel headers, action dropdowns */
.match-table{min-width:1120px}
.match-table td{vertical-align:middle;padding-top:14px;padding-bottom:14px}
.match-listing-cell{gap:14px;align-items:center;min-width:300px}
.suggested-inventory-cell{min-width:330px}
.match-pool-preview{min-width:280px}
.match-thumb-wrap{position:relative;display:inline-flex;flex:0 0 72px;width:72px;height:72px;border-radius:10px;outline:none;cursor:zoom-in}
/* Products thumbnails enlarge on hover without an extra icon. */
.products-name-cell .match-thumb-wrap{cursor:default}
.products-name-cell .match-thumb-wrap:focus-visible{outline:2px solid #2d6daa;outline-offset:3px}
.match-thumb{display:block;width:72px;height:72px;flex:0 0 72px;border-radius:10px;object-fit:contain;background:#141a22;border:1px solid #303a49;padding:3px}
.match-thumb-wrap:hover .match-thumb,.match-thumb-wrap:focus .match-thumb{border-color:#7b8797;box-shadow:0 0 0 1px rgba(228,184,77,.18)}
.match-thumb-placeholder{display:grid;place-items:center;color:#697586;border:1px solid #303a49;padding:0}
.match-no-suggestion{min-height:72px;display:flex;align-items:center}
.match-pool-picker{margin-top:10px;max-width:300px}
.match-pool-select{min-width:260px;width:100%;cursor:pointer}
.match-table .button-row{gap:7px;align-items:flex-start}
.match-table .button-row button{padding:8px 10px;font-size:11px}
.match-status-help .status{font-weight:800;letter-spacing:.01em}
.match-status-help .status.match-high{color:#8ce6b5;border-color:#2f7a56;background:#10271d}
.match-status-help .status.match-review{color:#f1d873;border-color:#7a6728;background:#29230f}
.match-status-help .status.match-none{color:#ff9da5;border-color:#8b3d46;background:#2a1418}
.match-image-hover-preview{position:fixed;z-index:120;padding:10px;border:1px solid #465264;border-radius:14px;background:#0d1218;box-shadow:0 18px 55px rgba(0,0,0,.6);pointer-events:none;transition:opacity .12s ease}
.match-image-hover-preview.hidden{display:none}
.match-image-hover-preview img{display:block;width:100%;height:100%;object-fit:contain;border-radius:9px;background:#151b23}
@media(max-width:900px){
  .suggested-inventory-cell{min-width:290px}
  .match-listing-cell{min-width:270px}
  .match-thumb-wrap,.match-thumb{width:64px;height:64px;flex-basis:64px}
  .match-pool-select{min-width:230px}
}

/* Inventory Matching final polish: high-confidence bulk selection, aligned comparisons, clearer actions */
.match-table thead th:not(.match-select-head){font-size:16px;font-weight:700;color:#aeb8c5;padding-top:14px;padding-bottom:14px}
.match-select-head,.match-select-cell{width:42px;min-width:42px;text-align:center}
.match-source-cell,.suggested-inventory-cell{vertical-align:top!important}
.match-source-cell .match-listing-cell,.suggested-inventory-cell .match-listing-cell{align-items:center}
.match-pool-picker.no-preview{margin-top:0}
.match-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 20px 14px;padding:11px 13px;border:1px solid #3d4a5c;border-radius:10px;background:#111923}
.match-bulk-bar.hidden{display:none}
.match-bulk-bar>div{display:flex;align-items:baseline;gap:8px}
.match-bulk-bar strong{font-size:14px}
.match-bulk-bar span{color:#8e9aa9;font-size:12px}
.match-action-cell .button-row{align-items:center}
.track-separate-wrap{display:inline-flex;align-items:center;gap:5px;position:relative}
.track-separate-help{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid #455163;border-radius:50%;color:#9da9b8;font-size:11px;font-weight:800;cursor:help;outline:none;line-height:1}
.track-separate-help:hover,.track-separate-help:focus{color:#e6ebf1;border-color:#758296}
.track-separate-tooltip{position:absolute;z-index:25;right:0;top:calc(100% + 8px);width:270px;padding:8px 10px;border:1px solid #394454;border-radius:8px;background:#0b1016;color:#e7ecf2;font-size:11px;font-weight:400;line-height:1.4;box-shadow:0 10px 28px rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-3px);transition:opacity .12s ease,transform .12s ease,visibility .12s}
.track-separate-help:hover .track-separate-tooltip,.track-separate-help:focus .track-separate-tooltip{opacity:1;visibility:visible;transform:translateY(0)}
@media(max-width:900px){.match-table thead th:not(.match-select-head){font-size:14px}.match-bulk-bar{margin-left:12px;margin-right:12px}.track-separate-tooltip{right:auto;left:0}}

/* Inventory Matching top-of-page polish */
.match-page-head{padding-bottom:4px}
.match-safety-note{margin:2px 20px 0!important;padding:11px 13px!important;font-size:12px}
.match-summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0 20px}
.match-summary-pill{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:10px 12px;border:1px solid #252e3a;border-radius:10px;background:#0d1218;color:#eef2f6;text-align:left;cursor:pointer}
.match-summary-pill:hover{border-color:#59697d}
.match-summary-pill span{color:#8d99a8;font-size:12px;line-height:1.2}
.match-summary-pill strong{font-size:18px;font-variant-numeric:tabular-nums}
.match-summary-pill.active{border-color:#e4b84d;background:#171a1d;box-shadow:inset 0 0 0 1px rgba(228,184,77,.14)}
.match-control-row{display:grid;grid-template-columns:150px 180px 190px minmax(260px,1fr) auto;gap:10px;align-items:end;padding:10px 20px 16px}
.match-control{display:grid;gap:5px}
.match-control>span{font-size:11px;color:#7f8a99;font-weight:700}
.match-control select,.match-control input{height:40px}
.match-search-control{min-width:0}
.match-refresh-btn{height:40px;border:1px solid #2b3443;background:#151c26;color:#e5eaf0;padding:0 13px;border-radius:9px;cursor:pointer}
.match-refresh-btn:hover{border-color:#59697d}
#view-matching .match-catalog-counts{padding-top:10px}
@media(max-width:1050px){.match-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.match-control-row{grid-template-columns:1fr 1fr}.match-search-control{grid-column:1/-1}.match-refresh-btn{width:max-content}}
@media(max-width:700px){.match-summary-strip{grid-template-columns:1fr 1fr;padding-left:12px;padding-right:12px}.match-control-row{grid-template-columns:1fr;padding-left:12px;padding-right:12px}.match-search-control{grid-column:auto}.match-refresh-btn{width:100%}}

/* Inventory Matching readability + clearer guidance */
#view-matching .match-safety-note{
  margin:0 20px 0!important;
  padding:14px 16px!important;
  font-size:15px;
  line-height:1.5;
  color:#cbd3dd;
}
#view-matching .match-safety-note>strong{
  display:block;
  color:#eef2f6;
  font-size:16px;
  line-height:1.4;
}
#view-matching .match-safety-detail{
  margin-top:6px;
  font-size:15px;
  line-height:1.55;
}
#view-matching .match-summary-pill{
  min-height:58px;
  padding:12px 14px;
}
#view-matching .match-summary-pill span{
  font-size:15px;
  line-height:1.25;
}
#view-matching .match-summary-pill strong{
  font-size:22px;
  line-height:1;
}
#view-matching .match-catalog-counts{
  font-size:15px;
  line-height:1.4;
  gap:8px;
}
#view-matching .match-catalog-counts strong{
  font-size:15px;
}
#view-matching .match-control>span{
  font-size:14px;
  color:#99a5b4;
  font-weight:700;
}
#view-matching .match-control select,
#view-matching .match-control input,
#view-matching .match-refresh-btn{
  height:44px;
  font-size:15px;
}
#view-matching .match-control-row{
  padding-top:12px;
}
@media(max-width:900px){
  #view-matching .match-safety-note{margin-left:12px!important;margin-right:12px!important;font-size:14px}
  #view-matching .match-safety-note>strong{font-size:15px}
  #view-matching .match-safety-detail{font-size:14px}
  #view-matching .match-summary-pill span{font-size:14px}
  #view-matching .match-summary-pill strong{font-size:20px}
}


/* Inventory Matching polish 5: clearer bulk action feedback and single-page scrolling */
#useSelectedMatches{
  transition:transform .12s ease,box-shadow .16s ease,filter .16s ease,background-color .16s ease;
  box-shadow:0 2px 0 rgba(0,0,0,.28);
}
#useSelectedMatches:hover:not(:disabled){
  background:#f0c95f!important;
  filter:brightness(1.06);
  transform:translateY(-1px);
  box-shadow:0 0 0 1px rgba(255,216,111,.28),0 6px 18px rgba(228,184,77,.22);
}
#useSelectedMatches:active:not(:disabled){
  background:#d9aa3f!important;
  filter:brightness(.98);
  transform:translateY(1px) scale(.99);
  box-shadow:0 1px 2px rgba(0,0,0,.34);
}
#useSelectedMatches.action-working{
  cursor:wait;
  background:#d6ad49!important;
  box-shadow:0 0 0 1px rgba(228,184,77,.2),0 0 16px rgba(228,184,77,.16);
}
#useSelectedMatches.action-working::after{
  content:"";
  display:inline-block;
  width:13px;
  height:13px;
  margin-left:8px;
  vertical-align:-2px;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:bpiq-spin .7s linear infinite;
}
#useSelectedMatches.action-success{background:#65d596!important;color:#0c1912!important}
#useSelectedMatches.action-error{background:#a6323e!important;color:#fff!important}
#view-matching .match-review-table-wrap{overflow:visible}
@media(max-width:1200px){#view-matching .match-review-table-wrap{overflow:auto}}

/* Inventory Matching polish 6: align the match table lane with the controls above */
#view-matching .match-review-table-wrap{
  margin-left:20px;
  margin-right:20px;
  width:auto;
}
@media(max-width:900px){
  #view-matching .match-review-table-wrap{
    margin-left:12px;
    margin-right:12px;
  }
}

/* Inventory Matching polish 7: one centered, full-width table lane */
#view-matching .match-review-table-wrap{
  width:100%;
  max-width:100%;
  margin-left:0;
  margin-right:0;
  padding-left:0;
  padding-right:0;
  overflow:visible;
}
#view-matching .match-review-table-wrap .match-table{
  width:100%;
  max-width:100%;
  min-width:0;
  table-layout:fixed;
}
#view-matching .match-table .match-select-head,
#view-matching .match-table .match-select-cell{
  width:44px;
  min-width:44px;
  max-width:44px;
}
#view-matching .match-table #matchSourceHeader,
#view-matching .match-table .match-source-cell{
  width:29%;
}
#view-matching .match-table #matchTargetHeader,
#view-matching .match-table .suggested-inventory-cell{
  width:29%;
}
#view-matching .match-table thead th:nth-child(4),
#view-matching .match-table .match-status-cell{
  width:18%;
}
#view-matching .match-table thead th:nth-child(5),
#view-matching .match-table .match-action-cell{
  width:24%;
}
#view-matching .match-table thead th,
#view-matching .match-table td{
  box-sizing:border-box;
}
#view-matching .match-table .match-action-cell .button-row{
  flex-wrap:wrap;
}
#view-matching .match-table .match-action-cell button{
  white-space:nowrap;
}
@media(max-width:1200px){
  #view-matching .match-review-table-wrap{overflow:auto}
  #view-matching .match-review-table-wrap .match-table{
    min-width:1080px;
    table-layout:auto;
  }
}

/* Inventory Matching polish 8: slightly larger review-table content for readability */
#view-matching .match-review-table-wrap .match-table thead th:not(.match-select-head){
  font-size:17px;
  padding-top:15px;
  padding-bottom:15px;
}
#view-matching .match-review-table-wrap .match-table td{
  font-size:13px;
  padding-top:16px;
  padding-bottom:16px;
}
#view-matching .match-review-table-wrap .match-listing-cell{
  gap:15px;
}
#view-matching .match-review-table-wrap .match-thumb-wrap,
#view-matching .match-review-table-wrap .match-thumb{
  width:76px;
  height:76px;
  flex-basis:76px;
}
#view-matching .match-review-table-wrap .match-no-suggestion{
  min-height:76px;
}
#view-matching .match-review-table-wrap .match-table .button-row button{
  padding:9px 11px;
  font-size:12px;
}
#view-matching .match-review-table-wrap .match-status-help .status{
  padding:6px 9px;
  font-size:12px;
}
#view-matching .match-review-table-wrap .track-separate-help{
  width:19px;
  height:19px;
  font-size:12px;
}
#view-matching .match-review-table-wrap .match-tooltip,
#view-matching .match-review-table-wrap .track-separate-tooltip{
  font-size:12px;
}
@media(max-width:900px){
  #view-matching .match-review-table-wrap .match-table thead th:not(.match-select-head){font-size:15px}
  #view-matching .match-review-table-wrap .match-thumb-wrap,
  #view-matching .match-review-table-wrap .match-thumb{width:68px;height:68px;flex-basis:68px}
  #view-matching .match-review-table-wrap .match-no-suggestion{min-height:68px}
}

/* Inventory Matching polish 9: compact, readable Inventory Sync Preview */
#inventorySyncPreviewPanel .sync-preview-head{
  padding-bottom:12px;
  align-items:center;
}
#inventorySyncPreviewPanel .sync-preview-head h2{
  font-size:18px;
}
#inventorySyncPreviewPanel .sync-preview-head p{
  font-size:14px;
  line-height:1.4;
}
#inventorySyncPreviewPanel .sync-preview-info{
  font-size:14px;
  line-height:1.5;
  padding:13px 15px;
}
#inventorySyncPreviewPanel .sync-preview-info>strong:first-child{
  color:#eef2f6;
}
#inventorySyncPreviewPanel .sync-preview-table-wrap{
  width:100%;
  max-width:100%;
  overflow:visible;
}
#inventorySyncPreviewPanel .sync-preview-table{
  width:100%;
  max-width:100%;
  min-width:0;
  table-layout:fixed;
}
#inventorySyncPreviewPanel .sync-preview-table th,
#inventorySyncPreviewPanel .sync-preview-table td{
  box-sizing:border-box;
  vertical-align:middle;
}
#inventorySyncPreviewPanel .sync-preview-table th{
  padding:13px 9px;
  font-size:15px;
  font-weight:700;
  color:#aeb8c5;
  white-space:nowrap;
}
#inventorySyncPreviewPanel .sync-preview-table td{
  padding:12px 9px;
  font-size:14px;
}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(1),
#inventorySyncPreviewPanel .sync-preview-table td:nth-child(1){width:4%;text-align:center}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(2),
#inventorySyncPreviewPanel .sync-preview-table td:nth-child(2){width:30%}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(3),
#inventorySyncPreviewPanel .sync-preview-table td:nth-child(3){width:10%}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(4),
#inventorySyncPreviewPanel .sync-preview-table td:nth-child(4){width:11%}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(5),
#inventorySyncPreviewPanel .sync-preview-table td:nth-child(5){width:21%}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(6),
#inventorySyncPreviewPanel .sync-preview-table td:nth-child(6){width:24%}
#inventorySyncPreviewPanel .sync-listing-wrap{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
#inventorySyncPreviewPanel .sync-listing-wrap>div{
  min-width:0;
}
#inventorySyncPreviewPanel .sync-listing-wrap strong{
  display:block;
  font-size:14px;
  line-height:1.35;
}
#inventorySyncPreviewPanel .sync-listing-wrap .muted{
  margin-top:4px;
  font-size:12px;
}
#inventorySyncPreviewPanel .match-thumb-wrap,
#inventorySyncPreviewPanel .match-thumb{
  width:62px;
  height:62px;
  flex-basis:62px;
}
#inventorySyncPreviewPanel .sync-inventory-cell strong{
  font-size:16px;
  font-variant-numeric:tabular-nums;
}
#inventorySyncPreviewPanel .sync-channel-stock-cell{
  font-weight:600;
}
#inventorySyncPreviewPanel .sync-preview-value,
#inventorySyncPreviewPanel .sync-header-help{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
#inventorySyncPreviewPanel .sync-preview-cell .status{
  padding:6px 8px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
#inventorySyncPreviewPanel .sync-action-buttons{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:nowrap;
}
#inventorySyncPreviewPanel .sync-action-buttons button{
  border:1px solid #2b3443;
  background:#151c26;
  color:#e5eaf0;
  padding:9px 10px;
  border-radius:9px;
  cursor:pointer;
  font-size:12px;
  white-space:nowrap;
}
#inventorySyncPreviewPanel .sync-action-buttons button:hover{
  border-color:#59697d;
}
#inventorySyncPreviewPanel .sync-help{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  flex:0 0 18px;
  border:1px solid #455163;
  border-radius:50%;
  color:#9da9b8;
  font-size:11px;
  font-weight:800;
  line-height:1;
  cursor:help;
  outline:none;
}
#inventorySyncPreviewPanel .sync-help:hover,
#inventorySyncPreviewPanel .sync-help:focus{
  color:#eef2f6;
  border-color:#758296;
}
#inventorySyncPreviewPanel .sync-tooltip{
  position:absolute;
  z-index:35;
  left:50%;
  bottom:calc(100% + 8px);
  width:270px;
  transform:translateX(-50%) translateY(3px);
  padding:8px 10px;
  border:1px solid #394454;
  border-radius:8px;
  background:#0b1016;
  color:#e7ecf2;
  font-size:12px;
  font-weight:400;
  line-height:1.45;
  white-space:normal;
  box-shadow:0 10px 28px rgba(0,0,0,.45);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .12s ease,transform .12s ease,visibility .12s;
}
#inventorySyncPreviewPanel .sync-tooltip-right{
  left:auto;
  right:0;
  transform:translateY(3px);
}
#inventorySyncPreviewPanel .sync-help:hover .sync-tooltip,
#inventorySyncPreviewPanel .sync-help:focus .sync-tooltip{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}
#inventorySyncPreviewPanel .sync-help:hover .sync-tooltip-right,
#inventorySyncPreviewPanel .sync-help:focus .sync-tooltip-right{
  transform:translateY(0);
}
#enableSelectedInventorySync,
#inventorySyncPreviewPanel .sync-enable-btn,
#confirmEnableInventorySync{
  transition:transform .12s ease,box-shadow .16s ease,filter .16s ease,background-color .16s ease;
  box-shadow:0 2px 0 rgba(0,0,0,.28);
}
#enableSelectedInventorySync:hover:not(:disabled),
#inventorySyncPreviewPanel .sync-enable-btn:hover:not(:disabled),
#confirmEnableInventorySync:hover:not(:disabled){
  background:#f0c95f!important;
  filter:brightness(1.06);
  transform:translateY(-1px);
  box-shadow:0 0 0 1px rgba(255,216,111,.28),0 6px 18px rgba(228,184,77,.22);
}
#enableSelectedInventorySync:active:not(:disabled),
#inventorySyncPreviewPanel .sync-enable-btn:active:not(:disabled),
#confirmEnableInventorySync:active:not(:disabled){
  background:#d9aa3f!important;
  filter:brightness(.98);
  transform:translateY(1px) scale(.99);
  box-shadow:0 1px 2px rgba(0,0,0,.34);
}
#confirmEnableInventorySync.action-working{
  cursor:wait;
  background:#d6ad49!important;
  box-shadow:0 0 0 1px rgba(228,184,77,.2),0 0 16px rgba(228,184,77,.16);
}
#confirmEnableInventorySync.action-working::after{
  content:"";
  display:inline-block;
  width:13px;
  height:13px;
  margin-left:8px;
  vertical-align:-2px;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:bpiq-spin .7s linear infinite;
}
#confirmEnableInventorySync.action-success{background:#65d596!important;color:#0c1912!important}
#confirmEnableInventorySync.action-error{background:#a6323e!important;color:#fff!important}
@media(max-width:1050px){
  #inventorySyncPreviewPanel .sync-preview-table-wrap{overflow:auto}
  #inventorySyncPreviewPanel .sync-preview-table{min-width:900px}
}

/* Inventory Sync Choice polish 12: clearer, channel-specific confirmation modal */
#enableMatchedSyncForm.sync-confirm-form{
  gap:14px;
}
#enableMatchedSyncForm .sync-modal-block{
  border:1px solid #2b3540;
  background:#0d1217;
  border-radius:11px;
  padding:14px 16px;
  color:#aab6c2;
}
#enableMatchedSyncForm .sync-modal-block>strong{
  display:block;
  margin-bottom:6px;
  color:#eef2f6;
  font-size:15px;
  line-height:1.3;
}
#enableMatchedSyncForm .sync-modal-copy{
  color:#aab6c2;
  font-size:14px;
  line-height:1.55;
}
#enableMatchedSyncForm .sync-modal-lock{
  border-color:#6a5327;
  background:#17140d;
}
#enableMatchedSyncForm .sync-modal-lock>strong{
  color:#f0c95f;
}
#enableMatchedSyncForm .sync-confirm-check{
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:13px 15px;
  border:1px solid #303a47;
  border-radius:10px;
  background:#10161e;
  color:#d7dde5;
  font-size:14px;
  line-height:1.5;
  cursor:pointer;
}
#enableMatchedSyncForm .sync-confirm-check input{
  width:18px;
  height:18px;
  min-width:18px;
  margin:2px 0 0;
  padding:0;
  flex:0 0 18px;
}
#enableMatchedSyncForm .sync-confirm-check span{
  min-width:0;
}
#enableMatchedSyncForm .sync-modal-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:2px;
}
#enableMatchedSyncForm .sync-modal-actions button{
  min-height:44px;
  font-size:14px;
  font-weight:700;
}
#confirmEnableInventorySync:disabled{
  cursor:not-allowed;
  opacity:.48;
  filter:saturate(.45);
  box-shadow:none;
}
@media(max-width:700px){
  #enableMatchedSyncForm .sync-modal-actions{grid-template-columns:1fr}
}

/* Inventory first-channel setup + stock-truth workspace */
#view-inventory .inventory-workspace-panel{padding:20px 0 0;overflow:hidden}
#view-inventory .inventory-safety-note{margin:0 20px;padding:14px 16px;font-size:15px;line-height:1.5;color:#cbd3dd}
#view-inventory .inventory-safety-note>strong{display:block;color:#eef2f6;font-size:16px;line-height:1.4}
#view-inventory .inventory-safety-detail{margin-top:6px;font-size:15px;line-height:1.55}
.inventory-summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:14px 20px 0}
.inventory-summary-pill{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:12px 14px;border:1px solid #252e3a;border-radius:10px;background:#0d1218;color:#eef2f6;text-align:left;cursor:pointer}
.inventory-summary-pill:hover{border-color:#59697d}
.inventory-summary-pill span{color:#8d99a8;font-size:15px;line-height:1.25}
.inventory-summary-pill strong{font-size:22px;line-height:1;font-variant-numeric:tabular-nums}
.inventory-summary-pill.active{border-color:#e4b84d;background:#171a1d;box-shadow:inset 0 0 0 1px rgba(228,184,77,.14)}
.inventory-control-row{display:grid;grid-template-columns:180px 190px minmax(260px,1fr) auto;gap:10px;align-items:end;padding:12px 20px 16px}
.inventory-control{display:grid;gap:5px}
.inventory-control>span{font-size:14px;color:#99a5b4;font-weight:700}
.inventory-control select,.inventory-control input{height:44px;font-size:15px}
.inventory-search-control{min-width:0}
.inventory-refresh-btn{height:44px;border:1px solid #2b3443;background:#151c26;color:#e5eaf0;padding:0 13px;border-radius:9px;cursor:pointer;white-space:nowrap}
.inventory-refresh-btn:hover{border-color:#59697d}
.inventory-table-wrap{overflow:visible;border-top:1px solid #202834}
.inventory-table{min-width:980px;table-layout:fixed}
.inventory-table thead th{font-size:16px;font-weight:700;color:#aeb8c5;padding:14px 12px}
.inventory-table th:nth-child(1),.inventory-table td:nth-child(1){width:36%}
.inventory-table th:nth-child(2),.inventory-table td:nth-child(2){width:11%}
.inventory-table th:nth-child(3),.inventory-table td:nth-child(3){width:14%}
.inventory-table th:nth-child(4),.inventory-table td:nth-child(4){width:16%}
.inventory-table th:nth-child(5),.inventory-table td:nth-child(5){width:12%}
.inventory-table th:nth-child(6),.inventory-table td:nth-child(6){width:11%}
.inventory-table td{padding:14px 12px;vertical-align:middle;font-size:14px}
.inventory-table .match-listing-cell{display:flex;align-items:center;gap:14px;min-width:0}
.inventory-table .match-listing-cell>div{min-width:0}
.inventory-table .match-listing-cell strong{display:block;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.inventory-table .match-listing-cell .muted{margin-top:4px;font-size:12px}
.inventory-quantity-cell strong{font-size:20px;font-variant-numeric:tabular-nums}
.inventory-channel-stock-line{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.55}
.inventory-channel-stock-line strong{font-size:12px}
.inventory-channel-stock-line span{color:#aab4c0;font-variant-numeric:tabular-nums}
.inventory-row-actions{display:flex;gap:7px;flex-wrap:wrap}
.inventory-row-actions button,.inventory-row-action{border:1px solid #2b3443;background:#151c26;color:#e5eaf0;padding:8px 10px;border-radius:9px;cursor:pointer;font-size:12px;white-space:nowrap}
.inventory-row-actions button:hover,.inventory-row-action:hover{border-color:#59697d}
.inventory-table .status{font-weight:800;letter-spacing:.01em;white-space:nowrap}
.inventory-table .status.inventory-needs-setup{color:#f1d873;border-color:#7a6728;background:#29230f}
.inventory-table .status.inventory-established{color:#aeb7c3;border-color:#46505d;background:#161c24}
.inventory-table .status.inventory-synced{color:#8ce6b5;border-color:#2f7a56;background:#10271d}
.inventory-table .status.inventory-attention,.inventory-table .status.inventory-out{color:#ff9da5;border-color:#8b3d46;background:#2a1418}
.inventory-setup-row{background:rgba(228,184,77,.018)}
.inventory-empty-state{display:grid;gap:5px;justify-items:start;padding:24px 6px;color:#8c98a7}
.inventory-empty-state strong{color:#dce2e9;font-size:14px}
.inventory-archive-wrap{border-top:1px solid #202834;margin-top:0;padding:20px}
.inventory-archive-wrap .panel-head{margin-bottom:12px}
@media(max-width:1200px){.inventory-table-wrap{overflow:auto}.inventory-control-row{grid-template-columns:1fr 1fr}.inventory-search-control{grid-column:1/-1}.inventory-refresh-btn{width:max-content}}
@media(max-width:900px){.inventory-summary-strip{grid-template-columns:1fr 1fr;padding-left:12px;padding-right:12px}.inventory-control-row{padding-left:12px;padding-right:12px}.inventory-table thead th{font-size:14px}.inventory-table .match-thumb-wrap,.inventory-table .match-thumb{width:64px;height:64px;flex-basis:64px}}
@media(max-width:700px){#view-inventory .inventory-safety-note{margin-left:12px;margin-right:12px;font-size:14px}#view-inventory .inventory-safety-note>strong{font-size:15px}.inventory-summary-strip{grid-template-columns:1fr 1fr}.inventory-control-row{grid-template-columns:1fr}.inventory-search-control{grid-column:auto}.inventory-refresh-btn{width:100%}}


/* Inventory polish 20 */
.inventory-summary-metric{cursor:default;user-select:none}
.inventory-summary-metric:hover{border-color:#252e3a}
#toggleRemovedInventory.active{border-color:#e4b84d;background:#171a1d;box-shadow:inset 0 0 0 1px rgba(228,184,77,.14)}
.inventory-table{min-width:900px}
.inventory-table th:nth-child(1),.inventory-table td:nth-child(1){width:42%}
.inventory-table th:nth-child(2),.inventory-table td:nth-child(2){width:12%}
.inventory-table th:nth-child(3),.inventory-table td:nth-child(3){width:20%}
.inventory-table th:nth-child(4),.inventory-table td:nth-child(4){width:12%}
.inventory-table th:nth-child(5),.inventory-table td:nth-child(5){width:14%;padding-right:20px}
.inventory-channels-cell{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.inventory-channel-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #2b3443;border-radius:8px;background:#121820;white-space:nowrap;font-size:12px;line-height:1.2}
.inventory-channel-pill strong{font-size:12px;color:#dbe2ea}
.inventory-channel-pill span{color:#9eabb9;font-variant-numeric:tabular-nums}
.inventory-header-help{display:inline-flex;align-items:center;gap:5px}
.inventory-help{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid #495464;color:#aeb8c5;font-size:11px;line-height:1;cursor:help;outline:none}
.inventory-help:hover,.inventory-help:focus{border-color:#e4b84d;color:#e4b84d}
.inventory-tooltip{position:absolute;left:50%;bottom:calc(100% + 9px);z-index:30;width:245px;padding:9px 10px;border:1px solid #3a4554;border-radius:8px;background:#0b0f15;color:#dbe2ea;font-size:12px;font-weight:500;line-height:1.4;box-shadow:0 10px 28px rgba(0,0,0,.35);opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease;text-align:left;white-space:normal}
.inventory-help:hover .inventory-tooltip,.inventory-help:focus .inventory-tooltip{opacity:1;transform:translate(-50%,0)}


/* Inventory card + status polish 21 */
.inventory-row-action{min-width:118px;text-align:center}
.inventory-row-actions{align-items:center}
.inventory-status-stack{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.inventory-status-time{font-size:12px;color:#7f8b99;line-height:1.2;white-space:nowrap}
@media(max-width:1050px){.inventory-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.inventory-summary-strip{grid-template-columns:1fr 1fr}}


/* Inventory layout + shared summary-card interaction polish 22 */
.match-summary-pill,.inventory-summary-pill{transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.match-summary-pill:hover,.inventory-summary-pill:hover{border-color:#59697d}
.match-summary-pill.active,.inventory-summary-pill.active{border-color:#e4b84d;background:#171a1d;box-shadow:inset 0 0 0 1px rgba(228,184,77,.14)}
.inventory-status-time{color:#98a5b4}
@media(max-width:1050px){.inventory-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.inventory-summary-strip{grid-template-columns:1fr 1fr}}


/* Inventory final layout polish 23 */
#view-inventory .inventory-safety-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
#view-inventory .inventory-safety-head>strong{color:#eef2f6;font-size:16px;line-height:1.4}
#view-inventory .inventory-safety-toggle{flex:0 0 auto;border:1px solid #2b3443;background:#151c26;color:#cbd3dd;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}
#view-inventory .inventory-safety-toggle:hover{border-color:#59697d;color:#eef2f6}
#view-inventory .inventory-safety-note.collapsed{padding-top:10px;padding-bottom:10px}
#view-inventory .inventory-safety-note.collapsed .inventory-safety-detail{display:none}
.inventory-table th:nth-child(1),.inventory-table td:nth-child(1){padding-left:12px}
.inventory-table th:nth-child(5),.inventory-table td:nth-child(5){padding-right:12px;text-align:right}
.inventory-table .inventory-row-actions{justify-content:flex-end}
.inventory-status-stack{display:inline-block;position:relative}
.inventory-status-stack.has-time{margin-bottom:18px}
.inventory-status-time{position:absolute;left:50%;top:calc(100% + 5px);transform:translateX(-50%);width:max-content;color:#adb8c4;text-align:center}
@media(max-width:700px){#view-inventory .inventory-safety-head>strong{font-size:15px}}

/* Inventory workflow polish 24 */
.inventory-sync-preview-box{display:grid;gap:7px;padding:10px 12px;border:1px solid #26303d;border-radius:9px;background:#0d1218}
.inventory-sync-preview-box:empty{display:none}
.inventory-sync-change{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;line-height:1.35}
.inventory-sync-change strong{color:#cfd7e0;font-size:13px}
.inventory-sync-change span{color:#aab5c2;font-variant-numeric:tabular-nums;text-align:right}
.inventory-sync-change b{color:#eef2f6}


/* Build 25: Connections + Pricing Profiles polish */
.pricing-profiles-panel{padding:0;overflow:hidden}.pricing-profiles-head{padding:20px 20px 14px;margin:0}.profile-page-actions{margin-top:0;align-items:center}.profile-page-actions button{white-space:nowrap}.profile-table-wrap{border-top:1px solid #202834}.profiles-table{min-width:980px}.profiles-table th,.profiles-table td{padding:15px 14px}.profiles-table td:first-child{min-width:180px}.profiles-table td:last-child{width:220px}.profiles-empty{text-align:center;color:#7f8a99;padding:36px!important}.compact-actions{margin:0;flex-wrap:nowrap}.compact-actions button{padding:8px 10px}.modal-card.modal-wide{width:min(1080px,96vw)}.profile-editor-form{display:grid;gap:16px}.profile-editor-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:start}.profile-editor-main{display:grid;gap:12px}.profile-editor-section{border:1px solid #252e3a;background:#0d1218;border-radius:11px;padding:15px}.profile-editor-section-head{display:grid;gap:3px;margin-bottom:13px}.profile-editor-section-head strong{font-size:14px;color:#edf1f6}.profile-editor-section-head span{font-size:12px;color:#8390a0}.profile-editor-preview{position:sticky;top:0;display:grid;gap:10px}.profile-editor-preview .pricing-formula-preview{margin:0;min-height:250px}.profile-preview-note{border:1px solid #293341;background:#0d1218;border-radius:10px;padding:12px;color:#8794a4;font-size:12px;line-height:1.45}.profile-editor-footer{display:flex;justify-content:flex-end;padding-top:2px}.profile-editor-footer .primary{min-width:210px}.fee-settings-intro{margin-bottom:14px}.fee-channel-section{margin:0}.connections-workspace,.available-channels-panel,.global-controls-panel{margin-bottom:16px}.channel-rows,.future-channel-rows{display:grid;gap:10px}.channel-row{border:1px solid #252e3a;background:#0d1218;border-radius:11px;padding:15px;transition:border-color .15s ease,background .15s ease}.channel-row:hover{border-color:#59697d}.channel-row-main{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(260px,1fr) auto;gap:18px;align-items:center}.channel-identity{display:flex;align-items:center;gap:12px;min-width:0}.channel-identity h3{margin:0;font-size:15px}.channel-identity p{margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-mark{width:48px;height:48px;border:1px solid #303a48;background:#151c26;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:12px;color:#e6ebf1;flex:0 0 48px}.channel-badges{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.channel-status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;border:1px solid #334050;background:#151c26;color:#aeb8c5;font-size:11px;font-weight:700;white-space:nowrap}.channel-status.good{border-color:#285c43;background:#102119;color:#77dda9}.channel-status.attention{border-color:#6f5922;background:#211c0e;color:#e8c45f}.channel-status.neutral{color:#aeb7c3}.channel-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.channel-row-actions>button,.channel-settings>summary,.channel-settings-menu button{border:1px solid #2b3443;background:#151c26;color:#e5eaf0;padding:10px 12px;border-radius:9px;cursor:pointer;font:inherit}.channel-row-actions>button:hover,.channel-settings>summary:hover,.channel-settings-menu button:hover{border-color:#59697d}.channel-settings{position:relative}.channel-settings>summary{list-style:none;user-select:none}.channel-settings>summary::-webkit-details-marker{display:none}.channel-settings[open]>summary{border-color:#59697d}.channel-settings-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:12;width:300px;border:1px solid #344050;background:#111821;border-radius:11px;padding:12px;box-shadow:0 18px 50px rgba(0,0,0,.45);display:grid;gap:8px}.channel-settings-menu p,.channel-settings-menu div{margin:0;font-size:12px;line-height:1.45}.channel-settings-menu button{width:100%;text-align:left}.channel-settings-menu button:last-child:not(:only-child){margin-top:2px}.channel-dev-form{margin-top:12px;padding-top:12px;border-top:1px solid #202834}.future-channel-rows{margin-top:0}.future-channel-row .channel-row-main{grid-template-columns:minmax(240px,1fr) auto}.global-control-row{display:grid;grid-template-columns:minmax(300px,1fr) auto auto;gap:18px;align-items:center;border:1px solid #252e3a;background:#0d1218;border-radius:11px;padding:15px}.global-control-row p{margin:5px 0 0}.global-control-status{display:flex;gap:8px;align-items:center}.global-control-note{font-size:11px;color:#aeb7c3}.global-control-actions{margin:0;flex-wrap:nowrap}.available-channels-panel:has(#availableChannelRows:empty) #availableChannelRows{display:none}
@media(max-width:1100px){.channel-row-main{grid-template-columns:1fr}.channel-row-actions{justify-content:flex-start}.channel-settings-menu{left:0;right:auto}.global-control-row{grid-template-columns:1fr}.global-control-actions{justify-content:flex-start}.profile-editor-layout{grid-template-columns:1fr}.profile-editor-preview{position:static}.profile-page-actions{flex-wrap:wrap}}
@media(max-width:700px){.pricing-profiles-head{display:grid}.profile-page-actions{justify-content:flex-start}.profile-editor-section .form-grid{grid-template-columns:1fr}.profile-editor-section .span-2{grid-column:auto}.channel-settings-menu{position:fixed;left:12px;right:12px;top:auto;width:auto}.channel-row-actions{flex-wrap:wrap}}

/* Build 27 — Connections refinement */
#view-connections .muted,#view-connections .panel-head p,#view-connections .channel-identity p,#view-connections .channel-settings-menu p,#view-connections .channel-settings-menu div{color:#b4c0cf}
#view-connections .channel-settings-menu strong{color:#e8eef6}
#view-connections .channel-status{padding:7px 11px;font-size:12px;font-weight:750}
#view-connections .channel-status.bad{border-color:#974450;background:#331820;color:#ffabb5}
#view-connections .channel-status.attention{border-color:#947638;color:#ffd27b}
#view-connections #importEbay,#view-connections #importEcwidCatalog{background:#151c26;border-color:#2b3443;color:#e5eaf0}
#view-connections #importEbay:hover:not(:disabled),#view-connections #importEcwidCatalog:hover:not(:disabled){background:#1b2430;border-color:#59697d}
/* The same action feedback styling as the existing Recheck Categories control. */
#view-connections #importEcwidCatalog,#view-connections #testEcwidConnection{transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .08s ease,box-shadow .16s ease}
#view-connections #importEcwidCatalog.action-working,#view-connections #testEcwidConnection.action-working{border-color:#806c38;background:#17140e;color:#f1cc70}
#view-connections #importEcwidCatalog.action-working::after,#view-connections #testEcwidConnection.action-working::after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:bpiq-spin .7s linear infinite}
#view-connections #importEcwidCatalog.action-success,#view-connections #testEcwidConnection.action-success{border-color:#285c43;background:#0f1b18;color:#77dda9}
#view-connections #importEcwidCatalog.action-error,#view-connections #testEcwidConnection.action-error{border-color:#873d44;background:#2b1518;color:#ffb2b8}
#view-connections #importEcwidCatalog:disabled,#view-connections #testEcwidConnection:disabled{cursor:wait}
/* The import button already uses the same animation; override its idle style only. */
#view-connections #importEbay.action-working{border-color:#806c38;background:#17140e;color:#f1cc70}
#view-connections #importEbay.action-success{border-color:#285c43;background:#0f1b18;color:#77dda9}
#view-connections #importEbay.action-error{border-color:#873d44;background:#2b1518;color:#ffb2b8}
#view-connections .channel-settings-menu{z-index:16}
#view-connections .channel-settings>summary:focus-visible{outline:2px solid #e4b84d;outline-offset:2px}
#view-connections .channel-mark{font-size:13px}
#view-connections .channel-mark.ebay-mark{font-weight:900;letter-spacing:-.4px;color:#f4f7fa}
#view-connections .channel-mark.ecwid-mark{font-weight:900;color:#e8edf4}
.bpiq-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.bpiq-confirm-actions .danger-action{border:1px solid #95464e;background:#3a191e;color:#ffc0c6}.bpiq-confirm-actions .danger-action:hover{background:#542229}
.toast .toast-route-action{margin-top:9px;display:block;background:#1d2c3c;border:1px solid #576b82;color:#e9f2fc;border-radius:7px;padding:7px 10px;cursor:pointer;font:inherit}

/* Build 28 staging: keep Cancel consistent with dark secondary actions. */
#cancelEcwidDisconnect{background:#151c26!important;color:#e5eaf0!important;border:1px solid #344050!important;border-radius:9px!important;padding:9px 15px!important;cursor:pointer!important}#cancelEcwidDisconnect:hover{border-color:#59697d!important;background:#1d2632!important}

/* Build 28 — compact marketplace brand marks, same existing square containers */
#view-connections .channel-brand-logo{display:block;max-width:35px;max-height:35px;width:35px;height:35px;object-fit:contain;filter:none}
#view-connections .channel-brand-logo:not([hidden]) + .channel-brand-fallback{display:none}
#view-connections .channel-brand-logo[hidden]{display:none}
#view-connections .channel-mark.ebay-mark .channel-brand-logo{width:43px;max-width:43px}
#view-connections .channel-mark{overflow:hidden}

/* Build 29: use recognizable compact marks in the existing 54px frames. */
#view-connections .channel-mark.ebay-mark .channel-brand-logo{width:44px;max-width:44px;height:auto;max-height:30px}
#view-connections .channel-mark.ecwid-mark .channel-brand-logo{width:34px;max-width:34px;height:34px;max-height:34px}
#view-connections .future-channel-row .channel-brand-logo[src*="/woo/"]{width:38px;max-width:38px;height:35px;max-height:35px}

/* Build 31: local Whatnot icon, shown exactly as supplied without filters or blend effects. */
#view-connections .future-channel-row .channel-brand-logo[src="/whatnot-logo.png"]{
  width:42px;
  height:42px;
  max-width:42px;
  max-height:42px;
  object-fit:contain;
  filter:none;
  mix-blend-mode:normal;
}

/* Unified emergency Review & Resolve workflow — controls now live in one workspace. */
.emergency-review-overview{border-top:1px solid #27303b;margin-top:15px;padding-top:12px}
.emergency-review-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.emergency-review-heading h4{margin:0;font-size:15px}
.emergency-review-overview>.button-row{margin-top:14px}
.emergency-review-overview .primary{min-width:235px}
.review-workspace-info{margin-bottom:12px;line-height:1.45}
.review-workspace-info p{margin:5px 0 0}
.review-workspace-select{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 8px}
.review-workspace-select label{display:flex;align-items:center;gap:8px;font-size:13px;color:#e6ebf1}
.review-workspace-select input,.review-workspace-selectbox input{width:18px;height:18px;flex:0 0 18px;cursor:pointer;accent-color:#e4b84d}
.review-workspace-select>span{font-size:12px;color:#aab6c2}
.review-workspace-list{display:grid;gap:7px;max-height:39vh;overflow-y:auto;padding-right:4px}
.review-workspace-row{display:flex;gap:12px;align-items:center;border:1px solid #2a3442;border-radius:9px;background:#0d131b;padding:12px}
.review-workspace-row:has(input:disabled){opacity:.72}
.review-workspace-selectbox{display:flex;align-items:center;min-width:20px}
.review-workspace-details{flex:1;min-width:180px;display:grid;gap:3px}
.review-workspace-details strong{font-size:13px;overflow-wrap:anywhere;color:#eef2f6}
.review-workspace-details span,.review-workspace-details small{color:#9faaba;font-size:11px;overflow-wrap:anywhere}
.review-workspace-prices{text-align:right;display:grid;gap:4px;flex:0 0 auto}
.review-workspace-prices span{font-weight:700;font-variant-numeric:tabular-nums;font-size:13px}
.review-workspace-prices small{font-size:11px;color:#8591a0}
.review-workspace-actions{border-top:1px solid #2b3543;padding-top:14px;margin-top:12px}
.review-workspace-actions>strong{font-size:15px}
.review-workspace-actions .button-row{flex-wrap:wrap;gap:8px}
.review-workspace-actions .button-row button,.review-drift-rearm{border:1px solid #364253;border-radius:9px;background:#17202b;color:#eef2f6;padding:10px 12px;cursor:pointer}
.review-workspace-actions .button-row button:disabled{opacity:.40;cursor:not-allowed}
.review-workspace-actions .button-row button:not(:disabled):hover{border-color:#e4b84d}
.review-workspace-progress{font-size:12px;color:#77dda9;white-space:pre-wrap;margin-top:9px;overflow-wrap:anywhere}
.review-workspace-progress.review-workspace-error{color:#ff9da6}
@media(max-width:690px){.review-workspace-row{flex-wrap:wrap}.review-workspace-prices{text-align:left}.review-workspace-actions .button-row button{flex:1 1 100%}}

/* Build 2: shared manual-pricing fees/cost preview for Listings and Review & Resolve */
.manual-fee-preview{border:1px solid #3a4656;background:#0c151d;border-radius:10px;padding:13px;color:#b6c2cd;font-size:12px;line-height:1.5}
.manual-fee-preview>strong{color:#e6ebf1;display:block;margin-bottom:9px;font-size:13px}
.manual-fee-preview>span{display:block;color:#a9b6c4}
.manual-fee-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px}
.manual-fee-grid span{color:#9aabbc}
.manual-fee-grid b{text-align:right;color:#e9edf2;font-variant-numeric:tabular-nums}
.manual-fee-preview small{display:block;color:#8796a6;margin-top:10px}
button:disabled{cursor:wait;opacity:.72}

/* Build 2 finalized dealer pricing / review: one compact pricing preview. */
.manual-cost-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px solid #2b3543;padding-top:10px}
.manual-advanced-minimum{grid-column:1/-1}
.manual-advanced-minimum summary,.unified-fee-details summary{cursor:pointer;color:#bac6d4;font-size:12px;padding:5px 0}
.manual-advanced-minimum>.form-grid{margin-top:10px}
.unified-price-rows{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;margin-top:8px;font-size:13px;align-items:baseline}
.unified-price-rows span{color:#aebcc9}
.unified-price-rows b{text-align:right;color:#f0f4f8;font-variant-numeric:tabular-nums}
.unified-price-rows .unified-price-final{font-size:16px;color:#f1c868;font-weight:700;border-top:1px solid #364253;padding-top:11px}
.unified-fee-details{margin-top:13px;border-top:1px solid #2b3543;padding-top:7px}
.unified-fee-details small{display:block;color:#9aa9b9;margin-top:9px}
.review-action-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:9px}
.review-action-buttons>div{display:flex;flex-direction:column;gap:6px;min-width:180px}
.review-action-buttons>div>button{border:1px solid #364253;border-radius:9px;background:#17202b;color:#eef2f6;padding:10px 12px;cursor:pointer}
.review-action-buttons>div>button:disabled{opacity:.45;cursor:not-allowed}
.review-action-group{display:flex;align-items:center;gap:7px;color:#d1d8e2;font-size:12px}
.review-help-wrap{display:inline-flex;position:relative}
.review-help{background:transparent;border:0;color:#c2ccd7;cursor:pointer;font-size:16px;padding:1px 5px;line-height:1.1}
.review-help-popover{display:none;position:absolute;bottom:calc(100% + 7px);left:0;min-width:210px;max-width:min(310px,75vw);width:max-content;background:#1d2a37;border:1px solid #51647b;border-radius:8px;box-shadow:0 8px 24px #0008;padding:11px;color:#f0f2f6;font-weight:400;line-height:1.45;white-space:normal;z-index:100}
.review-help[aria-expanded="true"]+.review-help-popover{display:block}
.review-workspace-info>strong{font-size:15px}
.review-workspace-error{color:#ff9da6}
@media(max-width:690px){.manual-cost-fields{grid-template-columns:1fr}.review-action-buttons>div{width:100%}}

/* Build 2 final Review & Resolve polish; Manual Pricing form/preview unchanged. */
.review-action-buttons>div.review-action-control{flex-direction:row;align-items:center;min-width:0;gap:7px}
.review-action-buttons>div.review-action-control>button{white-space:nowrap}
.review-help-wrap{align-self:center}
.review-help-popover{left:auto;right:0;bottom:calc(100% + 8px)}
.review-help[aria-expanded="true"]+.review-help-popover{display:block}
@media(hover:hover){.review-help-wrap:not([data-hover-suppressed="true"]):hover .review-help-popover{display:block}}
.review-workspace-row{align-items:flex-start;flex-wrap:wrap}
.review-workspace-details{flex:1 1 370px;max-width:none}
.review-price-comparison{width:100%;margin:7px 0 0 32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.review-price-comparison>div{min-width:0;background:#101a26;border:1px solid #344252;border-radius:9px;padding:10px;display:grid;align-content:start;gap:5px}
.review-price-comparison span{font-size:11px;color:#aebcc9}
.review-price-comparison strong{font-size:15px;color:#eef2f6;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.review-price-comparison small{font-size:10px;color:#a3b0c0;overflow-wrap:anywhere}
.review-price-comparison .review-price-premium{border-color:#977532;background:#241e14}
.review-price-comparison .review-price-premium strong{color:#f5ca63}
.review-price-comparison .review-price-change.increase strong{color:#ff9da6}
.review-price-comparison .review-price-change.decrease strong{color:#90ddb3}
.review-spot-disclaimer{font-size:11px;color:#b9c4cf;grid-column:1/-1;margin:2px 0 0}
.review-confirm-list{display:grid;gap:9px;max-height:48vh;overflow:auto;padding-right:5px;margin:14px 0}
.review-confirm-card{background:#0e1721;border:1px solid #354356;border-radius:9px;padding:12px}
.review-confirm-card>strong{display:block;margin-bottom:9px}
.review-confirm-details{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;font-size:12px}
.review-confirm-details span{color:#aebac8}
.review-confirm-details b{text-align:right;font-variant-numeric:tabular-nums}
.review-confirm-price{font-size:15px;color:#efc568}
#refreshProblems.problems-refreshing{opacity:.75;cursor:wait}
#refreshProblems.problems-refreshing:after{content:'';display:inline-block;margin-left:8px;width:11px;height:11px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:bpiq-spin .8s linear infinite}
#refreshProblems.problems-refresh-error{color:#ff9da6}
@media(max-width:1000px){.review-price-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){.review-price-comparison{margin-left:0;grid-template-columns:1fr 1fr}.review-action-buttons>div.review-action-control{width:100%}.review-help-popover{right:-10px;max-width:65vw}}

.review-quote-time{display:block;color:#a9b7c8;font-size:10px;margin-top:2px;font-weight:400}
@media(min-width:940px){
  .review-workspace-row{flex-wrap:nowrap;align-items:center}
  .review-workspace-details{flex:1 1 50%;min-width:260px}
  .review-price-comparison{flex:0 1 48%;width:48%;min-width:345px;margin:0;grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Approved October 23 Review & Resolve. Override only this modal's listing
   presentation; no pricing editor, alert decision, or eBay action changes. */
#modal .modal-card.review-locked-modal{width:min(1500px,98vw);padding:24px 26px;border-color:#314760;background:#0d1726}
.review-locked-modal .review-workspace-info{background:#0a1320;border:1px solid #334d65;border-radius:9px;padding:13px 17px;margin:0}
.review-locked-modal .review-workspace-info strong{font-size:16px}
.review-locked-modal .review-workspace-info p{font-size:12px;color:#aab9ce;margin-top:6px}
.review-locked-modal .review-workspace-select{margin:12px 2px;min-height:28px}
.review-locked-modal .review-workspace-list{display:block;overflow:auto;max-height:48vh;padding-right:5px}
.review-locked-modal .review-workspace-row{
  display:grid;grid-template-columns:30px minmax(280px,2.35fr) minmax(155px,1fr) minmax(170px,1.13fr) minmax(170px,1.13fr) minmax(175px,1.1fr);
  gap:0;align-items:stretch;min-width:1160px;min-height:114px;
  padding:12px 15px;background:#101d2c;border:1px solid #344d66;border-radius:10px;
}
.review-locked-modal .review-workspace-selectbox{align-self:center;display:flex;min-width:0}
.review-locked-modal .review-workspace-details{display:flex;flex:initial;align-items:center;min-width:0;gap:12px;padding:5px 14px 5px 5px;max-width:none}
.review-locked-modal .review-listing-identity{display:grid;gap:7px;min-width:0}
.review-locked-modal .review-workspace-details strong{font-size:13px;line-height:1.3;color:#eef2f9}
.review-locked-modal .review-workspace-details span{font-size:11px}
.review-locked-modal .review-workspace-details small.review-listing-status{font-size:11px;color:#f4c458}
.review-locked-modal .review-listing-status:before{content:'●';margin-right:7px;color:#f4c458}
.review-locked-modal .review-listing-image{width:72px;height:84px;flex:0 0 72px;border:1px solid #41546c;border-radius:7px;object-fit:contain;background:#0c1622}
.review-locked-modal .review-listing-image[hidden]{display:none}
.review-locked-modal .review-price-premium,
.review-locked-modal .review-price-history,
.review-locked-modal .review-price-change{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:10px 13px;border-left:1px solid #38536d}
.review-locked-modal .review-price-premium span,
.review-locked-modal .review-price-history span,
.review-locked-modal .review-price-change span{font-size:11px;color:#afbdd0;white-space:normal;line-height:1.3}
.review-locked-modal .review-price-premium strong,
.review-locked-modal .review-price-history strong,
.review-locked-modal .review-price-change strong{font-variant-numeric:tabular-nums;font-size:20px;line-height:1.1;white-space:nowrap;color:#f1f5fc}
.review-locked-modal .review-price-premium strong{color:#f5c75a}
.review-locked-modal .review-price-change.increase strong,
.review-locked-modal .review-price-change.increase small{color:#ff7588}
.review-locked-modal .review-price-change.decrease strong,
.review-locked-modal .review-price-change.decrease small{color:#86ddaf}
.review-locked-modal .review-price-history .review-spot-quote{font-size:10px;color:#aebed1;white-space:nowrap}
.review-locked-modal .review-price-change>span{display:flex;gap:4px;align-items:center}
.review-locked-modal .review-price-change small{font-size:11px}
.review-locked-modal .review-spot-disclaimer{font-size:11px;margin:12px 3px;color:#a3b2c5}
.review-locked-modal .review-workspace-actions{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:15px;padding-top:19px}
.review-locked-modal .review-actions-explanation>strong{font-size:15px;color:#eef2f8}
.review-locked-modal .review-actions-explanation>p{font-size:12px;margin:9px 0 0}
.review-locked-modal .review-action-buttons{display:flex;gap:14px;align-items:center;margin:0}
.review-locked-modal .review-action-buttons>div.review-action-control{position:relative;display:flex;align-items:center;min-width:0;gap:0;border:1px solid #516a88;border-radius:9px;padding:0 10px 0 0;background:#1a293c;white-space:nowrap}
.review-locked-modal .review-action-buttons>div.review-action-control:has(.primary){background:#1974e8;border-color:#1974e8}
.review-locked-modal .review-action-buttons>div.review-action-control>button{height:51px;min-width:190px;border:0;background:transparent;color:#edf3fd;font-size:13px;font-weight:700;padding:0 14px}
.review-locked-modal .review-action-buttons>div.review-action-control>button.primary{background:transparent!important;border:0!important;color:#fff!important}
.review-locked-modal .review-help{color:#b6c7da}
.review-locked-modal .review-workspace-progress{flex-basis:100%}
@media(max-width:900px){
  #modal .modal-card.review-locked-modal{padding:16px}
  .review-locked-modal .review-workspace-actions{flex-wrap:wrap}
  .review-locked-modal .review-action-buttons{width:100%;justify-content:flex-end;flex-wrap:wrap}
}


/* Approved Manual Pricing: consistent with locked Review & Resolve.
   Scoped to the editor; no pricing logic or other modals are restyled. */
#modal .modal-card.manual-pricing-modal {
  width:min(840px,94vw);
  padding:18px 24px;
  border:1px solid #365374;
  background:#0d1726;
  color:#f1f5fc;
}
.manual-pricing-modal .panel-head h2 {font-size:22px;color:#f5f7fc;font-weight:800}
.manual-pricing-modal #modalSubtitle {color:#c6d2e3;font-size:12px}
.manual-pricing-modal .icon-btn {color:#d8e2f1}
.manual-pricing-modal #manualForm {gap:10px 18px}
.manual-pricing-modal #manualForm label {color:#d0dbeb;font-size:13px;font-weight:600;line-height:1.35}
.manual-pricing-modal #manualForm input,
.manual-pricing-modal #manualForm select {
  min-height:42px;
  border:1px solid #466585;
  border-radius:9px;
  background:#101620;
  color:#f5f8fd;
  font:inherit;
  font-size:14px;
}
.manual-pricing-modal #manualForm input:focus-visible,
.manual-pricing-modal #manualForm select:focus-visible {border-color:#e9bd51;outline:2px solid #b38b36;outline-offset:1px}
.manual-pricing-modal #manualForm .muted,
.manual-pricing-modal #manualForm small,
.manual-pricing-modal #manualForm .pricing-method-helper {color:#bfccdd;font-size:11px;line-height:1.4;font-weight:400}
.manual-pricing-modal #manualForm .pricing-formula-preview,
.manual-pricing-modal #manualForm .manual-fee-preview {
  border-color:#365374;
  background:#0b1421;
  color:#d3dfef;
}
.manual-pricing-modal #manualForm .manual-cost-fields {border-color:#365374}
.manual-pricing-modal #manualForm .manual-advanced-minimum summary,
.manual-pricing-modal #manualForm .unified-fee-details summary {color:#cbd8e8;font-size:14px}
.manual-pricing-modal .manual-pricing-actions {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
  position:sticky;
  bottom:-18px;
  z-index:3;
  background:linear-gradient(180deg,rgba(13,23,38,.92),#0d1726 22%);
  border-top:1px solid #365374;
  padding:10px 0 0;
}
.manual-pricing-modal .manual-pricing-actions button {
  display:block;
  width:100%;
  min-height:40px;
  font-size:14px;
  font-weight:800;
  text-align:center;
  border-radius:8px;
  cursor:pointer;
}
.manual-pricing-modal #manualCancel {border:1px solid #c9d5e3;background:#252b35;color:#f4f6fb}
.manual-pricing-modal #manualCancel:hover {background:#303b4b}
.manual-pricing-modal .manual-pricing-actions .primary {
  border:1px solid #e3b33e;
  background:#ad7f11;
  color:#fff8e9;
}
.manual-pricing-modal .manual-pricing-actions .primary:hover:not(:disabled) {background:#bd901f}
@media(max-width:760px){
  #modal .modal-card.manual-pricing-modal{width:98vw;padding:16px}
  .manual-pricing-modal #manualForm{grid-template-columns:minmax(0,1fr)}
  .manual-pricing-modal #manualForm .span-2{grid-column:1}
  .manual-pricing-modal .manual-pricing-actions{bottom:-16px}
}

/* Compact approved Manual Pricing: normal desktop zoom, price preview stays prominent. */
#modal .modal-card.manual-pricing-modal {max-height:min(90dvh,calc(100dvh - 28px));}
.manual-pricing-modal .panel-head {margin-bottom:12px;}
.manual-pricing-modal #manualForm .pricing-formula-preview,
.manual-pricing-modal #manualForm .manual-fee-preview {padding:14px 16px;border-radius:10px;}
.manual-pricing-modal #manualForm .pricing-formula-preview>strong {font-size:18px;color:#f1f5fb;line-height:1.4;}
.manual-pricing-modal #manualForm .unified-price-rows {font-size:14px;gap:6px 14px;margin-top:8px;}
.manual-pricing-modal #manualForm .unified-price-rows .unified-price-final {font-size:17px;padding-top:9px;}
.manual-pricing-modal #manualForm .unified-fee-details {margin-top:10px;}
.manual-pricing-modal #manualForm .manual-extra-settings {margin:0;border-top:1px solid #2b425d;padding-top:4px;}
.manual-pricing-modal #manualForm .manual-extra-settings>summary {cursor:pointer;color:#c4d5ea;font-size:12px;font-weight:600;padding:5px 0;}
.manual-pricing-modal #manualForm .manual-extra-grid {margin-top:10px;gap:10px 18px;}
.manual-pricing-modal #manualForm .manual-extra-settings[open] {padding-bottom:5px;}
.manual-pricing-modal #manualForm .manual-cost-fields {margin-top:1px;}
.manual-pricing-modal .manual-pricing-actions .primary {color:#fff8e9!important;background:#ad7f11!important;}
@media(max-width:760px){
  .manual-pricing-modal .panel-head h2 {font-size:21px;}
  .manual-pricing-modal #manualForm .manual-extra-grid {grid-template-columns:minmax(0,1fr);}
}

/* Locked Build 2 Problems Dashboard — inline Review & Resolve, matches Inventory table.
   This is intentionally scoped; Manual Pricing and confirm dialogs are unchanged. */
#view-problems .problems-panel{background:transparent;border:0;padding:0;box-shadow:none}
#view-problems .problems-head{margin-bottom:18px;align-items:center}
#view-problems .problems-head h2{font-size:26px;letter-spacing:-.4px}
#view-problems .problems-head p{font-size:13px;color:#b9c6d5}
.problems-workspace{color:#e8edf6;min-width:0}
.problems-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:15px 0 20px}
.problems-metric{display:flex;justify-content:space-between;align-items:center;min-height:64px;padding:12px 16px;border:1px solid #2b415b;border-radius:9px;background:#0e1928;gap:12px}
.problems-metric>span{color:#c5d1e2;font-size:14px}
.problems-metric>strong{color:#f1f5fc;font-size:22px;font-variant-numeric:tabular-nums}
.problems-protection-metric{gap:12px}
.problems-protection-metric>span{font-size:13px}
.problems-toggle{display:inline-flex;align-items:center;justify-content:space-between;flex:0 0 76px;width:76px;height:34px;padding:3px 3px 3px 10px;border:1px solid #637184;border-radius:999px;background:#182232;color:#dce5ef;cursor:pointer;transition:border-color .15s,background .15s}
.problems-toggle.enabled{border-color:#4cdb8e;background:#163d2c}
.problems-toggle>span{font-size:12px;font-weight:700}
.problems-toggle i{display:block;width:26px;height:26px;border-radius:50%;background:#f3f5f7;box-shadow:0 1px 4px #0007}
.problems-toggle:not(.enabled){flex-direction:row-reverse;padding:3px 10px 3px 3px}
.problems-toggle:focus-visible{outline:2px solid #6faefa;outline-offset:3px}
.problems-toggle:disabled{cursor:not-allowed;opacity:.55}
.problems-explainer{font-size:13px;line-height:1.6;color:#ccd8e6;padding:0 1px 15px;border-bottom:1px solid #293a50}
.problems-explainer p{margin:0 0 9px;max-width:1050px}
.problems-explainer a{color:#42bafa;text-decoration:underline;text-underline-offset:2px}
.problems-explainer strong{color:#edf3fa}
.problems-rollout-note{color:#e2c685!important;font-size:11px!important}
.problems-selection-row{margin:12px 3px 8px;min-height:30px}
.problems-table-scroll{overflow:hidden;width:100%;min-width:0;max-width:100%;border:1px solid #334c68;border-radius:12px;container-type:inline-size;container-name:problemsTable}
.problems-inline-table{width:100%;max-width:100%;min-width:0;display:block;background:#101c2b}
/* Explicit proportional tracks: no min-width that pushes Approve beyond the viewport. */
.problems-table-head,.problems-inline-row{width:100%;min-width:0;display:grid;grid-template-columns:32px minmax(0,2.75fr) minmax(0,1fr) minmax(0,1.05fr) minmax(0,1.05fr) minmax(0,1.15fr) minmax(0,1.48fr);align-items:stretch}
.problems-table-head{min-height:66px;align-items:center;background:#0d1725;border-bottom:1px solid #2d4059;color:#b9c7d9}
.problems-table-head>span{min-width:0;overflow-wrap:break-word;font-size:11px;font-weight:650;padding:10px 7px}
.problems-table-head>span:not(:nth-child(2)){border-left:1px solid #31485f}
.problems-table-head>span:first-child{border:0}
.problems-inline-row{min-height:158px;border-bottom:1px solid #2a3b51;background:#101d2d}
.problems-inline-row:last-child{border-bottom:0}
.problems-inline-row:hover{background:#142338}
.problems-inline-row .problems-cell{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:12px 7px}
.problems-inline-row .problems-row-check{padding:12px 3px 12px 12px;align-items:center;justify-content:center}
.problems-inline-row input[type="checkbox"],.problems-selection-row input[type="checkbox"]{width:18px;height:18px;accent-color:#e4b84d;cursor:pointer}
.problems-inline-row .problems-product{flex-direction:row;align-items:center;gap:9px;padding-left:9px}
.problems-product .review-listing-image{width:72px;height:91px;flex:0 0 72px;border:1px solid #344d69;border-radius:8px;object-fit:contain;background:#101b2b}
.problems-product .review-listing-image[hidden]{display:none}
.problems-product-details{display:grid;gap:6px;min-width:0;align-content:center}
.problems-product-details>strong{font-size:13px;line-height:1.4;color:#f4f6fa;overflow-wrap:anywhere}
.problems-product-details>span:not(.problems-state){font-size:11px;color:#acbcd0}
.problems-product-details small{color:#b7c4d4;font-size:11px;line-height:1.35}
.problems-state{font-weight:700;font-size:11px;color:#ff7b89}
.problems-state:before{content:'⛨';margin-right:5px}
.problems-state.protected{color:#f3be65}
.problems-state.pending{color:#a6b9c9}
.problems-inline-row .review-price-premium,.problems-inline-row .review-price-history,.problems-inline-row .review-price-change{display:flex;flex-direction:column;justify-content:center;padding:12px 7px;min-width:0;gap:6px;border-left:1px solid #314760}
.problems-inline-row .review-price-premium span,.problems-inline-row .review-price-history span,.problems-inline-row .review-price-change span{font-size:11px;color:#b0bfd2;line-height:1.4}
.problems-inline-row .review-price-premium strong,.problems-inline-row .review-price-history strong,.problems-inline-row .review-price-change strong{font-size:18px;color:#f2f4fa;white-space:nowrap;font-variant-numeric:tabular-nums}
.problems-inline-row .review-price-premium strong{color:#edc36c}
.problems-inline-row .review-price-change.increase strong,.problems-inline-row .review-price-change.increase small{color:#ff8290}
.problems-inline-row .review-price-change.decrease strong,.problems-inline-row .review-price-change.decrease small{color:#8ce2b3}
.problems-inline-row .review-price-change small,.problems-inline-row .review-spot-quote{font-size:10px;color:#abbdd1;line-height:1.35}
.problems-inline-row .review-price-change>span{display:flex;align-items:center}
.problems-inline-row .problems-row-actions{gap:9px;border-left:1px solid #314760;align-items:stretch}
.problems-outline-btn,.problems-approve-btn{min-width:0;max-width:100%;border-radius:8px;min-height:41px;padding:7px 6px;font-size:12px;line-height:1.25;white-space:normal;cursor:pointer;transition:box-shadow .15s,border-color .15s,background .15s}
.problems-row-actions>button{display:block;width:100%}
.problems-outline-btn{background:#142235;border:1px solid #5b8fb9;color:#eef5ff}
.problems-outline-btn:hover:not(:disabled),.problems-outline-btn:focus-visible{border-color:#80ccff;box-shadow:0 0 12px rgba(88,166,238,.33);background:#192e46}
.problems-approve-btn{background:#166cd7;border:1px solid #2377e6;color:white;font-weight:700}
.problems-approve-btn:hover:not(:disabled){background:#2d82f6;box-shadow:0 0 14px rgba(44,117,246,.28)}
.problems-row-actions>button:disabled,.problems-approve-btn:disabled{opacity:.43;cursor:not-allowed}
.problems-alert-note{font-size:11px;color:#a8b9cb;margin:12px 2px 8px}
.problems-bulk-bar{display:flex;justify-content:flex-end;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 0}
.problems-bulk-bar>.review-workspace-progress{flex:1 1 350px;margin:0;text-align:right}
.problems-other-alerts{margin-top:16px}
.problems-other-alerts>h3{font-size:15px}
.problems-other-alerts .profile-card{margin-top:9px}
@media(max-width:1000px){.problems-summary{grid-template-columns:1fr 1fr}.problems-protection-metric{grid-column:1/-1}}
@media(max-width:590px){.problems-summary{grid-template-columns:1fr}.problems-protection-metric{grid-column:auto}.problems-metric{min-height:56px}.problems-alert-note{line-height:1.5}}

/* Responsive presentation: keep every action visible, including at laptop/tablet widths.
   Column names move into CSS-generated visual captions at narrow widths. */
@container problemsTable (max-width:920px){
 .problems-table-scroll{overflow:visible}
 .problems-table-head{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 .problems-inline-row{grid-template-columns:32px repeat(4,minmax(0,1fr));grid-template-rows:auto auto auto;min-height:0}
 .problems-inline-row .problems-row-check{grid-column:1;grid-row:1;align-self:center}
 .problems-inline-row .problems-product{grid-column:2/-1;grid-row:1;min-height:112px;padding:12px 10px}
 .problems-inline-row .review-price-premium{grid-column:2;grid-row:2}
 .problems-inline-row .review-price-history:nth-of-type(3){grid-column:3;grid-row:2}
 .problems-inline-row .review-price-history:nth-of-type(4){grid-column:4;grid-row:2}
 .problems-inline-row .review-price-change{grid-column:5;grid-row:2}
 .problems-inline-row .problems-row-actions{grid-column:2/-1;grid-row:3;display:flex;flex-direction:row;justify-content:flex-end;gap:10px;padding:12px;border-top:1px solid #314760;border-left:0}
 .problems-row-actions>button{width:auto;min-width:146px}
 .problems-inline-row .review-price-premium:before{content:'Your Premium Over Spot'}
 .problems-inline-row .review-price-history:nth-of-type(3):before{content:'Previous Selling Price'}
 .problems-inline-row .review-price-history:nth-of-type(4):before{content:'New Calculated Price'}
 .problems-inline-row .review-price-change:before{content:'Price Change'}
 .problems-inline-row .review-price-premium:before,.problems-inline-row .review-price-history:before,.problems-inline-row .review-price-change:before{color:#b0bfd2;font-size:11px;line-height:1.4}
}
@media(max-width:720px){
 .problems-inline-row{grid-template-columns:32px repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto)}
 .problems-inline-row .problems-product{grid-column:2/-1;grid-row:1}
 .problems-inline-row .review-price-premium{grid-column:2;grid-row:2}
 .problems-inline-row .review-price-history:nth-of-type(3){grid-column:3;grid-row:2}
 .problems-inline-row .review-price-history:nth-of-type(4){grid-column:2;grid-row:3}
 .problems-inline-row .review-price-change{grid-column:3;grid-row:3}
 .problems-inline-row .problems-row-actions{grid-column:2/-1;grid-row:4;flex-wrap:wrap}
 .problems-inline-row .problems-row-actions>button{flex:1 1 145px;min-width:0}
 .problems-inline-row .review-price-premium strong,.problems-inline-row .review-price-history strong,.problems-inline-row .review-price-change strong{font-size:16px;white-space:normal}
}

/* The approved Problems layout has no extra filter or refresh toolbar. */
#view-problems .problems-head #refreshProblems{display:none}

/* Problems already has an h1 in the global page header. */
#view-problems .problems-head h2{display:none}
#view-problems .problems-head{margin-bottom:16px}

/* Build 2 – approved five-column Confirm Selling Prices popup.
   Visual layer only: price preview, confirmation and eBay writes are unchanged. */
#modal .modal-card.price-confirm-modal{
  width:min(1060px,96vw);max-height:min(90dvh,calc(100dvh - 24px));
  overflow:auto;padding:22px 26px 18px;border:1px solid #324962;
  border-radius:16px;background:#0c192a;color:#eef3fa;
}
.price-confirm-modal .panel-head{margin-bottom:13px}
.price-confirm-modal .panel-head h2{font-size:24px;line-height:1.2;color:#f6f8fc;font-weight:800}
.price-confirm-modal #modalSubtitle{color:#b8c9de;margin-top:6px;font-size:13px}
.price-confirm-modal #closeModal{color:#c3d3e6}
.price-confirm-intro{font-size:14px;line-height:1.5;color:#c4d4e7;margin:8px 0 19px}
.price-confirm-table{border:1px solid #2e4a64;border-radius:9px;overflow:hidden;background:#0e2032}
.price-confirm-head,.price-confirm-row{
  display:grid;grid-template-columns:minmax(0,2.55fr) minmax(0,1.06fr) minmax(0,.94fr) minmax(0,.72fr) minmax(0,1.15fr);
  min-width:0;align-items:stretch;
}
.price-confirm-head{background:#0b1a2b;border-bottom:1px solid #2c465e}
.price-confirm-head>span{font-size:12px;font-weight:700;color:#c5d5e9;padding:12px 14px;min-width:0}
.price-confirm-head>span+span,.price-confirm-row>.price-confirm-cell{border-left:1px solid #2c465e}
.price-confirm-scroll{max-height:min(48dvh,490px);overflow-y:auto;overscroll-behavior:contain}
.price-confirm-row{min-height:104px;background:#102236}
.price-confirm-row:nth-child(even){background:#0d1e31}
.price-confirm-row+.price-confirm-row{border-top:1px solid #2c465e}
.price-confirm-product{min-width:0;display:flex;align-items:center;gap:14px;padding:14px 17px}
.price-confirm-product .review-listing-image{display:block;flex:0 0 80px;width:80px;height:80px;object-fit:cover;border-radius:7px;border:1px solid #4a6179;background:#12273b}
.price-confirm-identity{min-width:0;display:flex;flex-direction:column;gap:8px}
.price-confirm-identity strong{font-size:14px;line-height:1.35;color:#f5f6f9;overflow-wrap:anywhere}
.price-confirm-identity small{font-size:12px;color:#a8bed6;overflow-wrap:anywhere}
.price-confirm-cell{min-width:0;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:13px 14px;font-variant-numeric:tabular-nums}
.price-confirm-cell b{font-size:14px;color:#eef3fb;white-space:nowrap}
.price-confirm-cell small{font-size:11px;color:#a8bdd2;line-height:1.35}
.price-confirm-total{align-items:flex-end;text-align:right;padding-right:22px}
.price-confirm-total strong{font-size:22px;color:#f1c76a;white-space:nowrap}
.price-confirm-mobile-label{display:none}
.price-confirm-note{font-size:13px;line-height:1.45;color:#b9c9da;margin:17px 0 0}
.price-confirm-modal .review-workspace-error{padding:11px 14px;border:1px solid #7c3642;border-radius:8px;color:#ffb3bc;margin-top:12px}
.price-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:19px;align-items:center}
.price-confirm-actions>button{min-width:100px;padding:12px 18px;border:1px solid #46617e;border-radius:8px;background:#15263b;color:#f5f7fa;font-size:13px;cursor:pointer}
.price-confirm-actions>button.primary{min-width:195px;background:#2375e5!important;border:1px solid #3184f4!important;color:#fff!important}
.price-confirm-actions>button:hover:not(:disabled){border-color:#81abdf}
.price-confirm-actions>button.primary:hover:not(:disabled){background:#1765d1!important}
.price-confirm-actions>button:disabled{opacity:.65;cursor:not-allowed}
.price-confirm-modal #reviewBulkProgress{margin-top:10px;font-size:12px;color:#b5cde1}
@media(max-width:860px){
  #modal .modal-card.price-confirm-modal{padding:17px;width:min(780px,97vw)}
  .price-confirm-head{display:none}
  .price-confirm-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
  .price-confirm-product{grid-column:1/-1;border-bottom:1px solid #2c465e}
  .price-confirm-row>.price-confirm-cell{border-left:0;border-bottom:1px solid #253e57;align-items:flex-start;text-align:left}
  .price-confirm-row>.price-confirm-cell:nth-child(2n+1){border-left:1px solid #253e57}
  .price-confirm-row .price-confirm-total{grid-column:1/-1;border-bottom:0;align-items:flex-end;border-left:0!important}
  .price-confirm-mobile-label{display:block;font-size:11px;color:#a3bad3}
  .price-confirm-scroll{max-height:55dvh}
}
@media(max-width:490px){
  .price-confirm-product{gap:10px;padding:11px}
  .price-confirm-product .review-listing-image{width:61px;height:61px;flex-basis:61px}
  .price-confirm-actions{justify-content:stretch}
  .price-confirm-actions button{flex:1;min-width:0!important;padding:12px 7px}
  .price-confirm-modal .panel-head h2{font-size:20px}
}
@media(max-width:490px){
  #modal.modal{padding:12px}
  #modal .modal-card.price-confirm-modal{width:100%;max-width:100%;box-sizing:border-box}
}


/* Review Center approved spot strip: four desktop cards, label/price above
   the checked-market status. Presentation only, no quote-state changes. */
.topbar{display:flex;flex-direction:column-reverse;align-items:stretch;gap:19px}
.spot-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;justify-content:stretch;align-items:stretch;margin:0}
.spot-chip{display:block;min-width:0;padding:12px 8px;text-align:center;background:#0d1b2c;border:1px solid #283e56;border-radius:10px;font-size:12px;white-space:nowrap}
.spot-chip strong{margin-left:7px;color:#f3f7fc;font-variant-numeric:tabular-nums;white-space:nowrap}
.spot-chip .spot-quality{display:block;color:#a8b9ce;font-size:11px;line-height:1.4;text-align:center;margin-top:6px}
@media (max-width:1120px){.spot-chip{font-size:11px}.spot-row{gap:8px}}
@media (max-width:900px){.spot-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:470px){.spot-row{gap:8px}.spot-chip{padding:9px 5px}}


/* Approved Build 2 spot-price cards ONLY. No page or modal styling changes. */
.spot-chip{padding:9px 5px;white-space:normal;min-width:0;overflow:hidden;background:#03121e;border-color:#184363}
.spot-chip-inner{display:flex;justify-content:center;align-items:center;gap:5px;min-width:0;height:100%}
.spot-metal-art{display:block;width:clamp(48px,4.2vw,68px);height:68px;flex:0 0 clamp(48px,4.2vw,68px);object-fit:contain;transform:scale(1.20)}
.spot-chip-copy{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0}
.spot-chip-primary{display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:5px;min-width:0;white-space:nowrap;width:100%}
.spot-metal-name{font-size:clamp(12px,.83vw,14px);line-height:1.2;letter-spacing:-.22px;color:#dce5ef;white-space:nowrap;flex-shrink:0}
.spot-chip .spot-chip-primary strong{font-size:clamp(14px,1.01vw,17px);margin-left:0;line-height:1.2;font-weight:800;letter-spacing:-.2px;color:#f6f8fb;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}
.spot-chip .spot-chip-copy .spot-quality{display:block;width:100%;margin-top:0;text-align:center;font-size:clamp(12px,.87vw,14px);line-height:1.2;color:#bac8d9;white-space:nowrap}
/* At browser zoom / intermediate desktop widths, keep titles and prices in ONE line. */
@media (min-width:1251px) and (max-width:1500px){
  .spot-chip{padding:8px 4px}
  .spot-chip-inner{gap:2px}
  .spot-metal-art{width:clamp(48px,3.95vw,58px);flex-basis:clamp(48px,3.95vw,58px);height:67px}
  .spot-chip-primary{flex-direction:row;gap:3px}
  .spot-metal-name{font-size:clamp(10.8px,.82vw,12.3px);letter-spacing:-.4px}
  .spot-chip .spot-chip-primary strong{font-size:clamp(12.7px,.97vw,14.7px);letter-spacing:-.4px}
  .spot-chip .spot-chip-copy .spot-quality{font-size:clamp(10.5px,.89vw,12.5px)}
}
@media (min-width:901px) and (max-width:1250px){
  .spot-chip{padding:8px 3px}
  .spot-chip-inner{gap:2px}
  .spot-metal-art{width:clamp(36px,3.25vw,43px);flex-basis:clamp(36px,3.25vw,43px);height:54px}
  .spot-chip-primary{flex-direction:row;gap:2px}
  .spot-metal-name{font-size:clamp(9.1px,.83vw,10.5px);letter-spacing:-.4px}
  .spot-chip .spot-chip-primary strong{font-size:clamp(11px,1.02vw,12.5px);letter-spacing:-.3px}
  .spot-chip .spot-chip-copy .spot-quality{font-size:clamp(10px,.97vw,12px)}
}
@media (max-width:900px){
  .spot-chip-inner{gap:8px}
  .spot-metal-art{width:58px;flex-basis:58px;height:64px}
  .spot-chip-primary{flex-direction:row;gap:5px}
  .spot-metal-name{font-size:13px}
  .spot-chip .spot-chip-primary strong{font-size:16px}
  .spot-chip .spot-chip-copy .spot-quality{font-size:13px}
}
@media (max-width:500px){
  .spot-chip{padding:8px 3px}
  .spot-chip-inner{gap:2px}
  .spot-metal-art{width:32px;flex-basis:32px;height:44px}
  .spot-chip-primary{flex-wrap:wrap;gap:3px}
  .spot-metal-name{font-size:12px}
  .spot-chip .spot-chip-primary strong{font-size:13px}
  .spot-chip .spot-chip-copy .spot-quality{font-size:11px;white-space:normal}
}

/* All four spot-bar images are normalized to the same visible pixel bounds as the approved Gold artwork. */


/* Build 2: desktop sidebar viewport fit ONLY.
   Keep all nine navigation links, system health, emergency stop and log out
   visible at 100% zoom in shorter desktop windows; NO scrolling or hiding.
   Do not alter the page body, spot cards, Review Center, or popup styling. */
@media (min-width:701px){
  .sidebar{padding-top:14px;padding-bottom:12px}
  .sidebar>.brand{padding-bottom:12px}
  .sidebar>nav{gap:3px}
  .sidebar .nav-btn{padding-top:8px;padding-bottom:8px;line-height:1.2}
  .sidebar .side-foot{gap:7px}
  .sidebar .side-foot .health-pill{padding-top:8px;padding-bottom:8px}
  .sidebar .side-foot .danger-btn{padding-top:9px;padding-bottom:9px}
  .sidebar .side-foot #logoutBtn{padding-top:4px;padding-bottom:4px;line-height:1.2}
}


/* Build 2 — Inventory-led design tokens, visual system pilot (PREVIEW ONLY).
   Values intentionally match the existing Inventory palette. This block applies
   only to Inventory and Review Center surfaces; no change to page structure,
   approved spot-price strip, dialogs, interactions, or business logic. */
:root {
  --bpiq-ui-surface: #10151d;
  --bpiq-ui-surface-recessed: #0d1218;
  --bpiq-ui-table-header: #0e131a;
  --bpiq-ui-border: #252e3a;
  --bpiq-ui-divider: #202834;
  --bpiq-ui-text: #eef2f6;
  --bpiq-ui-secondary-text: #aeb8c5;
  --bpiq-ui-muted-text: #8d99a8;
  --bpiq-ui-button: #151c26;
  --bpiq-ui-button-border: #2b3443;
  --bpiq-ui-radius: 10px;
}

/* Review Center: harmonize palette and card/table treatments to Inventory.
   All grid columns, padding, typography hierarchy, alerts, price colors,
   selected state, and approval/confirmation button behavior remain intact. */
#view-problems .problems-metric {
  background:var(--bpiq-ui-surface-recessed);
  border-color:var(--bpiq-ui-border);
  border-radius:var(--bpiq-ui-radius);
}
#view-problems .problems-metric>span {color:var(--bpiq-ui-secondary-text)}
#view-problems .problems-metric>strong {color:var(--bpiq-ui-text)}
#view-problems .problems-explainer {
  border-bottom-color:var(--bpiq-ui-divider);
  color:#cbd3dd;
}
#view-problems .problems-table-scroll {border-color:var(--bpiq-ui-border)}
#view-problems .problems-inline-table {background:var(--bpiq-ui-surface)}
#view-problems .problems-table-head {
  background:var(--bpiq-ui-table-header);
  border-bottom-color:var(--bpiq-ui-divider);
  color:var(--bpiq-ui-secondary-text);
}
#view-problems .problems-table-head>span:not(:first-child):not(:nth-child(2)) {border-left-color:var(--bpiq-ui-border)}
#view-problems .problems-inline-row {
  background:var(--bpiq-ui-surface);
  border-bottom-color:var(--bpiq-ui-divider);
}
#view-problems .problems-inline-row:hover {background:#151c26}
#view-problems .problems-product .review-listing-image {
  background:var(--bpiq-ui-surface-recessed);
  border-color:var(--bpiq-ui-border);
}
#view-problems .problems-inline-row .review-price-premium,
#view-problems .problems-inline-row .review-price-history,
#view-problems .problems-inline-row .review-price-change,
#view-problems .problems-inline-row .problems-row-actions {
  border-left-color:var(--bpiq-ui-border);
}
#view-problems .problems-outline-btn {
  background:var(--bpiq-ui-button);
  border-color:var(--bpiq-ui-button-border);
  color:var(--bpiq-ui-text);
}
#view-problems .problems-outline-btn:hover:not(:disabled),
#view-problems .problems-outline-btn:focus-visible {
  background:#1c2633;
  border-color:#59697d;
  box-shadow:none;
}
/* Keep the approved blue Approve actions, gold premiums, and alert colors. */
@container problemsTable (max-width:920px) {
  #view-problems .problems-inline-row .problems-row-actions {border-top-color:var(--bpiq-ui-border);border-left:0}
}


/* 2026-10-24 — LOCKED Review Center finishing pass, presentation ONLY.
   Inventory + Review Center are the future-page visual reference standard.
   Keep current controls, card dimensions, grid tracks, columns, sidebar, spot bars,
   data/behavior, alerts and all price/action semantics untouched. */
:root { --bpiq-review-separator:rgba(135,153,176,.12); }

/* The Product column and its blank selection header have no interior left rule.
   The thin outer table outline is retained. */
#view-problems .problems-table-head > span:first-child,
#view-problems .problems-table-head > span:nth-child(2) {
  border-left:0;
  box-shadow:none;
}

/* Only horizontal Review Center rules become slightly less contrasty. */
#view-problems .problems-explainer,
#view-problems .problems-table-head,
#view-problems .problems-inline-row {
  border-bottom-color:var(--bpiq-review-separator);
}
@container problemsTable (max-width:920px) {
  #view-problems .problems-inline-row .problems-row-actions {
    border-top-color:var(--bpiq-review-separator);
  }
}


/* 2026-10-24: Login/Create Account presentation-only refresh.
   Scope deliberately limited to the auth gate. Inventory, Review Center,
   sidebar, spot-price strip, and all authenticated surfaces remain locked. */
.auth-gate{
  background:#0d0d0d;
  padding:24px 16px;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.auth-gate .auth-card{
  width:min(488px,100%);
  padding:30px 34px 28px;
  background:#101720;
  border:1px solid #293645;
  border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,.36);
}
.auth-gate .auth-brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:0;
  margin:0 0 25px;
  padding:0;
}
.auth-gate .auth-logo{
  display:block;
  width:min(100%,286px);
  height:auto;
  object-fit:contain;
  margin:0 auto 2px;
  filter:drop-shadow(0 6px 15px rgba(0,0,0,.2));
}
.auth-gate .auth-brand h1{
  margin:0 0 6px;
  font-size:22px;
  line-height:1.22;
  font-weight:750;
  letter-spacing:-.025em;
  color:#eef2f6;
}
.auth-gate .auth-brand p{
  margin:0;
  font-size:13px;
  line-height:1.5;
  color:#a6b2c0;
}
.auth-gate .auth-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  padding:4px;
  margin:0 0 22px;
  border:1px solid #293544;
  border-radius:11px;
  background:#0a111a;
}
.auth-gate .auth-tabs button{
  appearance:none;
  min-height:43px;
  width:100%;
  border:1px solid transparent;
  border-radius:8px;
  padding:10px 12px;
  color:#aeb9c8;
  background:transparent;
  font-size:14px;
  font-weight:650;
  cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
.auth-gate .auth-tabs button.active{
  background:#1d2a39;
  border-color:#384a60;
  color:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.2);
}
.auth-gate .auth-tabs button:hover:not(.active){background:#14202c;color:#eef2f6}
.auth-gate .auth-tabs button:focus-visible{
  outline:2px solid #e4b84d;outline-offset:2px;
}
.auth-gate .auth-form{display:grid;gap:17px}
.auth-gate .auth-form.hidden{display:none}
.auth-gate .auth-form label{
  display:grid;
  gap:8px;
  color:#bec9d6;
  font-size:13px;
  font-weight:600;
}
.auth-gate .auth-form input{
  min-height:47px;
  border:1px solid #354354;
  border-radius:9px;
  padding:12px 13px;
  background:#0c141e;
  color:#eef2f6;
  font-size:15px;
  outline:none;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.auth-gate .auth-form input:hover{border-color:#506075}
.auth-gate .auth-form input:focus{
  border-color:#d7ae4c;
  box-shadow:0 0 0 3px rgba(228,184,77,.14);
}
.auth-gate .auth-submit{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:50px;
  margin-top:5px;
  padding:12px 16px;
  border:1px solid #e8c262!important;
  border-radius:9px;
  background:#e4b84d!important;
  color:#191307!important;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 3px 0 rgba(0,0,0,.22);
  transition:background-color .15s ease,transform .12s ease,box-shadow .15s ease;
}
.auth-gate .auth-submit:hover:not(:disabled){
  background:#f0c963!important;
  box-shadow:0 4px 14px rgba(228,184,77,.22);
  transform:translateY(-1px);
}
.auth-gate .auth-submit:active:not(:disabled){
  background:#d6a741!important;
  transform:translateY(1px);
  box-shadow:0 1px 2px rgba(0,0,0,.25);
}
.auth-gate .auth-submit:focus-visible{
  outline:3px solid #fff1c1;outline-offset:3px;
}
.auth-gate .auth-submit:disabled{
  opacity:1;
  cursor:wait;
  background:#c8a349!important;
  border-color:#c8a349!important;
  transform:none;
  box-shadow:0 1px 3px rgba(0,0,0,.26);
}
.auth-gate .auth-submit.auth-is-loading::before{
  content:"";
  width:15px;height:15px;flex:0 0 15px;
  border:2px solid rgba(25,19,7,.25);
  border-top-color:#191307;
  border-radius:50%;
  animation:bpiq-auth-spin .75s linear infinite;
}
@keyframes bpiq-auth-spin{to{transform:rotate(360deg)}}
.auth-gate .auth-error{
  min-height:0;
  margin:16px 0 0;
  color:#ff9da6;
  font-size:13px;
  line-height:1.5;
}
.auth-gate .auth-error:empty{display:none}
@media(max-width:520px){
  .auth-gate{padding:16px 12px}
  .auth-gate .auth-card{padding:23px 20px 24px}
  .auth-gate .auth-logo{width:min(100%,250px)}
  .auth-gate .auth-brand{margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){
  .auth-gate .auth-tabs button,.auth-gate .auth-form input,
  .auth-gate .auth-submit{transition:none}
}


/* BullionPriceIQ 2026-10-24: compact auth styling, Chrome autofill and gold-action contrast.
   Auth gate ONLY. Preserve approved Inventory/Review Center, sidebar and spot bars. */
.auth-gate{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:safe center;
  padding:16px 14px;
  overflow-y:auto;
}
.auth-gate .auth-card{
  flex:0 0 auto;
  width:min(452px,100%);
  padding:22px 28px 20px;
  background:#101720;
  color-scheme:dark;
}
.auth-gate .auth-brand{margin-bottom:16px}
.auth-gate .auth-logo{
  width:min(100%,205px);
  height:auto;
  margin:0 auto 2px;
}
.auth-gate .auth-brand h1{font-size:20px;line-height:1.2;margin:0 0 4px}
.auth-gate .auth-brand p{font-size:12px;line-height:1.4}
.auth-gate .auth-tabs{margin:0 0 15px;padding:3px;gap:4px}
.auth-gate .auth-tabs button{min-height:39px;padding:8px 10px;font-size:13px}
.auth-gate .auth-form{gap:12px}
.auth-gate .auth-form label{gap:6px;font-size:12px}
.auth-gate .auth-form input{
  min-height:42px;
  padding:10px 12px;
  color-scheme:dark;
  background:#0c141e;
  color:#eef2f6;
  caret-color:#eef2f6;
  font-size:14px;
}
/* Prevent Chrome saved-password/email autofill's pale blue fill on dark auth inputs. */
.auth-gate .auth-form input:autofill,
.auth-gate .auth-form input:-webkit-autofill,
.auth-gate .auth-form input:-webkit-autofill:hover,
.auth-gate .auth-form input:-webkit-autofill:focus,
.auth-gate .auth-form input:-webkit-autofill:active{
  -webkit-box-shadow:0 0 0 1000px #0c141e inset!important;
  box-shadow:0 0 0 1000px #0c141e inset!important;
  -webkit-text-fill-color:#eef2f6!important;
  caret-color:#eef2f6!important;
  border-color:#354354;
}
.auth-gate .auth-form input:-webkit-autofill:focus{
  border-color:#d7ae4c;
  outline:0;
}
.auth-gate .auth-submit{
  min-height:46px;
  margin-top:2px;
  padding:10px 14px;
  border-color:#ffe08b!important;
  background:#f0c55d!important;
  color:#171108!important;
  -webkit-text-fill-color:#171108!important;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
}
.auth-gate .auth-submit:hover:not(:disabled){background:#ffda78!important}
.auth-gate .auth-submit:active:not(:disabled){background:#dfad40!important}
.auth-gate .auth-submit:disabled{
  background:#d6b259!important;
  border-color:#d6b259!important;
  color:#171108!important;
  -webkit-text-fill-color:#171108!important;
  cursor:wait;
}
.auth-gate .auth-error{margin:12px 0 0}
@media (max-width:520px){
  .auth-gate{padding:12px 10px}
  .auth-gate .auth-card{padding:20px 18px 20px}
  .auth-gate .auth-logo{width:min(100%,195px)}
  .auth-gate .auth-brand{margin-bottom:14px}
}
@media (max-height:690px){
  .auth-gate{padding-block:12px}
  .auth-gate .auth-card{padding-top:15px;padding-bottom:15px}
  .auth-gate .auth-logo{width:min(100%,175px)}
  .auth-gate .auth-brand{margin-bottom:12px}
  .auth-gate .auth-tabs{margin-bottom:12px}
  .auth-gate .auth-form{gap:10px}
}


/* BullionPriceIQ 2026-10-24 — Auth scrolling and signup fit ONLY.
   The authenticated app can extend below the viewport. Prevent its page scrollbar
   showing behind the auth overlay; keep auth-gate scrolling on small/zoomed screens.
   Sign In card layout and all authenticated views stay unchanged. */
html:has(body > .auth-gate:not(.hidden)),
body:has(> .auth-gate:not(.hidden)) {
  overflow:hidden;
}
/* The four-field registration mode uses the same card but can need less vertical
   space when zoomed. Keep its CTA fully accessible and comfortable to reach. */
.auth-gate:has(#signupForm:not(.hidden)) .auth-card {padding-block:18px 16px}
.auth-gate:has(#signupForm:not(.hidden)) .auth-brand {margin-bottom:11px}
.auth-gate:has(#signupForm:not(.hidden)) .auth-tabs {margin-bottom:12px}
.auth-gate:has(#signupForm:not(.hidden)) .auth-form {gap:10px}
@media (max-height:780px) {
  .auth-gate:has(#signupForm:not(.hidden)) .auth-logo {width:min(100%,180px)}
}

/* BullionPriceIQ approved slogan — login/create-account heading only.
   Preserve the approved compact card, color system, scroll handling, and auth behavior. */
.auth-gate .auth-brand h1.auth-slogan{
  font-size:20px;
  line-height:1.2;
  font-weight:750;
  margin:0;
  text-align:center;
}
.auth-gate .auth-brand h1.auth-slogan span{
  display:block;
  margin-top:2px;
}


/* 2026-10-25 — APPROVED AUTH REFINEMENT: Steel Blue #2D6DAA primary actions.
   Smaller two-line slogan, desktop Create Account one-screen fit; auth only.
   The rest of the BPIQ visual system, APIs and authenticated controls are untouched. */
.auth-gate .auth-brand h1.auth-slogan {
  font-size:17px;
  line-height:1.16;
  font-weight:700;
  letter-spacing:-.012em;
}
.auth-gate .auth-brand h1.auth-slogan span {margin-top:2px}
.auth-gate .auth-submit {
  background:#2D6DAA!important;
  border-color:#4B8CC5!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:0 3px 0 rgba(0,0,0,.24);
}
.auth-gate .auth-submit:hover:not(:disabled) {
  background:#397EBA!important;
  border-color:#70A8D8!important;
  box-shadow:0 4px 13px rgba(45,109,170,.3);
}
.auth-gate .auth-submit:active:not(:disabled) {
  background:#245B8D!important;
  border-color:#4B8CC5!important;
  box-shadow:0 1px 2px rgba(0,0,0,.25);
}
.auth-gate .auth-submit:focus-visible {outline:3px solid #95C5EE;outline-offset:3px}
.auth-gate .auth-submit:disabled {
  background:#365E81!important;
  border-color:#4A7397!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
.auth-gate .auth-submit.auth-is-loading::before {
  border-color:rgba(255,255,255,.3);
  border-top-color:#ffffff;
}
.auth-gate .auth-tabs button:focus-visible {outline-color:#95C5EE}
.auth-gate .auth-form input:focus {
  border-color:#4B8CC5;
  box-shadow:0 0 0 3px rgba(45,109,170,.22);
}
.auth-gate .auth-form input:-webkit-autofill:focus {border-color:#4B8CC5}

/* Registration has four fields; tighten ONLY its short-window layout.
   Preserve reachable scroll on very short screens/mobile instead of clipping CTA. */
@media (max-height:850px) {
  .auth-gate:has(#signupForm:not(.hidden)) .auth-card {padding-top:14px;padding-bottom:13px}
  .auth-gate:has(#signupForm:not(.hidden)) .auth-logo {width:min(100%,158px)}
  .auth-gate:has(#signupForm:not(.hidden)) .auth-brand {margin-bottom:8px}
  .auth-gate:has(#signupForm:not(.hidden)) .auth-tabs {margin-bottom:9px}
  .auth-gate:has(#signupForm:not(.hidden)) .auth-form {gap:8px}
  .auth-gate:has(#signupForm:not(.hidden)) .auth-form label {gap:5px}
  .auth-gate:has(#signupForm:not(.hidden)) .auth-form input {min-height:39px;padding:8px 11px}
  .auth-gate:has(#signupForm:not(.hidden)) .auth-submit {min-height:44px;padding:9px 14px}
}
@media (max-height:680px) and (min-width:521px) {
  .auth-gate:has(#signupForm:not(.hidden)) .auth-logo {width:min(100%,143px)}
  .auth-gate:has(#signupForm:not(.hidden)) .auth-tabs {margin-bottom:7px}
  .auth-gate:has(#signupForm:not(.hidden)) .auth-form {gap:7px}
}


/* BPIQ 2026-10-26: Steel Blue action-button standard (presentation only).
   Preserve the approved auth, Review Center blue approval controls,
   navy secondary buttons, gold premium numbers, green statuses, red danger,
   and selected-checkbox state. No layout, markup behavior or JS changes. */
:root{
  --bpiq-action-blue:#2D6DAA;
  --bpiq-action-blue-hover:#397EBA;
  --bpiq-action-blue-pressed:#245B8D;
  --bpiq-action-blue-ring:#95C5EE;
}
/* The legacy general .primary action rule is gold. Override globally,
   excluding the already approved auth-submit, whose own colors remain intact.
   Higher-specificity locked Review Center blue controls stay as approved. */
.primary:not(.auth-submit){
  background:var(--bpiq-action-blue)!important;
  color:#fff!important;
  cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .12s ease;
}
.primary:not(.auth-submit):hover:not(:disabled){
  background:var(--bpiq-action-blue-hover)!important;
}
.primary:not(.auth-submit):active:not(:disabled){
  background:var(--bpiq-action-blue-pressed)!important;
}
.primary:not(.auth-submit):focus-visible{outline:2px solid var(--bpiq-action-blue-ring);outline-offset:2px}
/* Keep disabled and in-progress blue unless a specific success/error rule applies. */
.primary:not(.auth-submit):disabled:not(.action-success):not(.action-error){
  background:#365E81!important;
  color:#fff!important;
}
/* Existing text-only actions (Dashboard Refresh etc.) should not remain gold. */
.text-btn{color:#8FC1EA}
.text-btn:hover:not(:disabled){color:#B9DCFA}
.text-btn:focus-visible{outline:2px solid var(--bpiq-action-blue-ring);outline-offset:2px}
.listing-title-btn:hover{color:#8FC1EA}
/* Inventory Matching: special hover/pressed/busy rules had their own gold. */
#useSelectedMatches:hover:not(:disabled),
#enableSelectedInventorySync:hover:not(:disabled),
#inventorySyncPreviewPanel .sync-enable-btn:hover:not(:disabled),
#confirmEnableInventorySync:hover:not(:disabled){
  background:var(--bpiq-action-blue-hover)!important;
  box-shadow:0 0 0 1px rgba(96,166,221,.25),0 6px 18px rgba(45,109,170,.22);
}
#useSelectedMatches:active:not(:disabled),
#enableSelectedInventorySync:active:not(:disabled),
#inventorySyncPreviewPanel .sync-enable-btn:active:not(:disabled),
#confirmEnableInventorySync:active:not(:disabled){
  background:var(--bpiq-action-blue-pressed)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.34);
}
#useSelectedMatches.action-working,
#confirmEnableInventorySync.action-working{
  background:#365E81!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(96,166,221,.22),0 0 16px rgba(45,109,170,.17);
}
/* In-progress/success/error colors remain semantically meaningful. */
#useSelectedMatches.action-success,#confirmEnableInventorySync.action-success{
  background:#65d596!important;color:#0c1912!important;
}
#useSelectedMatches.action-error,#confirmEnableInventorySync.action-error{
  background:#a6323e!important;color:#fff!important;
}
/* Manual Pricing Save / Save & Resolve previously forced mustard with !important. */
.manual-pricing-modal .manual-pricing-actions .primary{
  border-color:#4B8CC5!important;
  background:var(--bpiq-action-blue)!important;
  color:#fff!important;
}
.manual-pricing-modal .manual-pricing-actions .primary:hover:not(:disabled){
  border-color:#70A8D8!important;
  background:var(--bpiq-action-blue-hover)!important;
}
.manual-pricing-modal .manual-pricing-actions .primary:active:not(:disabled){
  background:var(--bpiq-action-blue-pressed)!important;
}
/* Button-linked interaction outlines, no alteration to any actual status badge. */
#importEbay:hover:not(:disabled),#recheckEbayCategories:hover:not(:disabled){
  border-color:#4B8CC5;
  box-shadow:0 0 0 1px rgba(45,109,170,.2);
}
#importEbay:focus-visible,#recheckEbayCategories:focus-visible,
#view-connections .channel-settings>summary:focus-visible{
  outline:2px solid var(--bpiq-action-blue-ring);
  outline-offset:2px;
}
#importEbay.action-working,#recheckEbayCategories.action-working,
#view-connections #importEcwidCatalog.action-working,
#view-connections #testEcwidConnection.action-working,
#view-connections #importEbay.action-working{
  border-color:#365E81;background:#142435;color:#A9CFF0;
}
/* Selected filter cards are clickable controls, not pricing highlights. */
.match-filter-card.active,.match-summary-pill.active,
.inventory-summary-pill.active,#toggleRemovedInventory.active{
  border-color:#4B8CC5;
  box-shadow:inset 0 0 0 1px rgba(45,109,170,.2);
}
.inventory-help:hover,.inventory-help:focus,
.review-workspace-actions .button-row button:not(:disabled):hover{
  border-color:#4B8CC5;
}
.inventory-help:hover,.inventory-help:focus{color:#9EC9ED}
.pricing-info-btn:focus-visible{outline-color:var(--bpiq-action-blue-ring)}

/* Preserve explicit green success/red error feedback even when a pointer stays
   over an inventory action as its asynchronous request completes. */
#useSelectedMatches.action-success:is(:hover,:active),
#confirmEnableInventorySync.action-success:is(:hover,:active){background:#65d596!important;color:#0c1912!important}
#useSelectedMatches.action-error:is(:hover,:active),
#confirmEnableInventorySync.action-error:is(:hover,:active){background:#a6323e!important;color:#fff!important}

/* 2026-10-26 COMBINED APPROVED UI PASS (10 scoped changes)
 * Text readability, form focus, column headers, selection controls,
 * primary-button styling and approved Review Center value semantics.
 * Do NOT change pricing, stock, eBay behavior, modal structure or status badges.
 */
:root {
  --bpiq-label-readable: #CBD5E1;
  --bpiq-header-readable: #D7E0EC;
  --bpiq-placeholder-readable: #A8B6C8;
  --bpiq-border-hover: #536579;
  --bpiq-border-focus: #7B8EA3;
  --bpiq-premium-emerald: #65D6A0;
  --bpiq-preview-blue: #8ABFEC;
}
/* #1 and #2: information-card captions plus native form/filter labels. */
.card > span,
.inventory-summary-pill > span,
#view-matching .match-summary-pill > span,
#view-problems .problems-metric > span,
.match-control > span,
.inventory-control > span,
label:not(.auth-form label),
.filters label,
.form-grid label,
.profile-editor-form label {color:var(--bpiq-label-readable);font-weight:500}
/* Match and Inventory labels use existing font sizes and positioning. */
#view-matching .match-control > span,
#view-inventory .inventory-control > span {color:var(--bpiq-label-readable);font-weight:500}
/* #3: placeholders never compete with entered values. */
input::placeholder,textarea::placeholder {color:var(--bpiq-placeholder-readable);opacity:1}
/* #4: subtle neutral hover/focus edge shared across ALL ordinary fields.
   Keyboard focus is explicit even though the default legacy input rule removes outline. */
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),
select,textarea {border-color:#344255;transition:border-color .15s ease,box-shadow .15s ease}
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):hover:not(:disabled),
select:hover:not(:disabled),textarea:hover:not(:disabled) {border-color:var(--bpiq-border-hover)}
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):focus,
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):focus-visible,
select:focus,select:focus-visible,textarea:focus,textarea:focus-visible,
.auth-gate .auth-form input:focus,
.manual-pricing-modal #manualForm input:focus-visible,
.manual-pricing-modal #manualForm select:focus-visible {
  border-color:var(--bpiq-border-focus)!important;
  outline:1px solid rgba(167,185,204,.60)!important;
  outline-offset:1px;
  box-shadow:0 0 0 3px rgba(135,153,176,.15)!important;
}
/* #6: every table and grid-like table's column headings. No size change. */
table thead th,
#view-matching .match-review-table-wrap .match-table thead th:not(.match-select-head),
#view-problems .problems-table-head,
#view-problems .problems-table-head > span,
.price-confirm-head > span,
[role="columnheader"] {color:var(--bpiq-header-readable);font-weight:600}
/* #7: standard checkbox size = approved Review Center's actual 18px, NOT 25px mock. */
input[type="checkbox"],
.problems-inline-row input[type="checkbox"],
.problems-selection-row input[type="checkbox"],
.review-workspace-select input[type="checkbox"],
.review-workspace-selectbox input[type="checkbox"] {
  width:18px;height:18px;min-width:18px;min-height:18px;
  flex:0 0 18px;
  accent-color:var(--bpiq-action-blue);
  cursor:pointer;
}
input[type="checkbox"]:focus-visible {outline:2px solid rgba(167,185,204,.85);outline-offset:3px}
input[type="checkbox"]:disabled {cursor:not-allowed;opacity:.50}
/* #8: primary CTA silhouette inspired by approved Review Center Approve buttons.
   Preserve pre-existing widths, busy/error/success status, and specialized Confirm popup. */
.primary:not(.auth-submit):not(:disabled) {
  border-radius:9px;
  min-height:40px;
  padding:10px 14px;
  font-weight:700;
  box-shadow:0 2px 5px rgba(0,0,0,.18);
}
.primary:not(.auth-submit):hover:not(:disabled):not(.action-success):not(.action-error),
.auth-gate .auth-submit:hover:not(:disabled) {
  box-shadow:0 0 0 1px rgba(122,174,223,.35),0 0 15px rgba(45,109,170,.26),0 5px 14px rgba(0,0,0,.22);
  filter:brightness(1.07);
}
.primary:not(.auth-submit):active:not(:disabled):not(.action-success):not(.action-error),
.auth-gate .auth-submit:active:not(:disabled) {box-shadow:0 1px 3px rgba(0,0,0,.28);filter:brightness(.97)}
/* The locked Review Center approval button paints its BLUE on the wrapper. */
.review-locked-modal .review-action-buttons > .review-action-control:has(.primary):hover,
.review-action-buttons > .review-action-control:has(.primary):hover {
  box-shadow:0 0 0 1px rgba(122,174,223,.33),0 0 15px rgba(45,109,170,.26);
}
/* #9: values have meaning: premium green, unapproved calculated price blue. */
#view-problems .problems-inline-row .review-price-premium > strong,
.review-locked-modal .review-price-premium > strong,
.review-price-comparison .review-price-premium > strong {color:var(--bpiq-premium-emerald)}
#view-problems .problems-inline-row .review-price-history:nth-of-type(4) > strong,
.review-locked-modal .review-price-history:nth-of-type(4) > strong,
.price-confirm-total > strong,
.review-confirm-price {color:var(--bpiq-preview-blue)}
/* A legacy comparison panel must not keep a mustard premium border. */
.review-price-comparison .review-price-premium {border-color:#34465c;background:#101a26}
/* #10: final selling price is still a PREVIEW, not a published price. */
.unified-price-rows .unified-price-final,
.manual-pricing-modal #manualForm .unified-price-rows .unified-price-final {
  color:var(--bpiq-preview-blue);
}
/* Green applies to an explicitly completed success state, never a draft quote. */
.review-workspace-progress:not(.review-workspace-error){color:var(--bpiq-premium-emerald)}


/* BPIQ Inventory Sync/Matching approved next-pass design — isolated UI refinements */
#view-matching .match-safety-note .match-safety-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
#view-matching .match-safety-note .match-safety-head strong{font-size:16px;color:#f1f5f9;line-height:1.35}
#view-matching .match-safety-note .inventory-safety-toggle{flex:0 0 auto;border:1px solid #344255;background:#171f2c;color:#d7e0ec;padding:6px 12px;border-radius:9px;cursor:pointer;font-weight:700;font-size:12px}
#view-matching .match-safety-note .inventory-safety-toggle:hover{border-color:#6e8195}
#view-matching .match-safety-note.collapsed{padding:11px 16px!important}
#view-matching .match-safety-detail[hidden]{display:none!important}
#view-matching .match-safety-detail{margin-top:12px;border-top:1px solid #253345;padding-top:11px}
#view-matching .match-safety-detail>strong{display:block;margin-bottom:6px;color:#f1f5f9}
#view-matching .match-safety-detail p{margin:0}
#inventorySyncPreviewPanel .sync-preview-head{padding-bottom:10px}
#inventorySyncPreviewPanel .sync-preview-head h2{font-size:20px}
#inventorySyncPreviewPanel .sync-preview-head p{color:#aebed1;font-size:13px}
#inventorySyncPreviewPanel .sync-preview-empty{padding:4px 0 0;font-size:13px}
#inventorySyncPreviewPanel [hidden]{display:none!important}
#inventorySyncPreviewPanel .sync-preview-table-wrap{overflow-x:auto;overflow-y:visible}
#inventorySyncPreviewPanel .sync-preview-table{min-width:1000px;table-layout:fixed}
#inventorySyncPreviewPanel .sync-preview-table th{white-space:normal;overflow:visible;font-size:14px;font-weight:600;vertical-align:middle}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(1),#inventorySyncPreviewPanel .sync-preview-table td:nth-child(1){width:4%}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(2),#inventorySyncPreviewPanel .sync-preview-table td:nth-child(2){width:27%}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(3),#inventorySyncPreviewPanel .sync-preview-table td:nth-child(3){width:12%}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(4),#inventorySyncPreviewPanel .sync-preview-table td:nth-child(4){width:12%}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(5),#inventorySyncPreviewPanel .sync-preview-table td:nth-child(5){width:19%}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(6),#inventorySyncPreviewPanel .sync-preview-table td:nth-child(6){width:26%}
#inventorySyncPreviewPanel .sync-header-help{gap:9px;white-space:normal;align-items:center}
#inventorySyncPreviewPanel .sync-header-help .sync-help{flex:0 0 18px;overflow:visible}
#inventorySyncPreviewPanel .sync-preview-cell .status.sync-proposed,.sync-proposed-badge{display:inline-flex;align-items:center;border:1px solid #3c5f82!important;background:#172b40!important;color:#8abfec!important;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700;white-space:normal;line-height:1.3}
#inventorySyncPreviewPanel .sync-preview-value{flex-wrap:wrap;min-width:0}
#inventorySyncPreviewPanel .sync-action-buttons{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:stretch;max-width:210px}
#inventorySyncPreviewPanel .sync-action-buttons button{min-width:0;width:100%;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.25;min-height:40px}
#inventorySyncPreviewPanel .sync-action-buttons .primary{background:#2d6daa!important;color:#fff!important;border-color:#3d79b2!important}
#inventorySyncPreviewPanel .sync-action-buttons .primary:hover{background:#3d7cba!important}
#inventorySyncPreviewPanel .sync-tooltip{z-index:80}
#inventorySyncPreviewPanel .sync-preview-table thead{position:relative;z-index:3}
#inventorySyncPreviewPanel .sync-excluded-list{display:grid;gap:7px;max-width:1000px}
#inventorySyncPreviewPanel .sync-excluded-row{display:grid;grid-template-columns:minmax(280px,1fr) max-content max-content;gap:24px;align-items:center;background:#0d1520;border:1px solid #2d3c4f;border-radius:10px;padding:10px 13px}
#inventorySyncPreviewPanel .sync-excluded-listing{display:flex;gap:12px;align-items:center;min-width:0}
#inventorySyncPreviewPanel .sync-excluded-listing>div{min-width:0}
#inventorySyncPreviewPanel .sync-excluded-listing strong{color:#eef3fa;font-size:14px;line-height:1.3;display:block}
#inventorySyncPreviewPanel .sync-excluded-listing .muted{font-size:12px;margin-top:4px}
#inventorySyncPreviewPanel .sync-excluded-listing .match-thumb,#inventorySyncPreviewPanel .sync-excluded-listing .match-thumb-wrap{width:48px;height:48px;flex-basis:48px}
#inventorySyncPreviewPanel .sync-excluded-badge{color:#cbd5e1;background:#263444;border:1px solid #45586d;border-radius:999px;padding:6px 10px;white-space:nowrap;font-size:12px;font-weight:600}
#inventorySyncPreviewPanel .sync-excluded-row>button{border:1px solid #344255;border-radius:9px;background:#171f2c;color:#edf3fc;font-size:12px;font-weight:600;padding:10px 12px;white-space:nowrap;cursor:pointer}
#inventorySyncPreviewPanel .sync-excluded-row>button:hover{border-color:#6d819b;background:#202c3d}
#modal .modal-card.sync-review-modal{width:min(1110px,96vw);max-height:min(90dvh,calc(100dvh - 24px));overflow:auto;background:#0c192a;border:1px solid #324962;border-radius:16px;padding:22px 26px 20px;color:#eef3fa}
.sync-review-modal .panel-head h2{font-size:24px;line-height:1.2;color:#f6f8fc;font-weight:800}
.sync-review-modal #modalSubtitle{font-size:13px;color:#b8c9de}
.sync-review-modal #closeModal{color:#c3d3e6}
.sync-review-modal #enableMatchedSyncForm{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.sync-review-modal .sync-modal-intro{color:#c4d4e7;font-size:14px;line-height:1.55;margin:0}
.sync-review-modal .sync-modal-comparison{border:1px solid #2e4a64;border-radius:10px;background:#0e2032;overflow:auto}
.sync-review-modal .sync-modal-columns,.sync-review-modal .sync-modal-item{display:grid;grid-template-columns:minmax(250px,2.2fr) minmax(135px,1fr) minmax(110px,.8fr) minmax(205px,1.35fr);align-items:stretch;min-width:760px}
.sync-review-modal .sync-modal-columns{background:#0b1b2c}
.sync-review-modal .sync-modal-columns>span{font-weight:600;color:#d7e0ec;font-size:12px;padding:14px 15px;border-right:1px solid #30475f}
.sync-review-modal .sync-modal-item{border-top:1px solid #30475f}
.sync-review-modal .sync-modal-item>[role="cell"]{padding:14px 15px;border-right:1px solid #30475f;display:flex;align-items:center;min-width:0}
.sync-review-modal .sync-modal-columns>*:last-child,.sync-review-modal .sync-modal-item>*:last-child{border-right:0}
.sync-review-modal .sync-modal-product{display:flex!important;gap:12px;align-items:center}
.sync-review-modal .sync-modal-product .match-thumb,.sync-review-modal .sync-modal-product .match-thumb-wrap{width:60px;height:60px;flex:0 0 60px}
.sync-review-modal .sync-modal-product>div{min-width:0;display:grid;gap:4px}
.sync-review-modal .sync-modal-product strong{font-size:14px;color:#f1f5f9;line-height:1.4}
.sync-review-modal .sync-modal-product .muted{font-size:12px;color:#a8b6c8}
.sync-review-modal .sync-modal-stock{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
.sync-review-modal .sync-modal-result{flex-direction:column;align-items:flex-start!important;justify-content:center;gap:6px}
.sync-review-modal .sync-modal-result small{font-size:12px;line-height:1.45;color:#c5d4e3}
.sync-review-modal .sync-modal-success{color:#65d6a0;font-weight:600}
.sync-review-modal .sync-confirm-check{display:flex;align-items:flex-start;gap:12px;padding:15px 17px;background:#0e2032;border:1px solid #2e4a64;border-radius:10px;color:#e2eaf4;font-size:14px;line-height:1.5}
.sync-review-modal .sync-confirm-check input{accent-color:#2d6daa;flex:0 0 18px;width:18px;height:18px;margin:2px 0 0}
.sync-review-modal .sync-modal-lock{grid-column:1;background:#1b1b19;border:1px solid #665637;border-radius:10px;padding:12px 14px}
.sync-review-modal .sync-modal-actions{display:flex!important;justify-content:flex-end;gap:12px;margin-top:4px}
.sync-review-modal .sync-modal-actions>button{width:auto!important;min-width:140px;padding:11px 19px;border-radius:10px;font-size:14px;font-weight:700}
.sync-review-modal .sync-modal-actions>button#cancelMatchedSync{background:#171f2c;border:1px solid #45617d;color:#edf3fc}
.sync-review-modal .sync-modal-actions>button#confirmEnableInventorySync{background:#2d6daa!important;border:1px solid #407eb9;color:#fff!important}
.sync-review-modal .sync-modal-actions>button#confirmEnableInventorySync:hover:not(:disabled){background:#3b82c4!important;box-shadow:0 0 0 1px rgba(122,174,223,.35),0 0 15px rgba(45,109,170,.26)}
.sync-review-modal #confirmEnableInventorySync:disabled{opacity:.5;background:#2d6daa!important}
@media(max-width:900px){#inventorySyncPreviewPanel .sync-excluded-row{grid-template-columns:minmax(0,1fr) max-content;gap:10px}#inventorySyncPreviewPanel .sync-excluded-badge{grid-column:2;grid-row:1}#inventorySyncPreviewPanel .sync-excluded-row>button{grid-column:1/-1;justify-self:end}}
@media(max-width:700px){#modal .modal-card.sync-review-modal{width:100%;padding:15px} .sync-review-modal .sync-modal-actions{flex-direction:column-reverse}.sync-review-modal .sync-modal-actions>button{width:100%!important}}

.sync-floating-tooltip{position:fixed;z-index:1000;max-width:min(290px,calc(100vw - 16px));width:max-content;background:#0c1725;border:1px solid #45617d;border-radius:9px;padding:9px 12px;line-height:1.45;font-size:12px;color:#e7edf5;box-shadow:0 12px 30px rgba(0,0,0,.55);pointer-events:none}
.sync-floating-tooltip[hidden]{display:none!important}
#inventorySyncPreviewPanel .sync-help .sync-tooltip{display:none!important}


/* BPIQ Sync Preview accepted layout — tight columns, complete two-line conversion, no desktop horizontal scrollbar. */
#inventorySyncPreviewPanel .sync-preview-table-wrap{
  overflow-x:clip!important;
  overflow-y:visible!important;
  width:100%;min-width:0;max-width:100%;
}
#inventorySyncPreviewPanel .sync-preview-table{
  width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;
}
#inventorySyncPreviewPanel .sync-preview-table th,
#inventorySyncPreviewPanel .sync-preview-table td{min-width:0;overflow-wrap:break-word}
#inventorySyncPreviewPanel .sync-preview-table th{font-size:13px;padding:13px 6px;white-space:normal}
#inventorySyncPreviewPanel .sync-preview-table td{padding:13px 6px}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(1),#inventorySyncPreviewPanel .sync-preview-table td:nth-child(1){width:4%}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(2),#inventorySyncPreviewPanel .sync-preview-table td:nth-child(2){width:33%}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(3),#inventorySyncPreviewPanel .sync-preview-table td:nth-child(3){width:10%;text-align:center}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(4),#inventorySyncPreviewPanel .sync-preview-table td:nth-child(4){width:15%;text-align:center}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(5),#inventorySyncPreviewPanel .sync-preview-table td:nth-child(5){width:18%;text-align:center}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(6),#inventorySyncPreviewPanel .sync-preview-table td:nth-child(6){width:20%;text-align:center}
#inventorySyncPreviewPanel .sync-listing-wrap{gap:10px}
#inventorySyncPreviewPanel .sync-listing-wrap>div{min-width:0}
#inventorySyncPreviewPanel .sync-listing-wrap strong{font-size:13px;line-height:1.32}
#inventorySyncPreviewPanel .sync-listing-wrap .muted{font-size:11px;line-height:1.4}
#inventorySyncPreviewPanel .sync-listing-wrap .match-thumb,
#inventorySyncPreviewPanel .sync-listing-wrap .match-thumb-wrap{width:56px;height:56px;flex-basis:56px}
#inventorySyncPreviewPanel .sync-preview-value{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-width:0
}
#inventorySyncPreviewPanel .sync-preview-cell .status.sync-proposed{
  display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
  gap:1px;min-width:0;max-width:100%;width:auto;box-sizing:border-box;
  padding:6px 8px;font-size:12px;font-weight:650;line-height:1.3;
  text-align:center;white-space:normal;overflow-wrap:normal;hyphens:none;
  border-radius:16px;
}
#inventorySyncPreviewPanel .sync-preview-cell .sync-proposed-before,
#inventorySyncPreviewPanel .sync-preview-cell .sync-proposed-after{display:block;white-space:nowrap}
#inventorySyncPreviewPanel .sync-header-help{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:normal;max-width:100%}
#inventorySyncPreviewPanel .sync-header-help .sync-help{flex:0 0 18px}
#inventorySyncPreviewPanel .sync-action-buttons{
  width:100%;max-width:170px;margin-inline:auto;
  display:flex;flex-direction:column;align-items:stretch;gap:6px;
}
#inventorySyncPreviewPanel .sync-action-buttons button{
  box-sizing:border-box;width:100%;min-width:0;min-height:35px;
  padding:8px 7px;font-size:12px;font-weight:600;line-height:1.2;
  overflow-wrap:normal;white-space:normal;border-radius:9px;
}
/* At genuinely narrow widths use stacked row cards instead of a sideways-scrolling table. */
@media(max-width:1120px){
  #inventorySyncPreviewPanel .sync-preview-table thead{display:block}
  #inventorySyncPreviewPanel .sync-preview-table thead tr{display:flex;align-items:center;gap:8px;padding:8px 10px}
  #inventorySyncPreviewPanel .sync-preview-table thead th{display:none}
  #inventorySyncPreviewPanel .sync-preview-table thead th:first-child{display:block;width:auto;padding:3px 8px 3px 0}
  #inventorySyncPreviewPanel .sync-preview-table thead th:first-child::after{content:' Select all ready listings';margin-left:9px;color:#cbd5e1;vertical-align:middle;font-size:13px;font-weight:600}
  #inventorySyncPreviewPanel .sync-preview-table tbody{display:grid;gap:10px}
  #inventorySyncPreviewPanel .sync-preview-table tbody tr{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(140px,.6fr);gap:12px;background:#0d1520;border:1px solid #2d3c4f;border-radius:10px;padding:12px}
  #inventorySyncPreviewPanel .sync-preview-table tbody td{display:block!important;width:auto!important;text-align:left!important;padding:0!important;border:none}
  #inventorySyncPreviewPanel .sync-preview-table tbody td:nth-child(1){grid-column:1;grid-row:1}
  #inventorySyncPreviewPanel .sync-preview-table tbody td:nth-child(2){grid-column:2;grid-row:1}
  #inventorySyncPreviewPanel .sync-preview-table tbody td:nth-child(3){grid-column:2;grid-row:2}
  #inventorySyncPreviewPanel .sync-preview-table tbody td:nth-child(4){grid-column:2;grid-row:3}
  #inventorySyncPreviewPanel .sync-preview-table tbody td:nth-child(5){grid-column:3;grid-row:1/3;align-self:center;text-align:center!important}
  #inventorySyncPreviewPanel .sync-preview-table tbody td:nth-child(6){grid-column:3;grid-row:3;align-self:end;text-align:center!important}
  #inventorySyncPreviewPanel .sync-preview-table tbody td:nth-child(3)::before{content:'Inventory: ';color:#cbd5e1;font-size:12px}
  #inventorySyncPreviewPanel .sync-preview-table tbody td:nth-child(4)::before{content:'Channel stock: ';color:#cbd5e1;font-size:12px}
  #inventorySyncPreviewPanel .sync-action-buttons{max-width:210px}
}
@media(max-width:640px){
  #inventorySyncPreviewPanel .sync-preview-table tbody tr{grid-template-columns:28px minmax(0,1fr);gap:10px}
  #inventorySyncPreviewPanel .sync-preview-table tbody td:nth-child(5){grid-column:2;grid-row:4;text-align:left!important}
  #inventorySyncPreviewPanel .sync-preview-table tbody td:nth-child(6){grid-column:2;grid-row:5;text-align:left!important}
  #inventorySyncPreviewPanel .sync-preview-value{align-items:flex-start}
  #inventorySyncPreviewPanel .sync-action-buttons{max-width:220px;margin-inline:0}
  #inventorySyncPreviewPanel .sync-preview-head{flex-wrap:wrap}
}
/* The accepted selling-price confirmation style, applied only to the sync conversion acknowledgment. */
#modal .sync-review-modal .sync-confirm-check{
  display:flex;align-items:flex-start;gap:14px;
  padding:17px 19px;
  border:1px solid #345775;
  border-radius:11px;
  background:linear-gradient(110deg,#102a45 0%,#10263d 45%,#112c46 100%);
  color:#e2edf9;font-size:14px;font-weight:450;line-height:1.55;
}
#modal .sync-review-modal .sync-confirm-check:has(input:focus-visible){border-color:#8abfec;box-shadow:0 0 0 2px rgba(138,191,236,.20)}
#modal .sync-review-modal .sync-confirm-check input[type=checkbox]{
  width:20px;height:20px;flex:0 0 20px;margin:2px 0 0;
  accent-color:#2d6daa;cursor:pointer;
}
#modal .sync-review-modal .sync-confirm-check span{color:#e4edf8}
#modal .sync-review-modal .sync-modal-item>[role='cell']{padding:12px 14px}
#modal .sync-review-modal .sync-modal-columns>span{padding:12px 14px}
#modal .sync-review-modal .sync-modal-actions{margin-top:2px}

/* 2026-10-26: Approved Inventory Matching cleanup. Scoped to this page only.
   Preserve existing matching decisions, checkbox behavior and Inventory Sync. */
#view-matching .match-cleanup-controls{
  display:grid;
  grid-template-columns:minmax(155px,195px) minmax(165px,210px) minmax(180px,1fr) auto;
  gap:12px;
  align-items:end;
  padding:18px 20px 10px;
}
#view-matching .match-cleanup-controls .match-control{
  min-width:0;
}
#view-matching .match-cleanup-controls .match-control>span{
  color:#CBD5E1;
  font-weight:600;
}
#view-matching .match-cleanup-controls .match-search-control{grid-column:auto}
#view-matching .match-filter-area{padding:8px 20px 16px}
#view-matching .match-filter-heading{color:#CBD5E1;font-size:14px;font-weight:600;margin:0 0 9px}
#view-matching .match-cleanup-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:0;
}
#view-matching .match-cleanup-summary .match-summary-pill{
  min-height:54px;
  padding:10px 13px;
  border-radius:10px;
  background:#0c131c;
  border:1px solid #2b394c;
  white-space:normal;
}
#view-matching .match-cleanup-summary .match-summary-pill span{
  color:#CBD5E1;
  font-size:14px;
  font-weight:500;
}
#view-matching .match-cleanup-summary .match-summary-pill strong{
  color:#f1f5f9;
  font-size:21px;
  font-weight:700;
  flex-shrink:0;
}
#view-matching .match-cleanup-summary .match-summary-pill.active{
  border-color:#65809D;
  background:#1B3046;
  box-shadow:inset 0 0 0 1px rgba(138,191,236,.14);
}
#view-matching .match-cleanup-summary .match-summary-pill:hover{
  border-color:#7993AC;
  background:#172434;
}
#view-matching .match-cleanup-summary .match-summary-pill:focus-visible{
  outline:2px solid #8ABFEC;
  outline-offset:2px;
}
#view-matching #matchReviewTableWrap[hidden],
#view-matching #matchEmptyState[hidden]{display:none!important}
#view-matching .match-cleanup-empty{
  margin:5px 20px 18px;
  padding:23px 14px;
  border:1px solid #2b394c;
  border-radius:12px;
  background:#0c131c;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-align:center;
}
#view-matching .match-cleanup-empty-icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  color:#65D6A0;
  background:#123025;
  border:1px solid #28523D;
  font-size:17px;
  font-weight:700;
}
#view-matching #matchEmptyTitle{color:#eef4fb;font-size:15px;font-weight:650}
#view-matching #matchEmptyDescription{color:#A8B6C8;font-size:13px}
@media (max-width:900px){
  #view-matching .match-cleanup-controls{grid-template-columns:1fr 1fr;padding:14px 12px 8px}
  #view-matching .match-cleanup-controls .match-search-control{grid-column:1/-1}
  #view-matching .match-cleanup-controls .match-refresh-btn{width:max-content}
  #view-matching .match-filter-area{padding-left:12px;padding-right:12px}
  #view-matching .match-cleanup-summary{grid-template-columns:1fr 1fr}
  #view-matching .match-cleanup-empty{margin-left:12px;margin-right:12px}
}
@media (max-width:540px){
  #view-matching .match-cleanup-controls{grid-template-columns:1fr}
  #view-matching .match-cleanup-controls .match-search-control{grid-column:auto}
  #view-matching .match-cleanup-controls .match-refresh-btn{width:100%}
  #view-matching .match-cleanup-summary .match-summary-pill{min-height:62px;align-items:flex-start;gap:5px}
  #view-matching .match-cleanup-summary .match-summary-pill span{font-size:13px}
}


/* 2026-10-26 approved Inventory Sync EMPTY state. Keep populated sync UI unchanged. */
#inventorySyncPreviewPanel .sync-enable-bulk:disabled,
#inventorySyncPreviewPanel .sync-enable-bulk:disabled:hover{
  background:#293e59!important;border:1px solid #3b5272!important;
  color:#9eb3cb!important;opacity:.72!important;cursor:not-allowed!important;
  box-shadow:none!important;filter:none!important;transform:none!important;
}
#inventorySyncPreviewPanel.sync-no-ready .sync-preview-info{
  display:block;border:1px solid #28588d!important;
  background:linear-gradient(105deg,#102941,#102237 65%,#132941)!important;
  padding:11px 14px!important;border-radius:10px;
}
#inventorySyncPreviewPanel .sync-empty-info-row{display:flex;align-items:center;gap:12px;min-width:0}
#inventorySyncPreviewPanel .sync-empty-info-icon{
  display:inline-grid;place-items:center;width:34px;height:34px;flex:0 0 34px;
  border-radius:50%;background:#2d6daa;color:#fff;font-size:19px;font-family:Georgia,serif;font-weight:700
}
#inventorySyncPreviewPanel .sync-empty-info-content{display:flex;flex-direction:column;gap:3px;line-height:1.35;color:#b8c9dc;font-size:13px}
#inventorySyncPreviewPanel .sync-empty-info-content strong{color:#eaf1fa;font-size:14px}
#inventorySyncPreviewPanel.sync-no-ready .sync-preview-table tbody{display:none!important}
#inventorySyncPreviewPanel .sync-empty-visual{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:6px;padding:13px 12px 18px;text-align:center;
  border:1px solid #26374a;border-top:none;border-radius:0 0 10px 10px;
  color:#aec0d6;font-size:13px;min-height:104px
}
#inventorySyncPreviewPanel .sync-empty-visual strong{font-size:15px;color:#eff4fa;line-height:1.45}
#inventorySyncPreviewPanel .sync-empty-icon{
  width:34px;height:34px;fill:none;stroke:#8ba2bd;stroke-width:1.4;
  stroke-linecap:round;stroke-linejoin:round;margin-bottom:2px
}
#inventorySyncPreviewPanel.sync-no-ready .sync-preview-table-wrap{margin-top:10px!important}
#inventorySyncPreviewPanel.sync-no-ready .sync-preview-table thead{position:static}
@media(max-width:1120px){
  #inventorySyncPreviewPanel.sync-no-ready .sync-preview-table thead{display:table-header-group!important}
  #inventorySyncPreviewPanel.sync-no-ready .sync-preview-table thead tr{display:table-row!important;padding:0!important}
  #inventorySyncPreviewPanel.sync-no-ready .sync-preview-table thead th{display:table-cell!important;padding:10px 4px!important;font-size:11px!important;vertical-align:middle}
  #inventorySyncPreviewPanel.sync-no-ready .sync-preview-table thead th:first-child::after{content:none!important}
  #inventorySyncPreviewPanel.sync-no-ready .sync-header-help{gap:3px}
}
@media(max-width:700px){
  #inventorySyncPreviewPanel.sync-no-ready .sync-preview-table thead th{font-size:10px!important}
  #inventorySyncPreviewPanel.sync-no-ready .sync-preview-table thead th:nth-child(4){display:none!important}
}



/* 2026-10-26 APPROVED SITE-WIDE HELP UI — Option 3: refined Steel Blue.
   Visual standard only: preserve existing trigger events, rich content, and tooltip placement. */
:root{
  --bpiq-info-ring:#5A9DE0;
  --bpiq-info-ink:#A8D2F5;
  --bpiq-info-border:#3C6A95;
  --bpiq-info-bg:#102338;
  --bpiq-info-popup-bg:#0D1B2C;
  --bpiq-info-popup-border:#4D81B1;
}
/* One clean ring, with the simple i character instead of the old doubled-ring glyph. */
:is(.inventory-help,.track-separate-help,.pricing-info-btn,.review-help),
.match-header-help .sync-help,
#inventorySyncPreviewPanel .sync-help{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 18px;
  width:18px;
  height:18px;
  min-width:18px;
  padding:0;
  border:1.4px solid var(--bpiq-info-border);
  border-radius:50%;
  background:#0C1C2B;
  color:var(--bpiq-info-ink);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:12px;
  font-style:normal;
  font-weight:750;
  line-height:1;
  text-align:center;
  text-decoration:none;
  vertical-align:middle;
  cursor:help;
  outline:0;
  transition:color .14s ease,border-color .14s ease,background-color .14s ease,box-shadow .14s ease,transform .14s ease;
}
:is(.inventory-help,.track-separate-help,.pricing-info-btn,.review-help):is(:hover,:focus-visible,:focus),
.match-header-help .sync-help:is(:hover,:focus-visible,:focus),
#inventorySyncPreviewPanel .sync-help:is(:hover,:focus-visible,:focus){
  color:#D7EDFF;
  background:#163957;
  border-color:var(--bpiq-info-ring);
  box-shadow:0 0 0 2px rgba(90,157,224,.15),0 0 14px rgba(75,152,220,.22);
  transform:translateY(-1px);
}
:is(.inventory-help,.track-separate-help,.pricing-info-btn,.review-help):focus-visible,
.match-header-help .sync-help:focus-visible,
#inventorySyncPreviewPanel .sync-help:focus-visible{
  outline:2px solid #7ABBF2;
  outline-offset:3px;
}
@media(prefers-reduced-motion:reduce){
  :is(.inventory-help,.track-separate-help,.pricing-info-btn,.review-help),
  .match-header-help .sync-help,
#inventorySyncPreviewPanel .sync-help{transition:none;transform:none!important}
}
/* Steel Blue tooltip treatment across Inventory, Matching, Sync, Pricing, Review Center. */
:is(.inventory-tooltip,.track-separate-tooltip,.match-tooltip,.pricing-info-popover,.review-help-popover,.sync-floating-tooltip),
#inventorySyncPreviewPanel .sync-tooltip{
  box-sizing:border-box;
  background:var(--bpiq-info-popup-bg)!important;
  border:1px solid var(--bpiq-info-popup-border)!important;
  border-radius:10px!important;
  color:#DCE9F8!important;
  box-shadow:0 12px 28px rgba(0,0,0,.48),0 0 0 1px rgba(84,146,201,.10)!important;
  font-size:12px;
  font-weight:400;
  line-height:1.5;
}
.pricing-info-popover strong{color:var(--bpiq-info-ink)!important}
.pricing-info-popover span{color:#C9D8E8!important}
:is(.inventory-tooltip,.track-separate-tooltip,.match-tooltip,.pricing-info-popover,.review-help-popover,.sync-floating-tooltip) strong{font-weight:700}
/* The empty state message is intentionally text-only; no decorative box illustration. */
#inventorySyncPreviewPanel .sync-empty-visual{min-height:85px;padding:11px 12px 15px;gap:6px}
/* Help bubbles are explanatory, never interactive. Don't obscure neighboring buttons. */
:is(.pricing-info-popover,.review-help-popover,.inventory-tooltip,.track-separate-tooltip,.match-tooltip,.sync-floating-tooltip){pointer-events:none!important}


/* Approved visual repair: the empty Sync message is its own rounded panel,
   not an extension of the table header with squared upper corners. */
#inventorySyncPreviewPanel.sync-no-ready .sync-empty-visual {
  margin-top:8px;
  border:1px solid #30465E;
  border-radius:10px;
}

/* Inventory help is placed on the viewport layer, never under a sticky table
   header, a search field, or a clipped/scrolling panel. */
.inventory-help .inventory-tooltip { display:none !important; }
.inventory-floating-tooltip {
  box-sizing:border-box;
  position:fixed;
  z-index:2147483000;
  max-width:min(300px,calc(100vw - 16px));
  width:max-content;
  padding:11px 13px;
  border:1px solid #4D81B1;
  border-radius:10px;
  background:#0D1B2C;
  color:#DCE9F8;
  box-shadow:0 12px 28px rgba(0,0,0,.48),0 0 0 1px rgba(84,146,201,.10);
  font-size:12px;
  font-weight:400;
  line-height:1.5;
  text-align:left;
  white-space:normal;
  pointer-events:none;
}
.inventory-floating-tooltip[hidden] {display:none!important}
.inventory-floating-tooltip::after {
  content:'';
  position:absolute;
  width:9px;height:9px;
  background:#0D1B2C;
  border-right:1px solid #4D81B1;
  border-bottom:1px solid #4D81B1;
  left:var(--bpiq-tip-arrow-x,50%);
  bottom:-5px;
  transform:translateX(-50%) rotate(45deg);
}
.inventory-floating-tooltip[data-placement=below]::after {
  bottom:auto;top:-5px;
  transform:translateX(-50%) rotate(225deg);
}


/* 2026-10-26 Inventory Matching alignment cleanup: THIS table only.
   The first column is fixed; the other percentages share the remaining width,
   avoiding the old 100%-plus-checkbox over-allocation and forced min-widths. */
#view-matching .match-review-table-wrap{
  width:auto;
  max-width:none;
  margin:0 20px;
  padding:0;
  overflow:visible;
}
#view-matching .match-review-table-wrap .match-table{
  width:100%;
  min-width:0;
  max-width:100%;
  table-layout:fixed;
}
#view-matching .match-review-table-wrap .match-col-check{width:54px}
#view-matching .match-review-table-wrap .match-col-source{width:29%}
#view-matching .match-review-table-wrap .match-col-target{width:31%}
#view-matching .match-review-table-wrap .match-col-confidence{width:15%}
#view-matching .match-review-table-wrap .match-col-actions{width:20%}
#view-matching .match-review-table-wrap .match-table th,
#view-matching .match-review-table-wrap .match-table td{
  box-sizing:border-box;
  width:auto!important;
  min-width:0!important;
  max-width:none;
  padding-left:9px;
  padding-right:9px;
  overflow-wrap:break-word;
  vertical-align:middle;
}
#view-matching .match-review-table-wrap .match-table .match-select-head,
#view-matching .match-review-table-wrap .match-table .match-select-cell{
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  padding:12px 11px!important;
  text-align:center;
}
#view-matching .match-review-table-wrap .match-table :is(.match-source-cell,.suggested-inventory-cell,.match-status-cell,.match-action-cell){
  min-width:0!important;
}
#view-matching .match-review-table-wrap .match-listing-cell,
#view-matching .match-review-table-wrap .match-pool-preview{
  display:flex;
  align-items:center;
  gap:11px;
  width:100%;
  min-width:0!important;
  max-width:100%;
}
#view-matching .match-review-table-wrap .match-listing-cell>div,
#view-matching .match-review-table-wrap .match-pool-preview>div{
  min-width:0;
  flex:1 1 auto;
  overflow-wrap:anywhere;
}
#view-matching .match-review-table-wrap .match-listing-cell strong{
  display:block;
  line-height:1.4;
  overflow-wrap:anywhere;
}
#view-matching .match-review-table-wrap .match-listing-cell .muted{
  overflow-wrap:anywhere;
  line-height:1.45;
  margin-top:4px;
}
#view-matching .match-review-table-wrap .match-pool-picker{
  width:100%;
  max-width:100%;
  min-width:0;
  margin-top:9px;
}
#view-matching .match-review-table-wrap .match-pool-select{
  width:100%;
  min-width:0!important;
  max-width:100%;
  box-sizing:border-box;
}
#view-matching .match-review-table-wrap .match-status-help{
  max-width:100%;
  min-width:0;
  display:inline-flex;
}
#view-matching .match-review-table-wrap .match-status-help .status{
  max-width:100%;
  white-space:normal;
  text-align:center;
  justify-content:center;
  overflow-wrap:normal;
}
#view-matching .match-review-table-wrap .match-action-cell .button-row{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  margin:0;
  min-width:0;
  width:100%;
  flex-wrap:nowrap;
}
#view-matching .match-review-table-wrap .match-action-cell button{
  width:auto;
  max-width:100%;
  box-sizing:border-box;
  white-space:normal;
  text-align:center;
  line-height:1.3;
  padding:9px 11px;
}
#view-matching .match-review-table-wrap .track-separate-wrap{
  display:inline-flex;
  align-items:center;
  gap:7px;
  max-width:100%;
  min-width:0;
}
#view-matching .match-review-table-wrap .track-separate-help{flex:0 0 18px}
#view-matching .match-review-table-wrap .track-separate-tooltip{
  right:0;
  left:auto;
}
/* Keep meaningful columns on narrow screens instead of compressing text into overlap. */
@media(max-width:1120px){
  #view-matching .match-review-table-wrap{overflow-x:auto;overflow-y:visible;max-width:calc(100% - 40px)}
  #view-matching .match-review-table-wrap .match-table{min-width:990px;max-width:none}
}
@media(max-width:900px){
  #view-matching .match-review-table-wrap{margin-left:12px;margin-right:12px;max-width:calc(100% - 24px)}
}


/* 2026-10-26 approved matching/sync harmonization — Preview Only.
   Reference: existing 20px padding of the Inventory Sync panel. */
#view-matching > .panel:first-child,
#view-matching > #inventorySyncPreviewPanel {box-sizing:border-box;width:100%;max-width:100%;}
/* The Matching block already has 20px padding via .panel. Avoid a SECOND
   20px inset on every child; both panels now share identical outer gutters. */
#view-matching .match-safety-note{margin-left:0!important;margin-right:0!important;}
#view-matching .match-filter-area{padding-left:0!important;padding-right:0!important;}
#view-matching .match-cleanup-controls{padding-left:0!important;padding-right:0!important;gap:10px;}
#view-matching .match-cleanup-summary{gap:10px;}
#view-matching .match-bulk-bar{margin-left:0!important;margin-right:0!important;}
#view-matching .match-cleanup-empty{margin-left:0!important;margin-right:0!important;}
#view-matching .match-review-table-wrap{margin-left:0!important;margin-right:0!important;width:100%;max-width:100%;}
/* Controls remain four in the same approved order; Search gets reclaimed room. */
@media(min-width:901px){
  #view-matching .match-cleanup-controls{
    grid-template-columns:minmax(150px,195px) minmax(155px,210px) minmax(220px,1fr) auto;
  }
}
/* Content columns use all available inner width, without changing buttons or
   product-image sizes. The checkbox lane is 48px; remaining fractions total 100%. */
#view-matching .match-review-table-wrap .match-col-check{width:48px;}
#view-matching .match-review-table-wrap .match-col-source{width:33%;}
#view-matching .match-review-table-wrap .match-col-target{width:33%;}
#view-matching .match-review-table-wrap .match-col-confidence{width:13%;}
#view-matching .match-review-table-wrap .match-col-actions{width:18%;}
#view-matching .match-review-table-wrap .match-table .match-select-head,
#view-matching .match-review-table-wrap .match-table .match-select-cell{
  width:48px!important;min-width:48px!important;max-width:48px!important;
  padding-left:8px!important;padding-right:8px!important;
}
#view-matching .match-review-table-wrap .match-table th,
#view-matching .match-review-table-wrap .match-table td{padding-left:8px;padding-right:8px;}
#view-matching .match-review-table-wrap .match-status-help .status{padding:6px 7px;}
#view-matching .match-review-table-wrap .match-action-cell .button-row{align-items:flex-start;gap:8px;}
/* Steel Blue row-level primary: slightly quieter than the bulk primary. */
#view-matching .match-review-table-wrap .match-action-cell button.match-link-btn{
  background:#275F91!important;border:1px solid #3D79AC!important;color:#F8FBFF!important;
  font-weight:650;box-shadow:none;
}
#view-matching .match-review-table-wrap .match-action-cell button.match-link-btn:hover:not(:disabled){
  background:#3679B4!important;border-color:#6CA7D9!important;
  box-shadow:0 0 0 1px rgba(138,191,236,.14);
}
/* Header help immediately follows 'Action'; same 18px site-wide info trigger
   and seven-pixel inline gap used by Inventory Sync column headings. */
#view-matching .match-header-help{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;}
#view-matching .match-header-help .sync-help .sync-tooltip{display:none!important;}
/* After removing redundant Preview info icon, recenter the badge in its row.
   The approved two-line badge, styling, and sync warning stay unchanged. */
#inventorySyncPreviewPanel .sync-preview-cell{vertical-align:middle!important;}
#inventorySyncPreviewPanel .sync-preview-cell .sync-preview-value{
  min-height:72px;justify-content:center;align-items:center;
}
@media(max-width:1120px){
  #view-matching .match-review-table-wrap{overflow-x:auto;overflow-y:visible;}
  #view-matching .match-review-table-wrap .match-table{min-width:990px;max-width:none;}
}
@media(max-width:640px){
  #inventorySyncPreviewPanel .sync-preview-cell .sync-preview-value{align-items:flex-start;min-height:0;}
}


/* 2026-10-26 MATCHING TABLE CORRECTION — preview-only, scoped to Matching.
   Fix reported from f52f6307: the global table header sticky rule must not
   follow the page scroll on this table. The existing Inventory Sync panel's
   20px padding remains the alignment reference. */
#view-matching #matchReviewTableWrap .match-table thead,
#view-matching #matchReviewTableWrap .match-table thead tr,
#view-matching #matchReviewTableWrap .match-table thead th{
  position:static!important;
  top:auto!important;
  inset-block-start:auto!important;
}
/* The table fills the 20px-padded panel content area on both sides, and
   columns share exactly the width remaining after the fixed checkbox lane. */
#view-matching #matchReviewTableWrap{
  box-sizing:border-box;
  width:100%;max-width:100%;
  margin-left:0!important;margin-right:0!important;
  padding-left:0!important;padding-right:0!important;
}
#view-matching #matchReviewTableWrap .match-table{
  width:100%;max-width:100%;table-layout:fixed;
}
/* Fixed lanes keep Action buttons full-sized and Confidence compact;
   the two product lanes split all remaining room equally. Use a CSS
   calc that the table column algorithm actually resolves (no multiplication). */
#view-matching #matchReviewTableWrap .match-col-check{width:48px}
#view-matching #matchReviewTableWrap .match-col-source{width:calc(50% - 192px)}
#view-matching #matchReviewTableWrap .match-col-target{width:calc(50% - 192px)}
#view-matching #matchReviewTableWrap .match-col-confidence{width:146px}
#view-matching #matchReviewTableWrap .match-col-actions{width:190px}
/* Symmetric visual gutter: checkbox begins 12px inside the panel's content
   edge, and the end of BOTH action buttons sits 12px before the other edge. */
#view-matching #matchReviewTableWrap .match-table :is(.match-select-head,.match-select-cell){
  padding-left:12px!important;padding-right:0!important;
  text-align:left!important;
}
#view-matching #matchReviewTableWrap .match-table :is(.match-select-head,.match-select-cell) input{
  margin-left:0!important;margin-right:0!important;
}
#view-matching #matchReviewTableWrap .match-table :is(th:last-child,.match-action-cell){
  padding-right:12px!important;
}
#view-matching #matchReviewTableWrap .match-action-cell .button-row{
  width:100%;align-items:flex-end!important;justify-content:center;
  flex-direction:column;gap:8px;
}
/* Matched primary and secondary dimensions, as explicitly requested.
   156px is the already-approved primary button width on desktop. */
#view-matching #matchReviewTableWrap .match-action-cell .button-row button{
  box-sizing:border-box;
  display:inline-flex;align-items:center;justify-content:center;
  width:156px!important;min-width:156px!important;max-width:100%!important;
  height:48px!important;min-height:48px!important;
  margin:0!important;padding:0 10px!important;
  text-align:center;white-space:nowrap;
}
@media(max-width:1120px){
  #view-matching #matchReviewTableWrap .match-table{min-width:990px;max-width:none}
}

/* 2026-10-26: Center Match Confidence badges INSIDE their unchanged column.
   No changes to the fixed colgroup widths, action sizes or scroll behavior. */
#view-matching #matchReviewTableWrap .match-table .match-status-cell{
  text-align:center!important;vertical-align:middle!important;
}
#view-matching #matchReviewTableWrap .match-table .match-status-cell .match-status-help{
  display:inline-flex;max-width:100%;vertical-align:middle;
}


/* 2026-10-26 final approved Inventory Matching COLUMN ALIGNMENT, preview-only.
   Ecwid heading/product remains left-aligned. The eBay heading and the
   Match Confidence / Action headings are centered in their existing lanes.
   Keep the eBay product image/text/dropdown left-aligned for readability.
   Crucially, the fixed table widths, 20px panel gutters, action button sizes,
   right-edge alignment and non-sticky scrolling remain untouched. */
#view-matching #matchReviewTableWrap .match-table thead th:nth-child(2){
  text-align:left!important;
}
#view-matching #matchReviewTableWrap .match-table thead th:nth-child(3),
#view-matching #matchReviewTableWrap .match-table thead th:nth-child(4),
#view-matching #matchReviewTableWrap .match-table thead th:nth-child(5){
  text-align:center!important;
}
/* A block-level, shrink-to-fit wrapper with equal auto margins guarantees
   the badge centerline equals the Confidence column centerline (both axes).
   The evidence tooltip and status colors/sizes stay the same. */
#view-matching #matchReviewTableWrap .match-table .match-status-cell .match-status-help{
  display:flex!important;
  width:max-content;
  max-width:100%;
  margin-left:auto!important;
  margin-right:auto!important;
  align-items:center;
  justify-content:center;
}
/* 'Action i' stays an inline unit immediately beside the word; the full
   unit sits visually above the existing, equally sized stacked buttons. */
#view-matching #matchReviewTableWrap .match-table thead th:nth-child(5) .match-header-help{
  display:inline-flex;
  vertical-align:middle;
}


/* 2026-10-26 PREVIEW-ONLY: adopt the existing Inventory Sync table header
   typography as BPIQ's reusable data-table header design token. For this
   trial only Inventory Matching shares that treatment; all other application
   table headers and every workflow remain unchanged. */
:root{
  --bpiq-table-header-size:13px;
  --bpiq-table-header-weight:600;
  --bpiq-table-header-color:#AEB8C5;
  --bpiq-table-header-y-padding:13px;
  --bpiq-table-header-x-padding:6px;
}
/* This restates Inventory Sync's EXISTING computed design values; no visual
   change intended within Inventory Sync itself. */
#inventorySyncPreviewPanel .sync-preview-table thead th{
  font-size:var(--bpiq-table-header-size);
  font-weight:var(--bpiq-table-header-weight);
  color:var(--bpiq-table-header-color);
  padding:var(--bpiq-table-header-y-padding) var(--bpiq-table-header-x-padding);
}
/* The old Matching 17px heading override was making the two tables look
   unrelated. Use exactly the same 13px / 600 / Steel Slate as Inventory Sync. */
#view-matching #matchReviewTableWrap .match-table thead th:not(.match-select-head){
  font-size:var(--bpiq-table-header-size)!important;
  font-weight:var(--bpiq-table-header-weight)!important;
  color:var(--bpiq-table-header-color)!important;
  padding-top:var(--bpiq-table-header-y-padding)!important;
  padding-bottom:var(--bpiq-table-header-y-padding)!important;
  padding-left:var(--bpiq-table-header-x-padding);
  padding-right:var(--bpiq-table-header-x-padding);
  line-height:1.45;
}
/* Same approved data-table hierarchy: identity starts at the left; the
   remaining heading groups are centered in their existing columns. */
#view-matching #matchReviewTableWrap .match-table thead th:nth-child(2){text-align:left!important;}
#view-matching #matchReviewTableWrap .match-table thead th:nth-child(n+3){text-align:center!important;}
#view-matching #matchReviewTableWrap .match-table thead th:nth-child(5) .match-header-help{
  display:inline-flex;
  align-items:center;
  gap:9px; /* identical to the existing Inventory Sync column-header icon gap */
  vertical-align:middle;
}
/* Structural badge-centering fix: the previous max-content wrapper with auto
   margins could center relative to varying inner text boxes. Make the wrapper
   span 100% of its cell, with zero horizontal padding, and center the badge
   itself within this full lane. This does not move any column boundaries. */
#view-matching #matchReviewTableWrap .match-table tbody td.match-status-cell{
  box-sizing:border-box;
  padding-left:0!important;
  padding-right:0!important;
  text-align:center!important;
  vertical-align:middle!important;
}
#view-matching #matchReviewTableWrap .match-table tbody td.match-status-cell > .match-status-help{
  display:flex!important;
  position:relative;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  align-items:center;
  justify-content:center!important;
}
#view-matching #matchReviewTableWrap .match-table .match-status-help > .status{
  flex:0 0 auto;
}


/* 2026-10-26 Larger, consistent PRIMARY PAGE data-table headers — PREVIEW ONLY.
   Restore the approved original Inventory Matching 17px heading treatment
   to main-page Listings, Inventory, Matching, Inventory Sync and Pricing
   Profiles tables. This is a table-header design standard only, not cards,
   modal dialogs, review-workspace layouts, data cells or functional controls. */
:root{
  --bpiq-table-header-size:17px;
  --bpiq-table-header-weight:700;
  --bpiq-table-header-color:#CFD6E0;
}
#view-listings .table-wrap table thead th,
#view-inventory .inventory-table thead th,
#view-matching #matchReviewTableWrap .match-table thead th:not(.match-select-head),
#inventorySyncPreviewPanel .sync-preview-table thead th:not(.sync-select-head),
#view-profiles .profiles-table thead th,
#view-activity .table-wrap table thead th{
  font-size:var(--bpiq-table-header-size)!important;
  font-weight:var(--bpiq-table-header-weight)!important;
  color:var(--bpiq-table-header-color)!important;
  line-height:1.35;
}
/* Respect the Inventory Sync small-screen card-mode header, where only its
   checkbox and explanatory label appear in a narrow viewport. */
@media(max-width:900px){
  #inventorySyncPreviewPanel.sync-no-ready .sync-preview-table thead th,
  #inventorySyncPreviewPanel .sync-preview-table thead th:not(.sync-select-head){
    font-size:15px!important;
  }
}
@media(max-width:700px){
  #inventorySyncPreviewPanel.sync-no-ready .sync-preview-table thead th{
    font-size:13px!important;
  }
}
/* Inventory and Inventory Sync follow one header alignment rule: product
   identity left; all numerical, stock/status and action category headers
   centered. Headline/info icon remains an immediately adjacent inline group. */
#view-inventory .inventory-table thead th:first-child,
#inventorySyncPreviewPanel .sync-preview-table thead th:nth-child(2),
#view-profiles .profiles-table thead th:first-child,
#view-listings .table-wrap table thead th:nth-child(3){text-align:left!important}
#view-inventory .inventory-table thead th:nth-child(n+2),
#inventorySyncPreviewPanel .sync-preview-table thead th:nth-child(n+3),
#view-profiles .profiles-table thead th:nth-child(n+2){text-align:center!important}
#view-inventory .inventory-table .inventory-header-help,
#inventorySyncPreviewPanel .sync-preview-table .sync-header-help{
  display:inline-flex;
  gap:9px;
  align-items:center;
  vertical-align:middle;
}
/* Previous preview's 13px trial is superseded for Matching, without
   modifying its checkbox, information icon, column padding or scrolling. */
#view-matching #matchReviewTableWrap .match-table thead th:not(.match-select-head){
  font-size:17px!important;
  padding-top:15px!important;
  padding-bottom:15px!important;
}
/* The MATCHED Action buttons themselves do not shrink (156x48). But the
   action *lane* previously reserved 190px, leaving a large blank margin
   beside the confidence badge. Reclaim only that unused 22px for BOTH
   product lanes. The whole confidence lane consequently shifts 22px to the
   right; its badge and heading retain exact common centerline. */
#view-matching #matchReviewTableWrap .match-col-actions{width:168px!important}
#view-matching #matchReviewTableWrap .match-col-source,
#view-matching #matchReviewTableWrap .match-col-target{width:calc(50% - 181px)!important}
#view-matching #matchReviewTableWrap .match-col-confidence{width:146px!important}
/* All status badges share their header's true column midpoint. */
#view-matching #matchReviewTableWrap .match-table tbody td.match-status-cell,
#view-matching #matchReviewTableWrap .match-table thead th:nth-child(4){text-align:center!important}
#view-matching #matchReviewTableWrap .match-table tbody td.match-status-cell > .match-status-help{
  display:flex!important;
  width:100%!important;
  align-items:center!important;
  justify-content:center!important;
}
#view-matching #matchReviewTableWrap .match-table thead th:nth-child(3),
#view-matching #matchReviewTableWrap .match-table thead th:nth-child(5){text-align:center!important}
#view-matching #matchReviewTableWrap .match-table thead th:nth-child(2){text-align:left!important}


/* 2026-10-26 HEADER HELP + OPTICAL CONFIDENCE FIX — PREVIEW ONLY.
   Header help icons are 18px Steel Blue and 4px AFTER their own labels everywhere.
   Do not resize actual header type (17px) or action buttons (156x48).
   Existing floating tooltip code is preserved; no clipped nested tooltips. */
:root {--bpiq-header-help-gap:4px;--bpiq-match-visual-shift:0px}
#view-inventory .inventory-table .inventory-header-help,
#inventorySyncPreviewPanel .sync-preview-table .sync-header-help,
#view-matching #matchReviewTableWrap .match-header-help{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center;
  gap:var(--bpiq-header-help-gap)!important;
  max-width:100%;
  vertical-align:middle;
  white-space:nowrap;
}
#view-inventory .inventory-table .inventory-header-help .inventory-help,
#inventorySyncPreviewPanel .sync-preview-table .sync-header-help .sync-help,
#view-matching #matchReviewTableWrap .match-header-help .sync-help{
  flex:0 0 18px!important;width:18px!important;height:18px!important;
  min-width:18px!important;max-width:18px!important;
  overflow:visible!important;
}
/* Tighten the cell gutter around help-bearing headers rather than reducing
   the 17px type or clipping an information icon at the cell boundary. */
#view-inventory .inventory-table thead th:has(.inventory-header-help),
#inventorySyncPreviewPanel .sync-preview-table thead th:has(.sync-header-help),
#view-matching #matchReviewTableWrap .match-table thead th:has(.match-header-help){
  padding-left:3px!important;padding-right:3px!important;
  overflow:visible!important;
}
#view-inventory .inventory-table thead th,
#inventorySyncPreviewPanel .sync-preview-table thead th,
#view-matching #matchReviewTableWrap .match-table thead th{
  overflow:visible!important;
}
/* The badge and heading move as one *only* to the measured visual midpoint
   between actual eBay match and Action controls. The underlying colgroup,
   row gutters, button size and selected checkbox remain unchanged. */
#view-matching #matchReviewTableWrap .match-confidence-heading{
  position:relative;
  left:var(--bpiq-match-visual-shift,0px);
  display:inline-block;
  max-width:100%;
  vertical-align:middle;
  text-align:center;
}
#view-matching #matchReviewTableWrap .match-table tbody td.match-status-cell > .match-status-help{
  position:relative;
  left:var(--bpiq-match-visual-shift,0px);
}
/* No desktop table headers become sticky from these cosmetic corrections. */
/* The Inventory Sync Inventory lane was only 10%, too narrow for its approved
   17px heading + 18px help icon at normal desktop widths. Borrow 3% solely
   from the roomy Preview lane; keep product listing and Sync Choice intact. */
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(3),
#inventorySyncPreviewPanel .sync-preview-table td:nth-child(3){width:13%!important}
#inventorySyncPreviewPanel .sync-preview-table th:nth-child(5),
#inventorySyncPreviewPanel .sync-preview-table td:nth-child(5){width:18%!important}


/* BPIQ INVENTORY PAGE — approved Inventory Matching visual baseline.
   PREVIEW ONLY: layout/CSS, no changes to handlers, inventory math,
   channel synchronization, filters, archive operations or modal behavior.
   All 17px column labels follow the approved product-left / data-centered rule.
   Use the same 20px panel content inset for ALL Inventory sections. */
#view-inventory > .inventory-workspace-panel{
  box-sizing:border-box;
  width:100%;max-width:100%;
  padding:20px!important;
  overflow:visible!important;
}
#view-inventory .inventory-safety-note{
  margin:0!important;
  padding:14px 16px!important;
  border:1px solid #2B394C;
  border-radius:10px;
  background:#0C131C;
  color:#CBD5E1;
}
#view-inventory .inventory-safety-head > strong{
  color:#F1F5F9;font-size:17px;line-height:1.4;
}
#view-inventory .inventory-safety-toggle{
  border:1px solid #344255;
  border-radius:9px;
  background:#171F2C;color:#D7E0EC;
  padding:6px 12px;
}
#view-inventory .inventory-summary-strip{
  box-sizing:border-box;
  padding:18px 0 0!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
#view-inventory .inventory-summary-strip .inventory-summary-pill{
  box-sizing:border-box;
  min-height:68px;
  padding:11px 13px;
  background:#0C131C;
  border:1px solid #2B394C;
  border-radius:10px;
  color:#F1F5F9;
  white-space:normal;
}
#view-inventory .inventory-summary-pill > span{
  color:#CBD5E1;
  font-size:14px;
  font-weight:500;
  line-height:1.3;
}
#view-inventory .inventory-summary-pill > strong{
  color:#F1F5F9;
  font-size:21px;
  font-weight:700;
  flex-shrink:0;
}
#view-inventory .inventory-summary-pill.active,
#view-inventory #toggleRemovedInventory.active{
  background:#1B3046;
  border-color:#65809D;
  box-shadow:inset 0 0 0 1px rgba(138,191,236,.14);
}
#view-inventory .inventory-summary-pill:hover{border-color:#7993AC;background:#172434;}
#view-inventory .inventory-summary-pill:focus-visible{outline:2px solid #8ABFEC;outline-offset:2px;}
#view-inventory .inventory-control-row{
  box-sizing:border-box;
  padding:16px 0 18px!important;
  grid-template-columns:minmax(155px,195px) minmax(155px,210px) minmax(200px,1fr) auto;
  gap:10px;
}
#view-inventory .inventory-control > span{color:#CBD5E1;font-size:14px;font-weight:500;}
#view-inventory .inventory-control select,
#view-inventory .inventory-control input{
  height:52px;
  font-size:15px;
  border-radius:10px;
}
#view-inventory .inventory-refresh-btn{
  height:52px;
  border-radius:10px;
  padding:0 16px;
  font-size:15px;
}
/* Exactly the same edge-to-edge content width as the cards and controls. */
#view-inventory .inventory-table-wrap{
  box-sizing:border-box;
  width:100%;max-width:100%;
  margin:0;
  padding:0;
  overflow:visible;
  border-top:1px solid #202834;
}
#view-inventory .inventory-table{
  width:100%;max-width:100%;min-width:0;
  table-layout:fixed;
}
/* Explicit widths reserve room for original product identity, channel counts,
   stock status and a full-size Adjust Inventory action button. */
#view-inventory .inventory-table th:nth-child(1),
#view-inventory .inventory-table td:nth-child(1){width:38%;}
#view-inventory .inventory-table th:nth-child(2),
#view-inventory .inventory-table td:nth-child(2){width:12%;}
#view-inventory .inventory-table th:nth-child(3),
#view-inventory .inventory-table td:nth-child(3){width:19%;}
#view-inventory .inventory-table th:nth-child(4),
#view-inventory .inventory-table td:nth-child(4){width:13%;}
#view-inventory .inventory-table th:nth-child(5),
#view-inventory .inventory-table td:nth-child(5){width:18%;}
#view-inventory .inventory-table thead th,
#view-inventory .inventory-table td{
  box-sizing:border-box;
  padding-left:10px!important;
  padding-right:10px!important;
  vertical-align:middle;
}
#view-inventory .inventory-table thead th{
  position:static!important;
  top:auto!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1.35;
  color:#CFD6E0!important;
  padding-top:17px!important;
  padding-bottom:17px!important;
  overflow:visible!important;
}
#view-inventory .inventory-table thead th:first-child,
#view-inventory .inventory-table td:first-child{text-align:left!important;}
#view-inventory .inventory-table thead th:nth-child(n+2),
#view-inventory .inventory-table td:nth-child(n+2){text-align:center!important;}
#view-inventory .inventory-table .inventory-header-help{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center;
  vertical-align:middle;
  gap:4px!important;
  white-space:nowrap;
  max-width:100%;
}
#view-inventory .inventory-table .inventory-header-help .inventory-help{
  flex:0 0 18px!important;
  width:18px!important;height:18px!important;
  min-width:18px!important;max-width:18px!important;
}
#view-inventory .inventory-table .match-listing-cell{
  width:100%;min-width:0;
  gap:12px;
  align-items:center;
}
#view-inventory .inventory-table .match-listing-cell > div{
  min-width:0;flex:1 1 auto;
  overflow-wrap:anywhere;
}
#view-inventory .inventory-table .match-listing-cell strong{
  line-height:1.4;
  overflow-wrap:anywhere;
}
#view-inventory .inventory-table .inventory-channels-cell{
  justify-content:center;
  gap:8px;
}
#view-inventory .inventory-table .inventory-status-stack{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
  gap:5px;
  margin:0!important;
}
#view-inventory .inventory-table .inventory-status-time{
  position:static;
  left:auto;top:auto;
  transform:none;
  width:auto;
  margin:0;
  text-align:center;
  line-height:1.3;
}
#view-inventory .inventory-table .inventory-row-actions{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0;
  flex-wrap:nowrap;
}
/* Match the approved 156x48 action dimensions without changing actions. */
#view-inventory .inventory-table .inventory-row-action,
#view-inventory .inventory-table .inventory-row-actions button{
  box-sizing:border-box;
  width:156px;max-width:100%;
  min-height:48px;
  padding:9px 10px;
  border:1px solid #344255;
  border-radius:10px;
  background:#151C26;
  color:#E5EAF0;
  font-size:13px;
  line-height:1.3;
  font-weight:500;
  text-align:center;
  white-space:normal;
}
#view-inventory .inventory-table .inventory-row-action:hover,
#view-inventory .inventory-table .inventory-row-actions button:hover{
  border-color:#6E8195;
  background:#1C2736;
}
/* Initial setup remains primary (existing state/handler untouched). */
#view-inventory .inventory-table .inventory-row-action.primary{
  background:#275F91!important;
  color:#F8FBFF!important;
  border-color:#3D79AC!important;
  font-weight:650;
}
#view-inventory .inventory-table .inventory-row-action.primary:hover:not(:disabled){
  background:#3679B4!important;
  border-color:#6CA7D9!important;
}
#view-inventory .inventory-archive-wrap{
  padding:20px 0 0;
}
@media(max-width:1160px){
  #view-inventory .inventory-table-wrap{overflow-x:auto;overflow-y:visible;}
  #view-inventory .inventory-table{min-width:1060px;max-width:none;}
  #view-inventory .inventory-control-row{grid-template-columns:1fr 1fr;}
  #view-inventory .inventory-search-control{grid-column:1/-1;}
  #view-inventory .inventory-refresh-btn{width:max-content;}
}
@media(max-width:900px){
  #view-inventory .inventory-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  #view-inventory .inventory-workspace-panel{padding:12px!important;}
  #view-inventory .inventory-table thead th{font-size:17px!important;}
}
@media(max-width:700px){
  #view-inventory .inventory-control-row{grid-template-columns:1fr;}
  #view-inventory .inventory-search-control{grid-column:auto;}
  #view-inventory .inventory-refresh-btn{width:100%;}
}
/* At smaller desktop widths preserve approved full-size actions and readable
   headings by scrolling the table only (never the document). */
@media(max-width:1320px){
  #view-inventory .inventory-table-wrap{overflow-x:auto;overflow-y:visible;}
  #view-inventory .inventory-table{min-width:1010px;max-width:none;}
}


/* BPIQ INVENTORY — 2026-10-26 no desktop sideways-scroll correction.
   Scope strictly the existing Inventory listing table. Approved 17px headings,
   90px product thumbnails, Steel Blue help, centered data columns and full-size
   156x48 Adjust Inventory buttons stay the same. No data / handler changes.
   Previous responsive min-width:1010px made Actions disappear off-panel.
   Reserve enough space for four utility columns; let Product use the remainder.
   Table is genuinely fitted to the panel rather than cropped or masked. */
@media (min-width:1320px){
  #view-inventory .inventory-table-wrap{
    box-sizing:border-box;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:visible!important;
  }
  #view-inventory .inventory-table{
    box-sizing:border-box;
    display:table;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }
  /* Product grows and wraps; headings/quantities/actions always fit. */
  #view-inventory .inventory-table :is(th,td):nth-child(1){width:auto!important;}
  #view-inventory .inventory-table :is(th,td):nth-child(2){width:135px!important;}
  #view-inventory .inventory-table :is(th,td):nth-child(3){width:172px!important;}
  #view-inventory .inventory-table :is(th,td):nth-child(4){width:151px!important;}
  #view-inventory .inventory-table :is(th,td):nth-child(5){width:182px!important;}
  #view-inventory .inventory-table :is(th,td){
    box-sizing:border-box;
    padding-left:6px!important;
    padding-right:6px!important;
    overflow:visible;
  }
  #view-inventory .inventory-table :is(th,td):first-child{
    padding-left:12px!important;
    padding-right:8px!important;
  }
  #view-inventory .inventory-table :is(th,td):last-child{
    padding-left:7px!important;
    padding-right:7px!important;
  }
  #view-inventory .inventory-table .match-listing-cell{
    min-width:0!important;
    max-width:100%;
    gap:10px;
  }
  #view-inventory .inventory-table .match-listing-cell>div{
    min-width:0!important;
    max-width:100%;
    overflow-wrap:anywhere;
  }
  #view-inventory .inventory-table .inventory-channels-cell{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;
    min-width:0;
  }
  #view-inventory .inventory-table .inventory-status-stack{
    max-width:100%;
    min-width:0;
  }
  #view-inventory .inventory-table .inventory-status-time{
    white-space:normal;
    max-width:100%;
  }
  #view-inventory .inventory-table .inventory-row-actions{
    box-sizing:border-box;
    display:flex;
    width:100%;
    align-items:center;
    justify-content:center!important;
    margin:0;
    gap:8px;
  }
  #view-inventory .inventory-table .inventory-row-action,
  #view-inventory .inventory-table .inventory-row-actions button{
    box-sizing:border-box;
    flex:0 0 156px;
    width:156px!important;
    max-width:156px!important;
    min-width:156px!important;
    min-height:48px;
    white-space:normal;
  }
}
/* Wider desktop: distribute additional horizontal room to channels/status,
   while retaining the 156px action and the original image dimensions. */
@media (min-width:1500px){
  #view-inventory .inventory-table :is(th,td):nth-child(2){width:150px!important;}
  #view-inventory .inventory-table :is(th,td):nth-child(3){width:205px!important;}
  #view-inventory .inventory-table :is(th,td):nth-child(4){width:177px!important;}
  #view-inventory .inventory-table :is(th,td):nth-child(5){width:195px!important;}
}


/* BPIQ Inventory: VISIBLE five-column desktop fit (zoom-aware correction).
   Replaces the inherited <=1320px 1010px table minimum that cropped the
   Action column at browser zoom 125%, even on a 1649px physical display.
   Do not merely suppress its scrollbar: the table and all five full cells
   must actually lie inside the Inventory panel at effective CSS width >=1150.
   Keep large 17px headers, 90px product thumbs, and 156x48px actions.
   CSS only — preserve data, controls, and Inventory Matching locked design. */
@media (min-width:1150px){
  #view-inventory .inventory-table-wrap{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
  }
  #view-inventory .inventory-table{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }
  /* Fixed-space utility lanes; product receives EXACTLY the remainder.
     Columns 2-5 total 614px at 1150–1499 effective CSS viewport width. */
  #view-inventory .inventory-table :is(th,td):nth-child(1){width:auto!important;}
  #view-inventory .inventory-table :is(th,td):nth-child(2){width:125px!important;}
  #view-inventory .inventory-table :is(th,td):nth-child(3){width:184px!important;}
  #view-inventory .inventory-table :is(th,td):nth-child(4){width:135px!important;}
  #view-inventory .inventory-table :is(th,td):nth-child(5){width:170px!important;}
  #view-inventory .inventory-table :is(th,td){
    box-sizing:border-box!important;
    padding-left:5px!important;
    padding-right:5px!important;
    min-width:0!important;
  }
  #view-inventory .inventory-table :is(th,td):first-child{
    padding-left:12px!important;
    padding-right:7px!important;
  }
  #view-inventory .inventory-table :is(th,td):last-child{
    padding-left:6px!important;
    padding-right:6px!important;
  }
  #view-inventory .inventory-table .match-listing-cell{min-width:0!important;max-width:100%!important;}
  #view-inventory .inventory-table .match-listing-cell>div{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere;}
  #view-inventory .inventory-table .inventory-channels-cell{
    min-width:0!important;max-width:100%!important;display:flex;flex-wrap:wrap;
    justify-content:center;gap:5px;
  }
  #view-inventory .inventory-table .inventory-status-stack{max-width:100%!important;min-width:0!important;}
  #view-inventory .inventory-table .inventory-status-time{max-width:100%!important;white-space:normal;}
  #view-inventory .inventory-table .inventory-row-actions{align-items:center;justify-content:center!important;}
  #view-inventory .inventory-table .inventory-row-action,
  #view-inventory .inventory-table .inventory-row-actions button{
    box-sizing:border-box!important;width:156px!important;
    min-width:156px!important;max-width:156px!important;
    min-height:48px!important;
  }
}
@media (min-width:1500px){
  #view-inventory .inventory-table :is(th,td):nth-child(2){width:145px!important;}
  #view-inventory .inventory-table :is(th,td):nth-child(3){width:180px!important;}
  #view-inventory .inventory-table :is(th,td):nth-child(4){width:155px!important;}
  #view-inventory .inventory-table :is(th,td):nth-child(5){width:180px!important;}
}


/* Approved Inventory cleanup — precise status alignment only.
   The original five column widths/overflow rules remain unchanged. The
   Status heading and row markers shift together toward the visual midpoint
   between Channels' badges and the Action buttons. */
#view-inventory .inventory-table thead th:nth-child(4) .inventory-status-heading{
  display:inline-block;
  position:relative;
  left:-12px;
}
#view-inventory .inventory-table tbody td:nth-child(4) > .inventory-status-stack,
#view-inventory .inventory-table tbody td:nth-child(4) > .status{
  position:relative;
  left:-12px;
}

/* 2026-10-27 Listings Control Center preview — scoped to Listings only.
   Preserves all underlying pricing/inventory functions and detailed table. */
#view-listings .listings-workspace-panel{width:100%;min-width:0;background:#10151d;border:1px solid #243043;border-radius:18px;padding:20px;overflow:visible}
#view-listings .listings-guide{margin:0 0 18px;background:#0d1218;border:1px solid #2e3c4e;border-radius:13px;padding:18px 20px;font-size:15px;line-height:1.6}
#view-listings .listings-guide-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
#view-listings .listings-guide-head strong{font-size:19px;font-weight:750;color:#f5f7fa}
#view-listings .listings-guide-head button,#view-listings .listings-search-bar>button{border:1px solid #334459;background:#16212d;color:#dce8f4;border-radius:10px;padding:12px 15px;cursor:pointer}
#view-listings .listings-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
#view-listings .listings-filter-card{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #2d3c50;background:#101820;border-radius:12px;padding:18px;color:#d8e3ef;text-align:left;cursor:pointer}
#view-listings .listings-filter-card span{font-size:15px;line-height:1.35;font-weight:600}
#view-listings .listings-filter-card strong{font-size:25px;font-weight:800;color:#f0f5fa;font-variant-numeric:tabular-nums}
#view-listings .listings-filter-card.active{background:#1b324a;border-color:#557ea5;box-shadow:inset 0 0 0 1px #344e68}
#view-listings .listings-filter-card:hover,#view-listings .listings-search-bar>button:hover,#view-listings .listings-view-switch button:hover{border-color:#6a93b5}
#view-listings .listings-search-bar{display:flex;align-items:end;gap:12px;min-width:0;margin-bottom:12px}
#view-listings .listings-search-field{flex:1 1 auto;min-width:0;color:#bdcce0;font-size:14px;font-weight:650;display:flex;flex-direction:column;gap:7px}
#view-listings .listings-search-field input{min-width:0;height:49px;background:#0d121a;border:1px solid #334459;border-radius:10px;color:#f1f5f9;padding:0 15px;font-size:15px}
#view-listings .listings-search-bar>button{min-height:49px;white-space:nowrap}
#view-listings .listings-extra-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px;margin:0 0 15px;border:1px solid #2d3d51;background:#0c121a;border-radius:12px}
#view-listings .listings-extra-filters label{min-width:0;display:flex;flex-direction:column;gap:7px;color:#becbdd;font-size:13px;font-weight:650}
#view-listings .listings-extra-filters select{width:100%;min-width:0;height:44px;color:#e6ebf2;background:#111925;border:1px solid #334459;border-radius:9px;padding:0 10px}
#view-listings .listings-view-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-top:1px solid #283445;color:#b7c5d8;font-size:14px}
#view-listings .listings-view-switch{display:inline-flex;border:1px solid #34475b;border-radius:10px;padding:3px;gap:3px;background:#0e151d}
#view-listings .listings-view-switch button{border:1px solid transparent;background:transparent;color:#b8cbe0;border-radius:8px;padding:8px 13px;cursor:pointer;font-size:14px}
#view-listings .listings-view-switch button.active{background:#286497;border-color:#417ba7;color:#fff;font-weight:750}
#view-listings .listings-bulk-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #365273;background:#121e2c;border-radius:12px;padding:12px 14px;margin:4px 0 15px}
#view-listings .listings-bulk-bar>strong{font-size:15px;color:#f1f5f9}
#view-listings .listings-bulk-controls{display:flex;justify-content:flex-end;gap:8px;align-items:center;flex-wrap:wrap}
#view-listings .listings-bulk-controls>button,#view-listings .listings-bulk-controls>select{min-height:44px}
#view-listings #profileAssignSelect{min-width:165px;max-width:210px}
#view-listings #assignProfileBtn{background:#306fa7;color:#fff;font-weight:700}
#view-listings .listings-more-actions{position:relative;z-index:7}
#view-listings .listings-more-actions summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 13px;background:#172333;border:1px solid #405169;border-radius:9px;color:#e4edf6}
#view-listings .listings-more-actions summary::-webkit-details-marker{display:none}
#view-listings .listings-more-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:100;width:252px;background:#111b29;border:1px solid #49617b;border-radius:12px;box-shadow:0 15px 48px rgba(0,0,0,.6);padding:9px;display:flex;flex-direction:column;gap:7px}
#view-listings .listings-more-menu button,#view-listings .listings-more-menu select{width:100%;min-width:0;min-height:39px;text-align:left}
#view-listings .listings-menu-group{border-top:1px solid #2f4154;border-bottom:1px solid #2f4154;padding:10px 0;display:flex;flex-direction:column;gap:6px}
#view-listings .listings-table-view{border-top:1px solid #283749;min-width:0}
#view-listings .listings-compact-wrap{overflow:visible}
#view-listings .listings-compact-table{table-layout:fixed;width:100%;min-width:0;border-collapse:collapse}
#view-listings .listings-compact-table .lc-listing{width:34%}
#view-listings .listings-compact-table .lc-prices{width:12%}
#view-listings .listings-compact-table .lc-setup{width:16%}
#view-listings .listings-compact-table .lc-inventory{width:14%}
#view-listings .listings-compact-table .lc-status{width:11%}
#view-listings .listings-compact-table .lc-actions{width:13%}
#view-listings .listings-compact-table th,#view-listings .listings-compact-table td{padding:16px 8px;min-width:0;overflow-wrap:break-word;border-bottom:1px solid #233142}
#view-listings .listings-compact-table thead th{font-size:17px!important;line-height:1.35;font-weight:700!important;color:#cfd6e0!important;text-align:center;white-space:normal}
#view-listings .listings-compact-table thead th.lc-listing-head{text-align:left!important}
#view-listings .listings-select-heading{font-size:17px;display:inline-flex;align-items:center;gap:14px;font-weight:700}
#view-listings .listings-select-heading input,#view-listings .lc-product input{flex:0 0 22px;width:22px;height:22px;accent-color:#347eba;cursor:pointer}
#view-listings .lc-product{display:flex;align-items:center;gap:10px;min-width:0}
#view-listings .lc-product>.thumb{flex:0 0 64px;width:64px;height:64px;object-fit:cover;align-self:center;border:1px solid #324157;border-radius:9px}
#view-listings .lc-product-text{min-width:0;flex:1 1 auto}
#view-listings .lc-product-text .listing-title-btn{font-size:14px;line-height:1.36;color:#f1f5f9;overflow-wrap:anywhere;max-width:100%}
#view-listings .lc-meta{font-size:11px;line-height:1.5;color:#90a4b8;margin-top:5px;overflow-wrap:anywhere}
#view-listings .lc-price-pair,#view-listings .lc-setup-data,#view-listings .lc-inventory-data,#view-listings .lc-status-data,#view-listings .lc-action-buttons{min-width:0;display:flex;flex-direction:column;gap:7px;align-items:center;text-align:center}
#view-listings .lc-price-pair>div{display:flex;flex-direction:column;gap:2px;min-width:0}
#view-listings .lc-price-pair span,#view-listings .lc-setup>span,#view-listings .lc-inventory-data span{font-size:11px;color:#93a7ba;overflow-wrap:anywhere}
#view-listings .lc-price-pair strong,#view-listings .lc-inventory-data strong{font-size:15px;color:#f1f5f9;font-variant-numeric:tabular-nums}
#view-listings .lc-setup-data strong{font-size:12px;color:#e7edf3;font-weight:700;overflow-wrap:anywhere}
#view-listings .lc-status-data .status,#view-listings .lc-status-data .switch{font-size:11px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
#view-listings .lc-action-buttons button{width:100%;max-width:156px;min-height:43px;padding:8px 5px;white-space:normal;font-size:12px;border-radius:9px;line-height:1.2;cursor:pointer}
#view-listings .lc-action-buttons button.primary{background:#306fa7;border-color:#417eac;color:#fff;font-weight:700}
#view-listings .lc-action-buttons .lc-detail-btn{background:#142030;color:#ddeaf5}
#view-listings .listing-expand-row td{padding:6px 12px 15px!important;background:#0e1721}
#view-listings .listing-expanded-content{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;padding:15px;border:1px solid #2d4054;border-radius:11px}
#view-listings .listing-expanded-content>div{min-width:0;display:flex;flex-direction:column;gap:5px;font-size:12px;overflow-wrap:anywhere}
#view-listings .listing-expanded-content>div>span{font-size:11px;color:#91a9bf}
#view-listings .listing-expanded-content strong{font-weight:700;font-size:12px;color:#e5edf7}
#view-listings .listing-expanded-content .listing-expanded-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:start;justify-content:flex-start}
#view-listings .listing-expanded-actions button{min-height:32px;padding:6px 8px;font-size:11px;white-space:normal}
#view-listings .listings-detailed-wrap{overflow:auto;max-width:100%}
#view-listings .listings-detailed-table{min-width:1600px;width:max-content;table-layout:auto}
#view-listings .listings-detailed-table td,#view-listings .listings-detailed-table th{padding:15px 12px}
#view-listings .listings-detailed-table .listing-title-btn{max-width:260px}
#view-listings .listings-empty{text-align:center!important;padding:48px 12px!important;color:#a4b3c3}
#view-listings .listings-more-actions summary:focus-visible,#view-listings button:focus-visible,#view-listings input:focus-visible,#view-listings select:focus-visible{outline:2px solid #8abfec;outline-offset:2px}
@media(max-width:1280px){
  #view-listings .listings-compact-table .lc-listing{width:32%}
  #view-listings .listings-compact-table .lc-prices{width:13%}
  #view-listings .listings-compact-table .lc-setup{width:16%}
  #view-listings .listings-compact-table .lc-inventory{width:14%}
  #view-listings .listings-compact-table .lc-status{width:12%}
  #view-listings .listings-compact-table .lc-actions{width:13%}
  #view-listings .lc-product>.thumb{width:54px;height:54px;flex-basis:54px}
  #view-listings .listings-compact-table th,#view-listings .listings-compact-table td{padding-left:6px;padding-right:6px}
}
@media(max-width:1120px){
  #view-listings .listings-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-listings .listings-extra-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-listings .lc-product{gap:6px}
  #view-listings .lc-product>.thumb{width:42px;height:42px;flex-basis:42px}
  #view-listings .listing-expanded-content{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
  #view-listings .listings-search-bar{flex-wrap:wrap}
  #view-listings .listings-search-field{flex-basis:100%}
  #view-listings .listings-compact-wrap{overflow-x:auto}
  #view-listings .listings-compact-table{min-width:780px}
  #view-listings .listings-workspace-panel{padding:14px}
  #view-listings .listings-expanded-content{grid-template-columns:1fr 1fr}
}
/* Keep compact pricing-status chips readable even at narrower desktop widths. */
#view-listings .listings-compact-table .lc-status-data .status{font-size:10px;white-space:nowrap;padding:4px 6px;overflow-wrap:normal}


/* 2026-10-27 Listings approved changes — reuse Inventory Matching UI dimensions.
   No changes to locked Inventory / Inventory Matching selectors. */
:root{--bpiq-reference-info-padding-y:11px;--bpiq-reference-info-padding-x:16px;--bpiq-reference-card-height:54px;--bpiq-reference-card-gap:10px}
#view-listings .listings-guide{
  box-sizing:border-box;margin:0 0 15px!important;
  background:#0c131c;border:1px solid #2b394c;border-radius:10px;
  padding:var(--bpiq-reference-info-padding-y) var(--bpiq-reference-info-padding-x)!important;
  color:#cbd5e1;font-size:15px;line-height:1.55;
}
#view-listings .listings-guide-head{margin:0;min-height:34px;display:flex;align-items:center;justify-content:space-between}
#view-listings .listings-guide-head strong{font-size:17px;font-weight:700;line-height:1.4;color:#f1f5f9}
#view-listings .listings-guide-head button{flex:0 0 auto;padding:6px 12px;border:1px solid #344255;border-radius:9px;background:#171f2c;color:#d7e0ec;font-size:12px;font-weight:700;min-height:0}
#view-listings .listings-guide-details[hidden],#view-listings #listingsGuideDetails[hidden]{display:none!important}
#view-listings #listingsGuideDetails:not([hidden]){border-top:1px solid #253345;margin-top:11px;padding-top:10px}
#view-listings .listings-summary-strip{gap:var(--bpiq-reference-card-gap);margin-bottom:16px}
#view-listings .listings-filter-card{
  box-sizing:border-box;min-height:var(--bpiq-reference-card-height);height:auto;
  padding:10px 13px;gap:10px;align-items:center;
  border:1px solid #2b394c;border-radius:10px;background:#0c131c;color:#cbd5e1;
  transition:border-color .15s ease,background .15s ease;
}
#view-listings .listings-filter-card span{font-size:14px;font-weight:500;line-height:1.25;color:#cbd5e1}
#view-listings .listings-filter-card strong{font-size:21px;font-weight:700;line-height:1;color:#f1f5f9;flex-shrink:0}
#view-listings .listings-filter-card.active{border-color:#65809d;background:#1b3046;box-shadow:inset 0 0 0 1px rgba(138,191,236,.14)}
#view-listings .listings-filter-card:hover{border-color:#7993ac;background:#172434}
#view-listings .listings-search-bar{align-items:end;gap:10px;min-width:0}
#view-listings .listings-channel-status-filter{display:flex;flex-direction:column;gap:7px;flex:0 0 180px;min-width:0;color:#bdcce0;font-size:14px;font-weight:650}
#view-listings #listingChannelStatus{width:100%;height:49px;box-sizing:border-box;border-radius:10px;border:1px solid #334459;background:#0d121a;color:#e6ebf2;font-size:15px;padding:0 12px}
#view-listings .listings-view-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
#view-listings #removedListingsBtn{background:#16212d;color:#dce8f4;border:1px solid #334459;border-radius:10px;padding:10px 12px;cursor:pointer;font-size:14px}
#view-listings .lc-status-data .status.pricing-set,#view-listings .status.pricing-set{border:1px solid #536d83;color:#bbdafa;background:#1c2b3b}
#view-listings .lc-status-data .status.unconfigured,#view-listings .listings-compact-table .lc-status-data .status{white-space:normal;text-align:center;max-width:100%;line-height:1.2}
@media(max-width:1100px){
 #view-listings .listings-search-bar{flex-wrap:wrap}
 #view-listings .listings-search-field{flex:1 1 260px}
 #view-listings .listings-channel-status-filter{flex:0 0 165px}
}
@media(max-width:740px){
 #view-listings .listings-channel-status-filter{flex:1 1 150px}
 #view-listings .listings-view-bar{align-items:flex-start;flex-wrap:wrap}
 #view-listings .listings-filter-card{min-height:54px}
}


/* 2026-10-27 Listings filter row only: follow locked Inventory / Inventory Matching order.
   Preserve the cards, table, pricing controls and the secondary Filters action. */
#view-listings .listings-search-bar{
  display:grid!important;
  grid-template-columns:minmax(155px,195px) minmax(155px,210px) minmax(200px,1fr) auto;
  align-items:end;gap:10px;min-width:0;margin-bottom:12px;
}
#view-listings .listings-channel-filter,
#view-listings .listings-channel-status-filter,
#view-listings .listings-search-field{
  min-width:0;display:flex;flex-direction:column;gap:7px;flex:none;
  color:#cbd5e1;font-size:14px;font-weight:500;
}
#view-listings .listings-channel-filter select,
#view-listings .listings-channel-status-filter select,
#view-listings .listings-search-field input{
  display:block;box-sizing:border-box;width:100%;height:52px;min-width:0;
  color:#e6ebf2;background:#0d121a;border:1px solid #334459;
  border-radius:10px;padding:0 14px;font-size:15px;
}
#view-listings .listings-refresh-btn{
  box-sizing:border-box;height:52px;min-height:52px;
  border:1px solid #334459;border-radius:10px;
  background:#16212d;color:#dce8f4;
  padding:0 16px;font-size:15px;cursor:pointer;white-space:nowrap;
}
#view-listings #toggleListingsFilters{
  background:#16212d;color:#dce8f4;border:1px solid #334459;
  border-radius:10px;padding:10px 12px;cursor:pointer;font-size:14px;
}
#view-listings .listings-refresh-btn:hover,#view-listings #toggleListingsFilters:hover{border-color:#6a93b5}
@media(max-width:1000px){
  #view-listings .listings-search-bar{
    grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) minmax(180px,2fr) auto;
  }
}
@media(max-width:740px){
  #view-listings .listings-search-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-listings .listings-search-field{grid-column:1/-1}
  #view-listings .listings-refresh-btn{grid-column:1/-1}
}

/* 2026-10-27 Product Matching/Linked Listings preview; no pricing or inventory write changes. */
#view-listings .listing-product-group{background:#172636;border-top:1px solid #38536c;border-bottom:1px solid #38536c}
#view-listings .listing-product-group>td{padding-top:15px;padding-bottom:15px}
#view-listings .listing-group-title{display:block;color:#eff7ff;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
#view-listings .listing-group-check{flex:0 0 22px;width:22px;height:22px;accent-color:#347eba;cursor:pointer}
#view-listings .lc-linked-caption{display:inline-block;margin-top:5px;font-size:11px;color:#9cd0fc}
#view-listings .lc-group-multi{min-width:0;display:flex;flex-direction:column;text-align:center;align-items:center;gap:7px;font-size:12px}
#view-listings .lc-group-multi strong{font-size:13px;color:#e2eaf4;overflow-wrap:anywhere}
#view-listings .lc-group-multi span{color:#aebdcf;overflow-wrap:anywhere}
#view-listings .listing-group-child{background:#101c28}
#view-listings .listing-group-child .lc-product{padding-left:13px;border-left:2px solid #38546f}
#view-listings .lc-warning{display:flex;flex-direction:column;gap:6px;width:100%;max-width:210px;text-align:left;margin-top:6px;padding:9px;background:#2a2317;border:1px solid #816b40;border-radius:8px;line-height:1.4}
#view-listings .lc-warning strong{font-size:12px;color:#ffe2ad}
#view-listings .lc-warning span{font-size:11px;color:#e7d6bc;overflow-wrap:anywhere}
#view-listings .lc-warning small{font-size:10px;color:#d1b98e}
#view-listings .lc-alert-history{padding:14px;border:1px solid #34465b;border-radius:9px;background:#101a28}
#view-listings .lc-alert-history-row{padding:8px 0;border-bottom:1px solid #24354b;font-size:12px}
#view-listings .lc-alert-history-row span{color:#a5bad0}
#view-listings .lc-alert-history-row div{margin-top:4px;color:#d4e1ef}

/* BPIQ Products 2026-10-27 — one product view for inventory and channel prices.
   All channel-specific actions route to previously approved handlers. */
#view-inventory .inventory-table.products-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;}
#view-inventory .products-table :is(th,td):nth-child(1){width:31%!important;text-align:left!important;}
#view-inventory .products-table :is(th,td):nth-child(2){width:9%!important;text-align:center!important;}
#view-inventory .products-table :is(th,td):nth-child(3){width:14%!important;text-align:center!important;}
#view-inventory .products-table :is(th,td):nth-child(4){width:16%!important;text-align:center!important;}
#view-inventory .products-table :is(th,td):nth-child(5){width:12%!important;text-align:center!important;}
#view-inventory .products-table :is(th,td):nth-child(6){width:18%!important;text-align:center!important;}
#view-inventory .products-table :is(th,td){padding:14px 7px!important;min-width:0!important;box-sizing:border-box!important;}
#view-inventory .products-table :is(th,td):first-child{padding-left:12px!important;}
#view-inventory .products-table :is(th,td):last-child{padding-right:12px!important;}
#view-inventory .products-table th{font-size:17px!important;font-weight:700!important;}
#view-inventory .products-table-wrap{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:visible!important;}
.products-name-cell{display:flex;align-items:center;gap:10px;min-width:0;}
.products-name-cell .match-listing-cell{flex:1;min-width:0!important;}
.products-name-cell .match-listing-cell strong{overflow-wrap:anywhere;}
.products-product-check{appearance:auto;accent-color:#367DB7;width:20px;height:20px;min-width:20px;cursor:pointer;}
.products-product-check:disabled{cursor:default;opacity:.35;}
.products-price-stack{display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;min-width:0;}
.products-price-line{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap;min-width:0;line-height:1.25;}
.products-price-line span{font-size:12px;color:#B5C4D7;}
.products-price-line strong{font-size:15px;font-weight:700;color:#EAF2FC;white-space:nowrap;}
.products-price-stack small{color:#95A9C1;}
#view-inventory .products-row-actions{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;}
#view-inventory .products-row-actions button{box-sizing:border-box;display:block;width:min(100%,156px)!important;min-width:0!important;max-width:156px!important;min-height:42px;flex:0 1 auto;padding:7px 6px;font-size:13px;font-weight:650;white-space:normal;line-height:1.2;border:1px solid #334357;border-radius:10px;background:#15202E;color:#EAF2FC;cursor:pointer;}
#view-inventory .products-row-actions button.primary{background:#306DA4!important;border-color:#4688C1!important;color:#FFF!important;}
#view-inventory .products-row-actions button:disabled{opacity:.48;cursor:not-allowed;}
#view-inventory .products-row-actions .products-detail-toggle{background:transparent;min-height:28px;border-color:transparent;color:#9CCBEE;font-size:12px;}
#view-inventory .products-expand-row>td{background:#111923!important;padding:16px 20px!important;text-align:left!important;border-top:1px solid #334255;}
#view-inventory .products-expand-row.hidden{display:none!important;}
.products-channel-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;}
.products-channel-detail{border:1px solid #344459;border-radius:12px;background:#0D141D;padding:13px;min-width:0;}
.products-detail-header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;}
.products-detail-header strong{color:#8EC5F1;font-size:15px;}
.products-detail-header span{color:#EAF1FA;font-size:13px;line-height:1.35;}
.products-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.products-detail-facts span{color:#98A9BB;font-size:12px;display:flex;flex-direction:column;gap:3px;}
.products-detail-facts strong{color:#E4EBF6;font-size:13px;overflow-wrap:anywhere;}
.products-detail-actions{margin-top:13px;display:flex;flex-wrap:wrap;gap:8px;}
.products-detail-actions button{padding:8px 11px;border:1px solid #3C5267;border-radius:8px;background:#172535;color:#DFECF8;cursor:pointer;}
.products-detail-actions button.primary{background:#306DA4;color:white;}
.products-detail-empty{color:#AFC0D0;}
.products-warning{background:#271E16;border:1px solid #825B33;color:#F4D9A9;border-radius:8px;padding:10px;margin-top:10px;}
.products-warning p{font-size:12px;margin:6px 0;}
.products-warning small{font-size:11px;}
.products-archive-action{background:#1B252F;border:1px solid #40546A;border-radius:8px;padding:8px 12px;color:#CAD8E7;margin-top:14px;cursor:pointer;}
.products-channel-picker{display:grid;gap:9px;}
.products-channel-picker button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;border:1px solid #405775;border-radius:11px;background:#111F2F;color:#E9F1FA;padding:12px;cursor:pointer;}
.products-channel-picker button:hover{background:#1D3751;border-color:#669CC9;}
.products-channel-picker small{color:#9FB4C9;}
.products-working-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:0 12px 14px;}
.products-working-filters label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:650;color:#CBD5E1;}
.products-working-filters select{padding:9px 11px;min-width:142px;border-radius:9px;border:1px solid #344459;background:#0C131D;color:#E9F2FA;}
.products-filter-note{font-size:12px;color:#8DA4BE;max-width:540px;}
.products-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #33475D;border-radius:10px;margin:0 12px 16px;flex-wrap:wrap;}
.products-bulk-bar.hidden{display:none!important;}
.products-bulk-controls{display:flex;gap:7px;flex-wrap:wrap;align-items:center;}
.products-bulk-controls select,.products-bulk-controls button{border:1px solid #405069;border-radius:8px;background:#111E2A;color:#E8EFF9;padding:8px;font-size:13px;}
.products-bulk-controls button{cursor:pointer;}
.products-advanced-container{margin-top:24px;border:1px solid #334155;border-radius:15px;background:#0C141E;}
.products-advanced-container>summary{cursor:pointer;list-style:none;padding:18px 20px;font-size:17px;font-weight:700;color:#EAF2FA;}
.products-advanced-container>summary::-webkit-details-marker{display:none;}
.products-advanced-container>summary:after{content:'▾';float:right;color:#8FBCE2;}
.products-advanced-container[open]>summary:after{content:'▴';}
.products-advanced-container>summary span{display:block;font-size:12px;font-weight:400;color:#9CB1C5;margin-top:5px;}
.products-advanced-intro{padding:0 20px 12px;font-size:13px;color:#9AB0C7;}
#view-inventory #view-listings{display:block!important;margin:0;}
#view-inventory #view-listings .listings-workspace-panel{margin:0;border:0;box-shadow:none;}
@media(max-width:1149px){#view-inventory .products-table .match-thumb{width:62px!important;height:62px!important;}#view-inventory .products-table :is(th,td){padding:10px 4px!important;}#view-inventory .products-table th{font-size:14px!important;}#view-inventory .products-row-actions button{font-size:12px;}}
@media(max-width:850px){#view-inventory .products-table-wrap{overflow-x:auto!important;}#view-inventory .products-table{min-width:780px!important;}}

#view-inventory .products-price-alert{display:block;max-width:100%;color:#E9B873;font-size:11px;font-weight:700;line-height:1.2;white-space:normal;margin-top:4px;}
@media(min-width:850px) and (max-width:1250px){
 #view-inventory .products-table thead th{font-size:14px!important;letter-spacing:-.02em;}
 #view-inventory .products-table :is(th,td):nth-child(1){width:29%!important;}
 #view-inventory .products-table :is(th,td):nth-child(2){width:11%!important;}
 #view-inventory .products-table .inventory-header-help{gap:2px!important;}
 #view-inventory .products-table .match-listing-cell{gap:8px!important;}
}


/* 2026-10-28: Listing Pricing modal now follows the locked Manual Pricing
   navy / steel-blue visual system. Changes are scoped to this modal only.
   No price, stock, publishing, or confirmation logic is modified. */
#modal .modal-card.listing-pricing-modal{
  width:min(840px,96vw);
  max-height:min(90dvh,calc(100dvh - 24px));
  padding:18px 24px 22px;
  background:#0d1726;
  border:1px solid #365374;
  color:#f1f5fc;
}
.listing-pricing-modal .panel-head{margin-bottom:14px}
.listing-pricing-modal .panel-head h2{font-size:22px;font-weight:800;line-height:1.3;color:#f5f7fc}
.listing-pricing-modal #modalSubtitle{color:#c6d2e3;font-size:12px;line-height:1.45}
.listing-pricing-modal #closeModal{color:#d8e2f1}
.listing-pricing-modal .detail-grid{gap:10px 12px;margin-bottom:16px}
.listing-pricing-modal .detail-row{
  min-width:0;padding:12px 14px;
  border:1px solid #365374;
  border-radius:10px;
  background:#0b1421;
}
.listing-pricing-modal .detail-row span{font-size:12px;color:#afc1d5;margin-bottom:7px;line-height:1.3}
.listing-pricing-modal .detail-row strong{font-size:14px;line-height:1.4;color:#f1f5fc;overflow-wrap:anywhere}
.listing-pricing-modal .listing-detail-actions{
  gap:10px 12px;margin-top:2px;padding-top:16px;
  border-top:1px solid #365374;
}
.listing-pricing-modal .listing-detail-actions label{color:#d0dbeb;font-size:13px;font-weight:600}
.listing-pricing-modal #detailProfileSelect{
  min-height:44px;padding:10px 12px;
  border:1px solid #466585;border-radius:9px;
  background:#101620;color:#f5f8fd;font-size:14px;
}
.listing-pricing-modal .listing-detail-actions>button{
  display:block;grid-column:auto;min-width:0;width:100%;min-height:45px;
  padding:10px 13px;
  background:#1a293c;color:#edf4ff;
  border:1px solid #45627f;border-radius:9px;
  font-size:14px;font-weight:700;line-height:1.25;text-align:center;
  cursor:pointer;
  transition:background-color .15s,border-color .15s,box-shadow .15s;
}
.listing-pricing-modal .listing-detail-actions>button:hover:not(:disabled){background:#243d57;border-color:#719ac1;box-shadow:0 3px 10px rgba(0,0,0,.17)}
.listing-pricing-modal .listing-detail-actions>button:active:not(:disabled){background:#142536}
.listing-pricing-modal .listing-detail-actions>button:focus-visible,
.listing-pricing-modal #detailProfileSelect:focus-visible{
  outline:2px solid var(--bpiq-action-blue-ring);outline-offset:2px;
}
/* Manual Pricing is the primary steel-blue action, matching Save Manual Pricing. */
.listing-pricing-modal .listing-detail-actions>#detailManual{
  background:var(--bpiq-action-blue)!important;
  color:#fff!important;border-color:#4b8cc5!important;
}
.listing-pricing-modal .listing-detail-actions>#detailManual:hover:not(:disabled){background:var(--bpiq-action-blue-hover)!important;border-color:#70a8d8!important}
.listing-pricing-modal .listing-detail-actions>#detailManual:active:not(:disabled){background:var(--bpiq-action-blue-pressed)!important}
/* Stopping automatic pricing remains a warning, not a red primary CTA. */
.listing-pricing-modal .listing-detail-actions>#detailAuto.danger-btn{
  background:#281c23;color:#f2b8be;border-color:#854451;
}
.listing-pricing-modal .listing-detail-actions>#detailAuto.danger-btn:hover:not(:disabled){background:#3a222a;border-color:#aa5a69}
/* A live test publishes a real price: distinguish it from ordinary navigation. */
.listing-pricing-modal .listing-detail-actions>#detailLiveTest{
  grid-column:auto;background:#29251d;color:#f0d9b2;border-color:#856b42;
}
.listing-pricing-modal .listing-detail-actions>#detailLiveTest:hover:not(:disabled){background:#383022;border-color:#b2935a}
/* Keep the two consequential listing actions side by side on desktop. */
.listing-pricing-modal .listing-detail-actions>#detailRemove{
  grid-column:auto;margin-top:0;
  background:#2b151b;color:#ffc0c6;border-color:#873d4b;
}
.listing-pricing-modal .listing-detail-actions>#detailRemove:hover:not(:disabled){background:#412128;border-color:#ae5562}
/* Keep the full history available, but do not force 8+ old alerts above actions. */
.listing-pricing-modal .lc-alert-history{
  padding:0;border:1px solid #365374;border-radius:10px;
  background:#0b1421;min-width:0;
}
.listing-pricing-modal .lc-alert-history>summary{
  position:relative;display:flex;align-items:center;gap:9px;
  padding:14px 38px 14px 15px;
  list-style:none;cursor:pointer;color:#dce8f6;
  font-size:13px;font-weight:700;
}
.listing-pricing-modal .lc-alert-history>summary::-webkit-details-marker{display:none}
.listing-pricing-modal .lc-alert-history>summary::after{
  content:'▾';position:absolute;right:14px;color:#9fc3e1;font-size:15px;
}
.listing-pricing-modal .lc-alert-history[open]>summary::after{content:'▴'}
.listing-pricing-modal .lc-alert-history>summary:focus-visible{outline:2px solid var(--bpiq-action-blue-ring);outline-offset:-3px;border-radius:9px}
.listing-pricing-modal .lc-alert-count{font-size:12px;font-weight:500;color:#9fb4ca}
.listing-pricing-modal .lc-alert-history-list{padding:0 15px 10px;border-top:1px solid #2b425d;max-height:250px;overflow-y:auto}
.listing-pricing-modal .lc-alert-history-row{padding:10px 0;border-bottom:1px solid #24354b;font-size:12px;line-height:1.45}
.listing-pricing-modal .lc-alert-history-row:last-child{border-bottom:0}
.listing-pricing-modal .lc-alert-history-row span{color:#a5bad0}
.listing-pricing-modal .lc-alert-history-row div{margin-top:4px;color:#d4e1ef;overflow-wrap:anywhere}
@media(max-width:760px){
  #modal .modal-card.listing-pricing-modal{width:98vw;padding:16px}
  .listing-pricing-modal .panel-head h2{font-size:21px}
  .listing-pricing-modal .detail-grid{grid-template-columns:minmax(0,1fr)}
  .listing-pricing-modal .listing-detail-actions{grid-template-columns:minmax(0,1fr)}
  .listing-pricing-modal .listing-detail-actions>button{grid-column:1/-1}
}

/* Dealer-facing Listing Pricing information hierarchy: only four essentials
   are initially visible; preserve detail values and alert history in expanders. */
.listing-pricing-modal .lc-pricing-highlights{margin-bottom:12px}
.listing-pricing-modal .lc-listing-extras{
  margin:0 0 12px;min-width:0;overflow:hidden;
  border:1px solid #365374;border-radius:10px;background:#0b1421;
}
.listing-pricing-modal .lc-listing-extras>summary{
  position:relative;display:flex;align-items:center;
  padding:14px 38px 14px 15px;list-style:none;cursor:pointer;
  color:#dce8f6;font-size:13px;font-weight:700;
}
.listing-pricing-modal .lc-listing-extras>summary::-webkit-details-marker{display:none}
.listing-pricing-modal .lc-listing-extras>summary::after{
  content:'▾';position:absolute;right:14px;color:#9fc3e1;font-size:15px;
}
.listing-pricing-modal .lc-listing-extras[open]>summary::after{content:'▴'}
.listing-pricing-modal .lc-listing-extras>summary:focus-visible{
  outline:2px solid var(--bpiq-action-blue-ring);outline-offset:-3px;border-radius:9px;
}
.listing-pricing-modal .lc-extras-content{
  padding:3px 14px 14px;border-top:1px solid #2b425d;
}
.listing-pricing-modal .lc-section-label{
  color:#c6d8eb;font-size:12px;font-weight:750;
  margin:13px 1px 9px;
}
.listing-pricing-modal .lc-details-grid{margin-bottom:0}
.listing-pricing-modal .lc-listing-last-error{margin-bottom:12px}
.listing-pricing-modal .lc-alert-history{margin-bottom:14px}
/* Dark, slim scrollbars inside Listing Pricing only (not global styles). */
#modal .modal-card.listing-pricing-modal,
.listing-pricing-modal .lc-alert-history-list{
  scrollbar-width:thin;scrollbar-color:#46617f #101b2c;
}
#modal .modal-card.listing-pricing-modal::-webkit-scrollbar,
.listing-pricing-modal .lc-alert-history-list::-webkit-scrollbar{width:9px}
#modal .modal-card.listing-pricing-modal::-webkit-scrollbar-track,
.listing-pricing-modal .lc-alert-history-list::-webkit-scrollbar-track{background:#101b2c;border-radius:10px}
#modal .modal-card.listing-pricing-modal::-webkit-scrollbar-thumb,
.listing-pricing-modal .lc-alert-history-list::-webkit-scrollbar-thumb{
  background:#46617f;border:2px solid #101b2c;border-radius:10px;
}
#modal .modal-card.listing-pricing-modal::-webkit-scrollbar-thumb:hover,
.listing-pricing-modal .lc-alert-history-list::-webkit-scrollbar-thumb:hover{background:#6585a5}

/* Listing Pricing dealer live preview — same unified read-only panel as Adjust Pricing. */
.listing-pricing-modal .lc-live-price-preview {
  margin:0 0 12px;
  border:1px solid #365374;background:#0b1421;
  color:#d3dfef;border-radius:10px;padding:14px 16px;
}
.listing-pricing-modal .lc-live-price-preview>strong {display:block;color:#f1f5fb;font-size:18px;line-height:1.4;}
.listing-pricing-modal .lc-live-price-preview .unified-price-rows {font-size:14px;gap:6px 14px;margin-top:8px;}
.listing-pricing-modal .lc-live-price-preview .unified-price-final {font-size:17px;padding-top:9px;}
.listing-pricing-modal .lc-live-price-preview .unified-fee-details {margin-top:10px;}
.listing-pricing-modal .lc-live-price-preview .unified-fee-details summary {color:#cbd8e8;font-size:14px;cursor:pointer;}
.listing-pricing-modal .lc-live-price-preview .listing-live-updated {display:block;color:#a9c4de;font-size:11px;margin-top:4px;}
.listing-pricing-modal .listing-detail-actions .lc-profile-hint {display:block;color:#a9bdd4;font-size:11px;font-weight:400;line-height:1.4;margin-top:6px;}

/* 2026-10-28: Full Listing Details is informational, except explicitly retained
   auto-pricing and BPIQ removal actions. Other pricing controls live in Adjust. */
.listing-pricing-modal .lc-identifiers{display:flex;gap:7px 16px;flex-wrap:wrap;margin:-4px 0 15px;padding:9px 12px;border:1px solid #345172;border-radius:9px;background:#0b1421;color:#a9c3df;font-size:12px;}
.listing-pricing-modal .lc-identifiers strong{color:#eff5fc;margin-left:5px;font-size:13px;}
.listing-pricing-modal .lc-section-label{font-size:13px;color:#d4e3f3;margin:16px 0 9px;}
.listing-pricing-modal .lc-details-grid{margin-bottom:9px;}
.listing-pricing-modal .lc-management-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.listing-pricing-modal .lc-management-actions>button{min-width:0;}
#view-inventory .products-working-filters{align-items:center;}
#view-inventory .products-bulk-open{border:1px solid #4b7ca8;border-radius:9px;background:#1a3047;color:#e6f1fd;min-height:43px;padding:9px 15px;font-size:14px;font-weight:700;cursor:pointer;}
#view-inventory .products-bulk-open:hover{background:#274c70;border-color:#6b9ecb;}
#view-inventory #productsBulkRemove{background:#2c171d;color:#ffd0d4;border-color:#954b55;font-weight:700;}
#view-inventory #productsBulkRemove:hover{background:#46242b;}
.lc-remove-list{background:#101d2b;border:1px solid #42566c;border-radius:10px;padding:12px;max-height:210px;overflow:auto;}
.lc-remove-list ul{margin:8px 0 0;padding-left:22px;font-size:13px;line-height:1.6;}
.lc-remove-ack{display:flex;gap:9px;align-items:flex-start;color:#d9e7f5;font-size:13px;}
.lc-remove-ack input{accent-color:#a65a63;margin-top:3px;}
@media(max-width:640px){.listing-pricing-modal .lc-management-actions{grid-template-columns:minmax(0,1fr);}}

.listing-pricing-modal .lc-identifiers{flex-direction:column;align-items:flex-start;}

#view-inventory .products-working-filters .products-select-visible{display:inline-flex;flex-direction:row;align-items:center;gap:8px;color:#d4e1f1;font-size:13px;cursor:pointer;}
#view-inventory .products-select-visible input{width:17px;height:17px;accent-color:#397bb7;cursor:pointer;}


/* 2026-10-28 — Full Listing Details hierarchy, product selection alignment,
   and one consistent label-to-info-icon gap. No changes to behavior. */
:root{--bpiq-info-label-gap:9px;}
:is(.field-label-row,.inventory-header-help,.sync-header-help,.match-header-help,.track-separate-wrap){
  column-gap:var(--bpiq-info-label-gap)!important;
}
#view-inventory .inventory-table .inventory-header-help,
#inventorySyncPreviewPanel .sync-preview-table .sync-header-help,
#view-matching #matchReviewTableWrap .match-header-help,
#view-inventory .products-table .inventory-header-help{
  gap:var(--bpiq-info-label-gap)!important;
}
/* Channel Status stays above selection; Select visible starts directly over
   the product-row checkbox lane rather than competing with a long paragraph. */
#view-inventory .products-working-filters{
  display:flex;flex-direction:column;align-items:flex-start;gap:9px;
  padding:0 12px 14px;
}
#view-inventory .products-selection-controls{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-height:33px;
}
#view-inventory .products-selection-controls .products-select-visible{
  display:inline-flex;align-items:center;gap:8px;flex-direction:row;
  font-size:13px;color:#d4e1f1;cursor:pointer;
}
#view-inventory .products-selection-controls #productsSelectVisible{
  width:20px;height:20px;min-width:20px;margin:0 0 0 4px;accent-color:#397bb7;
}

/* Review Center uses a standalone inline icon wrapper rather than a flex
   heading; match the shared label/icon offset without altering tooltips. */
.review-help-wrap{margin-inline-start:var(--bpiq-info-label-gap);}

/* Consolidated dealer UI — compact listing identification in existing popup headers. */
#modal .modal-card .lc-product-identity {
  display:flex;align-items:center;gap:13px;padding:11px 13px;margin:0 0 14px;
  border:1px solid #345172;border-radius:10px;background:#0b1421;
}
#modal .modal-card .lc-identity-image{flex:0 0 66px;width:66px;height:66px;object-fit:cover;border-radius:8px;border:1px solid #3f5570;background:#111f2e;}
#modal .modal-card .lc-identity-placeholder{display:flex;align-items:center;justify-content:center;color:#9aacbf;font-size:20px;}
#modal .modal-card .lc-identity-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;gap:5px;}
#modal .modal-card .lc-identity-name{font-size:15px;font-weight:750;line-height:1.35;color:#eef5fc;overflow-wrap:anywhere;}
#modal .modal-card .lc-identity-id,#modal .modal-card .lc-identity-extra{font-size:12px;color:#a9c3df;overflow-wrap:anywhere;}
#modal .modal-card.manual-pricing-modal .lc-product-identity{margin:0 0 13px;}
#modal .modal-card.manual-pricing-modal .field-label-row{column-gap:8px!important;}
/* Products: unobtrusive selection status and a single five-operation dropdown. */
#view-inventory .products-bulk-picker{display:inline-flex;align-items:center;}
#view-inventory #productsBulkActionsSelect {
  min-width:225px;min-height:43px;padding:9px 37px 9px 13px;border:1px solid #4b7ca8;
  border-radius:9px;background:#1a3047;color:#e6f1fd;font-size:14px;font-weight:700;cursor:pointer;
}
#view-inventory #productsBulkActionsSelect:disabled{opacity:.5;cursor:not-allowed;}
#view-inventory #productsBulkActionsSelect option{background:#111e2c;color:#e9f2fa;}
#view-inventory #productsBulkActionsSelect option[value="remove"]{color:#f0b9c1;}
#view-inventory .products-bulk-status{display:flex;align-items:center;gap:14px;margin:0 12px 12px;padding:4px 0;color:#c6d9ee;font-size:13px;flex-wrap:wrap;}
#view-inventory .products-bulk-status.hidden{display:none!important;}
#view-inventory .products-bulk-status button{border:0;background:transparent;color:#8ebeea;font:inherit;font-weight:650;cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
/* One review-and-confirm popup for each bulk operation, consistent with Manual Pricing. */
.listing-pricing-modal .lc-bulk-confirm-form{gap:14px;}
.listing-pricing-modal .lc-bulk-summary{border:1px solid #365374;background:#101e2d;padding:13px 15px;border-radius:10px;}
.listing-pricing-modal .lc-bulk-summary strong{color:#eff5fd;font-size:16px;}
.listing-pricing-modal .lc-bulk-summary p{margin:7px 0 0;color:#c3d2e4;font-size:13px;line-height:1.55;}
.listing-pricing-modal .bulk-review-select-label{font-size:13px;color:#d0dbeb;font-weight:700;}
.listing-pricing-modal #bulkReviewChoice{display:block;width:100%;margin-top:7px;min-height:43px;border:1px solid #466585;border-radius:9px;background:#101620;color:#f5f8fd;padding:8px 12px;}
.listing-pricing-modal .lc-bulk-review-list{border:1px solid #40556d;background:#0e1b29;border-radius:10px;max-height:240px;overflow:auto;padding:12px 15px;}
.listing-pricing-modal .lc-bulk-review-list summary{cursor:pointer;font-size:13px;font-weight:700;color:#e0ecf7;}
.listing-pricing-modal .lc-bulk-review-list ul{padding-left:22px;margin:10px 0 0;font-size:12px;line-height:1.6;color:#c5d5e5;}
.listing-pricing-modal .lc-bulk-review-list li{margin:5px 0;overflow-wrap:anywhere;}
.listing-pricing-modal .lc-bulk-review-list small{color:#93a7c1;}
.listing-pricing-modal .lc-bulk-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;}
.listing-pricing-modal .lc-bulk-confirm-actions button{min-height:43px;}
.listing-pricing-modal .lc-bulk-confirm-actions .primary,.listing-pricing-modal .lc-bulk-done{background:#326fa6;color:#fff;border:1px solid #528bbc;border-radius:9px;font-weight:750;}
.listing-pricing-modal .lc-bulk-confirm-actions .danger-btn{background:#3b2028;color:#ffd8de;border:1px solid #a75465;border-radius:9px;font-weight:750;}
.listing-pricing-modal .lc-bulk-confirm-form #bulkReviewResult:not(:empty){background:#101e2d;border:1px solid #345172;border-radius:10px;padding:12px;color:#dae6f3;line-height:1.5;}
.listing-pricing-modal .lc-bulk-done{display:block;width:100%;margin-top:11px;padding:10px;cursor:pointer;}
@media(max-width:640px){#view-inventory #productsBulkActionsSelect{min-width:194px}.listing-pricing-modal .lc-bulk-confirm-actions{grid-template-columns:1fr}.listing-pricing-modal .lc-product-identity{align-items:flex-start;}}
/* Keep Select All and Bulk Actions on the same toolbar row when space permits. */
#view-inventory .products-selection-controls {width:100%;justify-content:flex-start;}
@media(max-width:480px){#view-inventory .products-selection-controls{gap:10px;}}

#view-inventory .products-bulk-picker{flex:0 1 270px;width:270px;max-width:100%;}
#view-inventory #productsBulkActionsSelect{width:100%;}

/* Dealer details: never confuse internal pricing health with marketplace status. */
#modal .lc-marketplace-verified{
  display:block;margin-top:5px;font-size:11px;font-weight:500;line-height:1.4;color:#a8bfd8;
}
/* Pricing Method uses the SAME inline label/icon relationship as Inventory help.
   Scope to its actual markup; prior generic .field-label-row gaps were unreliable. */
:root{--bpiq-info-label-gap:9px;}
#modal .modal-card.manual-pricing-modal .pricing-method-label-row,
.profile-editor-section .pricing-method-label-row{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:0!important;column-gap:0!important;white-space:nowrap;
}
#modal .modal-card.manual-pricing-modal .pricing-method-label-row > .pricing-info-wrap,
.profile-editor-section .pricing-method-label-row > .pricing-info-wrap{
  display:inline-flex!important;align-items:center!important;
  margin-inline-start:var(--bpiq-info-label-gap)!important;
  flex:0 0 18px!important;
}
#modal .modal-card.manual-pricing-modal .pricing-method-label-row .pricing-info-btn,
.profile-editor-section .pricing-method-label-row .pricing-info-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;
  padding:0!important;margin:0!important;
}

/* Bulk Actions review-only polish — scoped to approved Listing Pricing popups */
.listing-pricing-modal .lc-bulk-confirm-actions #bulkReviewCancel,
.listing-pricing-modal .lc-bulk-create-tag .lc-bulk-secondary{
  background:#162335!important;color:#e6eff9!important;border:1px solid #39516c!important;border-radius:9px;font-weight:650;
}
.listing-pricing-modal .lc-bulk-confirm-actions #bulkReviewCancel:hover,
.listing-pricing-modal .lc-bulk-create-tag .lc-bulk-secondary:hover{background:#20354c!important;border-color:#5d80a5!important;}
.listing-pricing-modal .lc-bulk-create-tag{border:1px solid #374f67;background:#101d2c;border-radius:10px;padding:12px 15px;}
.listing-pricing-modal .lc-bulk-create-tag p{color:#bfcee2;font-size:12px;margin:6px 0 10px;}
.listing-pricing-modal .lc-bulk-create-tag .lc-bulk-secondary{padding:9px 14px;cursor:pointer;}
.listing-pricing-modal .lc-bulk-create-tag-row{display:flex;gap:9px;margin:7px 0;}
.listing-pricing-modal .lc-bulk-create-tag-row input{min-width:0;flex:1;border:1px solid #476483;background:#0d1827;color:#eaf3ff;border-radius:9px;padding:9px;}
.listing-pricing-modal #bulkTagCreationStatus:not(:empty){font-size:12px;color:#c9d9e8;margin-top:8px;}
.listing-pricing-modal .lc-bulk-rule-card{padding:13px 15px;background:#0f1e2d;border:1px solid #385472;border-radius:10px;color:#e1edfa;}
.listing-pricing-modal .lc-bulk-rule-card strong{font-size:14px;}
.listing-pricing-modal .lc-bulk-rule-card p,.listing-pricing-modal .lc-bulk-price-review p,.listing-pricing-modal .lc-bulk-eligibility p{color:#b8c9db;font-size:12px;line-height:1.5;margin:10px 0 0;}
.listing-pricing-modal .lc-bulk-rule-grid{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,1.6fr);gap:6px 16px;margin-top:11px;font-size:12px;}
.listing-pricing-modal .lc-bulk-rule-grid span{color:#99afc8;}
.listing-pricing-modal .lc-bulk-rule-grid b{font-weight:650;}
.listing-pricing-modal .lc-bulk-price-review,.listing-pricing-modal .lc-bulk-eligibility{background:#101d2b;border:1px solid #3b5878;border-radius:10px;padding:13px 15px;}
.listing-pricing-modal .lc-bulk-price-grid{display:grid;grid-template-columns:minmax(155px,1.8fr) minmax(75px,.6fr) minmax(88px,1fr);gap:8px 11px;align-items:start;font-size:12px;margin-top:11px;overflow-wrap:anywhere;}
.listing-pricing-modal .lc-bulk-price-grid>span:nth-child(-n+3){font-weight:750;color:#9eb7d0;border-bottom:1px solid #314c66;padding-bottom:7px;}
.listing-pricing-modal .lc-bulk-price-grid small{display:block;color:#e9b5aa;font-weight:450;}
.listing-pricing-modal .lc-bulk-eligibility ul{margin:8px 0 0;padding-left:21px;font-size:12px;line-height:1.6;}
@media(max-width:640px){.listing-pricing-modal .lc-bulk-rule-grid{grid-template-columns:1fr 1fr}.listing-pricing-modal .lc-bulk-price-grid{grid-template-columns:1.5fr .65fr .9fr}.listing-pricing-modal .lc-bulk-create-tag-row{flex-direction:column;}}

/* The read-only Bulk Actions estimate waits briefly for the next accepted quote. */
.listing-pricing-modal .lc-bulk-quote-retry{color:#adc4df;font-size:12px;line-height:1.5;margin:10px 0 0;}
.listing-pricing-modal #bulkQuoteRetryNow{margin-top:9px;padding:8px 12px;background:#17283d;color:#e4eefb;border:1px solid #526d8a;border-radius:9px;cursor:pointer;}
.listing-pricing-modal #bulkQuoteRetryNow:hover{background:#20354c;border-color:#5d80a5;}

/* 2026-10-29: Products 10-point polish ONLY. Does not change inventory state,
   inventory matching, product sorting, marketplace synchronization or pricing. */
#view-inventory .products-working-filters{
  display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:space-between!important;flex-wrap:wrap;gap:12px!important;
  padding:0 12px 14px;
}
#view-inventory .products-selection-controls{
  width:auto!important;flex:1 1 auto;display:flex!important;align-items:center;
  justify-content:flex-end!important;gap:12px;flex-wrap:wrap;min-height:43px;
}
#view-inventory .products-bulk-picker{flex:0 1 270px;width:270px;max-width:100%;}
#view-inventory .products-bulk-status{
  margin:0!important;padding:0!important;min-height:0;gap:9px!important;
  display:flex;align-items:center;flex-wrap:wrap;
}
#view-inventory .products-bulk-status.hidden{display:none!important;}
#view-inventory .products-table .products-header-product{
  display:block;position:relative;min-height:25px;width:100%;text-align:center;
}
#view-inventory .products-table .products-header-product>span{
  display:block;text-align:center;width:100%;
}
#view-inventory .products-table #productsSelectVisible{
  appearance:auto;position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:20px;height:20px;min-width:20px;margin:0!important;
  accent-color:#397bb7;cursor:pointer;
}
#view-inventory .products-table thead th:first-child{text-align:center!important;}
#view-inventory .products-table :is(th,td):nth-child(4){width:12%!important;}
#view-inventory .products-table :is(th,td):nth-child(5){width:16%!important;}
#view-inventory .products-table thead th:nth-child(4) .inventory-status-heading,
#view-inventory .products-table tbody td:nth-child(4) > .inventory-status-stack,
#view-inventory .products-table tbody td:nth-child(4) > .status{
  position:static!important;left:auto!important;
}
@media(max-width:850px){
  #view-inventory .products-selection-controls{justify-content:flex-start!important;}
  #view-inventory .products-bulk-picker{flex:1 1 220px;}
}

/* Unified Products control rows — pricing and bulk actions incorporated above ONE table.
   Preserve Inventory Matching, existing inventory badges, and table-column alignment. */
#view-inventory #productsLegacyPricingCompat{display:none!important;}
#view-inventory .products-primary-filters{
  display:flex;align-items:end;gap:11px;flex-wrap:wrap;padding:12px 20px 10px;
}
#view-inventory .products-primary-filters .inventory-control{width:185px;min-width:145px;flex:0 1 185px;}
#view-inventory .products-primary-filters .inventory-control:nth-child(2){width:196px;flex-basis:196px;}
#view-inventory .products-primary-filters .inventory-control:nth-child(3){width:192px;flex-basis:192px;}
#view-inventory .products-primary-filters .inventory-control select{min-width:0;width:100%;}
#view-inventory .products-primary-filters #refreshInventory{margin-left:auto;}
#view-inventory .products-search-actions-row{
  display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:0 20px 12px;
}
#view-inventory .products-search-actions-row .inventory-search-control{
  flex:1 1 330px;width:auto;min-width:180px;display:flex;min-height:43px;
}
#view-inventory .products-search-actions-row #inventorySearch{height:43px;width:100%;}
#view-inventory .products-search-actions-row .products-more-filters{
  flex:0 0 auto;min-height:43px;padding:0 14px;white-space:nowrap;
  border:1px solid #3b536b;border-radius:9px;background:#142234;color:#e0ecf8;
  cursor:pointer;font-weight:650;
}
#view-inventory .products-search-actions-row .products-more-filters:hover,
#view-inventory .products-search-actions-row .products-more-filters.filters-active{border-color:#6d9bca;background:#1e334a;}
#view-inventory .products-visible-count{font-size:12px;color:#a9bfd5;white-space:nowrap;}
#view-inventory .products-search-actions-row .products-selection-controls{
  display:flex!important;flex:0 0 auto;width:auto!important;justify-content:flex-end!important;
  flex-wrap:nowrap;align-items:center;gap:9px;margin-left:auto;
}
#view-inventory .products-search-actions-row .products-bulk-picker{flex:0 0 235px;width:235px;max-width:100%;}
#view-inventory .products-search-actions-row #productsBulkActionsSelect{min-width:0;width:100%;height:43px;}
#view-inventory .products-extra-filters{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
  margin:0 20px 14px;padding:14px;border:1px solid #30435a;border-radius:10px;background:#0e1723;
}
#view-inventory .products-extra-filters.hidden{display:none!important;}
#view-inventory .products-extra-filters label{display:flex;flex-direction:column;gap:6px;min-width:0;color:#c8d6e7;font-size:13px;font-weight:650;}
#view-inventory .products-extra-filters select{height:43px;min-width:0;width:100%;border-radius:9px;background:#111b29;color:#e9f2fc;border:1px solid #354960;padding:0 10px;}
#view-inventory .products-extra-footer{grid-column:1/-1;display:flex;justify-content:flex-end;}
#view-inventory .products-extra-footer button{border:1px solid #405b77;border-radius:8px;padding:9px 13px;background:#17293d;color:#d5e7f8;cursor:pointer;}
#view-inventory .products-extra-footer button:hover{background:#223f5c;}
@media(max-width:1020px){
 #view-inventory .products-search-actions-row .products-selection-controls{margin-left:0;}
 #view-inventory .products-primary-filters #refreshInventory{margin-left:0;}
 #view-inventory .products-extra-filters{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:650px){
 #view-inventory .products-primary-filters{padding:12px 12px 10px;}
 #view-inventory .products-primary-filters .inventory-control{flex:1 1 145px!important;width:auto!important;}
 #view-inventory .products-primary-filters #refreshInventory{width:100%;}
 #view-inventory .products-search-actions-row{padding:0 12px 12px;}
 #view-inventory .products-search-actions-row .inventory-search-control{flex-basis:100%;}
 #view-inventory .products-search-actions-row .products-selection-controls{flex:1 1 100%;justify-content:flex-end!important;}
 #view-inventory .products-extra-filters{grid-template-columns:1fr;margin:0 12px 12px;}
}
#view-inventory .products-search-actions-row .sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* 2026-10-30: approved stable Products toolbar and aligned master-stock header.
   Only the Products UI: selections never reflow the Search / More Filters /
   Bulk Actions line; the optional advanced filters still expand on request. */
@media (min-width: 1021px){
  #view-inventory .products-search-actions-row{
    display:grid!important;
    grid-template-columns:minmax(0,46%) minmax(0,1fr) 235px;
    align-items:center!important;
    column-gap:12px!important;
    row-gap:0!important;
    flex-wrap:nowrap!important;
  }
  #view-inventory .products-search-actions-row .inventory-search-control{
    flex:none!important;width:100%!important;min-width:0!important;
    margin:0!important;
  }
  #view-inventory .products-search-actions-row .products-more-filters{
    flex:none!important;width:100%!important;min-width:0!important;
    height:43px;justify-self:stretch;
  }
  #view-inventory .products-search-actions-row .products-selection-controls{
    flex:none!important;width:100%!important;min-width:0!important;
    margin:0!important;flex-wrap:nowrap!important;
    justify-content:flex-end!important;
  }
  #view-inventory .products-search-actions-row .products-bulk-picker{
    flex:none!important;width:100%!important;max-width:none!important;
  }
}
/* At smaller widths, keep the same fixed control order without overlap. */
@media (min-width: 651px) and (max-width: 1020px){
  #view-inventory .products-search-actions-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(150px,0.6fr) minmax(180px,0.7fr);
    gap:10px!important;
  }
  #view-inventory .products-search-actions-row .inventory-search-control,
  #view-inventory .products-search-actions-row .products-more-filters,
  #view-inventory .products-search-actions-row .products-selection-controls,
  #view-inventory .products-search-actions-row .products-bulk-picker{
    width:100%!important;min-width:0!important;max-width:none!important;flex:none!important;margin:0!important;
  }
}
/* This region is present even with zero selected products. */
#view-inventory .products-selection-status-slot{
  height:32px;box-sizing:border-box;padding:0 20px 5px;
  display:flex;align-items:center;justify-content:flex-end;
}
#view-inventory .products-selection-status-slot .products-bulk-status{
  display:flex;align-items:center;justify-content:flex-end;gap:14px!important;
  padding:0!important;margin:0!important;min-height:0!important;
  flex-wrap:nowrap!important;white-space:nowrap;line-height:1.25;
  font-size:13px;
}
#view-inventory .products-selection-status-slot .products-bulk-status.hidden{display:none!important;}
#view-inventory .products-table thead tr{height:69px;}
#view-inventory .products-table thead th{
  height:69px!important;vertical-align:middle!important;
  line-height:1.25!important;
  padding-top:10px!important;padding-bottom:10px!important;
}
#view-inventory .products-table thead th .products-master-inventory-heading{
  display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;width:100%;gap:0;line-height:1.22;
  font-size:17px;font-weight:700;color:inherit;
}
#view-inventory .products-table thead th .products-master-inventory-heading > span{
  display:block;width:100%;text-align:center;line-height:1.22;
}
#view-inventory .products-table thead th:nth-child(2),
#view-inventory .products-table tbody td:nth-child(2){text-align:center!important;}
@media (max-width:650px){
  #view-inventory .products-search-actions-row .products-selection-controls{
    flex:1 1 100%;width:100%!important;max-width:100%;margin:0!important;
  }
  #view-inventory .products-selection-status-slot{padding:0 12px 5px;}
  #view-inventory .products-selection-status-slot .products-bulk-status{font-size:11px;gap:8px!important;}
  #view-inventory .products-table thead th .products-master-inventory-heading{font-size:14px;}
}


/* 2026-10-30 — Products top controls edge/spacing alignment ONLY.
   Each full-width band shares the summary-card left/right edges. No Product
   Matching, inventory, pricing, or event-handler changes. */
@media (min-width: 1021px){
  #view-inventory .products-primary-filters{
    box-sizing:border-box;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr)) auto;
    align-items:end!important;
    column-gap:12px!important;
    row-gap:0!important;
    flex-wrap:nowrap!important;
    width:100%;padding:12px 0 10px!important;
  }
  #view-inventory .products-primary-filters .inventory-control,
  #view-inventory .products-primary-filters .inventory-control:nth-child(2),
  #view-inventory .products-primary-filters .inventory-control:nth-child(3){
    box-sizing:border-box;width:100%!important;min-width:0!important;
    max-width:none!important;flex:none!important;
  }
  #view-inventory .products-primary-filters #refreshInventory{
    margin:0!important;justify-self:end;align-self:end;
  }
  #view-inventory .products-search-actions-row{
    box-sizing:border-box;width:100%;padding:0!important;
    grid-template-columns:minmax(0,1.75fr) minmax(0,0.9fr) minmax(210px,1fr)!important;
    gap:12px!important;
  }
}
/* Match the cards on tablet too, while leaving small-phone controls responsive. */
@media (min-width: 651px) and (max-width: 1020px){
  #view-inventory .products-primary-filters{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr)) auto;
    box-sizing:border-box;width:100%;padding:12px 0 10px!important;
    align-items:end!important;gap:10px!important;
  }
  #view-inventory .products-primary-filters .inventory-control,
  #view-inventory .products-primary-filters .inventory-control:nth-child(2),
  #view-inventory .products-primary-filters .inventory-control:nth-child(3){
    width:100%!important;min-width:0!important;max-width:none!important;flex:none!important;
  }
  #view-inventory .products-primary-filters #refreshInventory{margin:0!important;align-self:end;}
  #view-inventory .products-search-actions-row{
    box-sizing:border-box;width:100%;padding:0!important;
    grid-template-columns:minmax(0,1.75fr) minmax(0,.9fr) minmax(150px,1fr)!important;
    gap:10px!important;
  }
}
/* Products final selected-state spacing: the selected count is anchored
   2px under the fixed toolbar; the advanced panel starts 14px after the
   reserved lane. Selection must never change the row or table positions. */
#view-inventory .products-selection-status-slot{
  box-sizing:border-box;
  height:22px!important;
  min-height:22px!important;
  padding:2px 0 0!important;
  display:flex;align-items:flex-start!important;justify-content:flex-end;
}
#view-inventory .products-selection-status-slot .products-bulk-status{
  line-height:18px!important;
  min-height:18px!important;
}
#view-inventory .products-extra-filters{
  box-sizing:border-box;width:100%;max-width:100%;
  margin:14px 0 10px!important;
  padding:12px!important;
  gap:10px!important;
}
@media (max-width:650px){
  #view-inventory .products-primary-filters{padding:12px 0 10px!important;}
  #view-inventory .products-search-actions-row{padding:0!important;}
  #view-inventory .products-extra-filters{margin:14px 0 10px!important;}
}

/* Removed Listings only — approved primary action and muted scrollbar.
   Existing restore requests, inventory and pricing behavior are untouched. */
#modal .removed-list-item > button[data-restore-listing]{
  display:inline-flex;align-items:center;justify-content:center;
  justify-self:end;width:156px;max-width:100%;min-height:44px;
  padding:10px 14px;border:1px solid #427db3!important;border-radius:9px;
  background:#2D6DAA!important;color:#fff!important;
  font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;
}
#modal .removed-list-item > button[data-restore-listing]:hover:not(:disabled){
  background:#3b7fbd!important;border-color:#6ba3d6!important;
}
#modal .removed-list-item > button[data-restore-listing]:focus-visible{
  outline:2px solid #8ABFEC;outline-offset:2px;
}
#modal .removed-list-item > button[data-restore-listing]:disabled{opacity:.6;cursor:not-allowed;}
#modal .modal-card:has(.removed-list),
#modal .modal-card:has(.removed-list) .removed-list{
  scrollbar-width:thin;scrollbar-color:#46617f #101b2c;
}
#modal .modal-card:has(.removed-list)::-webkit-scrollbar,
#modal .modal-card:has(.removed-list) .removed-list::-webkit-scrollbar{width:9px;}
#modal .modal-card:has(.removed-list)::-webkit-scrollbar-track,
#modal .modal-card:has(.removed-list) .removed-list::-webkit-scrollbar-track{background:#101b2c;border-radius:10px;}
#modal .modal-card:has(.removed-list)::-webkit-scrollbar-thumb,
#modal .modal-card:has(.removed-list) .removed-list::-webkit-scrollbar-thumb{
  background:#46617f;border:2px solid #101b2c;border-radius:10px;
}
#modal .modal-card:has(.removed-list)::-webkit-scrollbar-thumb:hover,
#modal .modal-card:has(.removed-list) .removed-list::-webkit-scrollbar-thumb:hover{background:#6585a5;}
@media (max-width:650px){
  #modal .removed-list-item > button[data-restore-listing]{width:108px;min-height:40px;padding:9px 12px;}
}


/* 2026-10-30: Shared Manual Pricing editor across eBay, Ecwid and future
   channels.  Channel-specific availability is an explicit capability gate;
   this is not a general permission to publish Ecwid prices. */
#modal .modal-card.manual-pricing-modal .manual-auto-block {
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:#142338;border:1px solid #345170;border-radius:9px;
  padding:9px 13px;min-width:0;
}
#modal .modal-card.manual-pricing-modal .manual-auto-copy {display:flex;flex-direction:column;gap:3px;min-width:0;}
#modal .modal-card.manual-pricing-modal .manual-auto-copy strong {font-size:14px;line-height:1.3;color:#f3f7fc;font-weight:700;}
#modal .modal-card.manual-pricing-modal .manual-auto-copy > span {font-size:12px;line-height:1.35;color:#bfccdd;}
#modal .modal-card.manual-pricing-modal .manual-auto-unsupported{font-size:11px;color:#93b9d8;line-height:1.3;}
#modal .modal-card.manual-pricing-modal #manualForm .manual-auto-control {
  display:flex;flex-direction:row;align-items:center;gap:10px;flex:0 0 auto;
  cursor:pointer;font-weight:700;font-size:12px;color:#c8d7e9;
}
#modal .modal-card.manual-pricing-modal #manualForm .manual-auto-control:has(input:disabled){cursor:not-allowed;opacity:.65;}
#modal .modal-card.manual-pricing-modal .manual-auto-control input {
  position:absolute;width:1px!important;height:1px!important;min-height:0!important;
  margin:0!important;padding:0!important;opacity:0;pointer-events:none;
}
#modal .modal-card.manual-pricing-modal .manual-auto-switch {
  display:flex;align-items:center;width:43px;height:25px;flex:0 0 43px;
  background:#46546a;border:1px solid #60728a;border-radius:999px;
  padding:3px;transition:background .15s ease;
}
#modal .modal-card.manual-pricing-modal .manual-auto-knob{display:block;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .15s ease;}
#modal .modal-card.manual-pricing-modal .manual-auto-control input:checked + .manual-auto-switch{background:#2D6DAA;border-color:#5b94c3;}
#modal .modal-card.manual-pricing-modal .manual-auto-control input:checked + .manual-auto-switch .manual-auto-knob{transform:translateX(18px);}
#modal .modal-card.manual-pricing-modal .manual-auto-control input:focus-visible + .manual-auto-switch{outline:2px solid #8abfec;outline-offset:3px;}
/* Group all six essentials in one shared 2-column grid. Rows take the height
   of their longest description, keeping opposing labels/fields on one baseline.
   Tighten the gap without clipping any weight or pricing-method guidance. */
#modal .modal-card.manual-pricing-modal #manualForm .manual-core-grid {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:8px;align-items:start;
}
#modal .modal-card.manual-pricing-modal #manualForm .manual-core-grid > label {
  min-width:0;margin:0;display:flex;flex-direction:column;align-items:stretch;
  gap:4px;font-size:13px;line-height:18px;font-weight:600;
}
#modal .modal-card.manual-pricing-modal #manualForm .manual-core-grid > label input,
#modal .modal-card.manual-pricing-modal #manualForm .manual-core-grid > label select {
  display:block;width:100%;height:46px;min-height:46px;max-height:46px;
  box-sizing:border-box;margin:0;padding:9px 12px;
}
#modal .modal-card.manual-pricing-modal #manualForm .manual-core-grid > label > small,
#modal .modal-card.manual-pricing-modal #manualForm .manual-core-grid .pricing-method-helper {
  display:block;margin:0;min-height:0;font-size:11px;line-height:15px;color:#bfccdd;
}
#modal .modal-card.manual-pricing-modal #manualForm {row-gap:9px;column-gap:18px;}
#modal .modal-card.manual-pricing-modal .lc-product-identity {margin-bottom:11px;}
@media (max-width:760px){
  #modal .modal-card.manual-pricing-modal #manualForm .manual-core-grid{grid-template-columns:minmax(0,1fr);row-gap:10px;}
  #modal .modal-card.manual-pricing-modal .manual-auto-block{gap:8px;padding:9px 10px;}
  #modal .modal-card.manual-pricing-modal .manual-auto-copy > span{font-size:11px;}
}


/* Full Listing Details — approved compact informational cards (eBay, Ecwid,
   future channels). Scope ONLY to this popup; Manual Pricing stays as-is. */
#modal .modal-card.listing-pricing-modal .lc-full-detail {
  display:block;min-width:0;
}
#modal .modal-card.listing-pricing-modal .lc-full-detail .lc-product-identity {
  padding:8px 10px;margin:0 0 10px;gap:11px;
}
#modal .modal-card.listing-pricing-modal .lc-full-detail .lc-identity-image {
  flex-basis:58px;width:58px;height:58px;
}
#modal .modal-card.listing-pricing-modal .lc-full-detail .lc-identity-content {
  gap:0;
}
#modal .modal-card.listing-pricing-modal .lc-full-detail .lc-identity-name {
  margin:0 0 2px;line-height:1.25;
}
#modal .modal-card.listing-pricing-modal .lc-full-detail :is(.lc-identity-id,.lc-identity-extra) {
  display:block;font-size:12px;line-height:16px;color:#afc1d5;
}
#modal .modal-card.listing-pricing-modal .lc-full-detail .lc-section-label {
  margin:9px 1px 6px;font-size:13px;line-height:18px;
}
#modal .modal-card.listing-pricing-modal .lc-full-detail .detail-grid {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;margin:0 0 8px;align-items:stretch;
}
#modal .modal-card.listing-pricing-modal .lc-full-detail .lc-non-ebay-facts {
  grid-template-columns:repeat(3,minmax(0,1fr));
}
#modal .modal-card.listing-pricing-modal .lc-full-detail .detail-row {
  box-sizing:border-box;min-width:0;min-height:60px;
  display:flex;flex-direction:column;justify-content:center;
  padding:8px 12px;border-radius:9px;
}
#modal .modal-card.listing-pricing-modal .lc-full-detail .detail-row>span {
  display:block;margin:0 0 3px;font-size:12px;line-height:16px;
}
#modal .modal-card.listing-pricing-modal .lc-full-detail .detail-row>strong {
  display:block;font-size:14px;line-height:18px;overflow-wrap:anywhere;
}
#modal .modal-card.listing-pricing-modal .lc-full-detail .lc-pricing-highlights {
  margin-bottom:8px;
}
#modal .modal-card.listing-pricing-modal .lc-full-detail .lc-management-actions {
  margin-top:8px;padding-top:10px;
}
#modal .modal-card.listing-pricing-modal .lc-full-detail :is(.lc-alert-history,.lc-listing-last-error) {
  margin-bottom:9px;
}
@media (max-width:760px) {
  #modal .modal-card.listing-pricing-modal .lc-full-detail .detail-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:550px) {
  #modal .modal-card.listing-pricing-modal .lc-full-detail .detail-grid,
  #modal .modal-card.listing-pricing-modal .lc-full-detail .lc-non-ebay-facts {
    grid-template-columns:minmax(0,1fr);
  }
}

/* Synced Listings + Independent Listings: preserve approved matching panels. */
.match-correction-panel{padding:0!important;overflow:hidden}
.match-correction-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;background:transparent;border:0;color:#f3f6fa;padding:17px 20px;cursor:pointer}
.match-correction-toggle>span:first-child{display:grid;gap:4px}.match-correction-toggle strong{font-size:17px;font-weight:800}.match-correction-toggle small{font-size:12px;color:#aabbd0;font-weight:400}
.match-correction-chevron{font-size:23px;color:#8abfec}.match-correction-toggle[aria-expanded="true"] .match-correction-chevron{transform:rotate(180deg)}
#syncedListingsBody,#trackedSeparatelyBody{padding:0 20px 18px}
.match-correction-search{display:block;max-width:100%;margin:0 0 12px}.match-correction-search input{width:100%;height:42px;background:#0e1929;border:1px solid #34475f;border-radius:7px;color:#e5ecf4;padding:0 12px}
.match-correction-wrap{border:1px solid #30445d;border-radius:9px;overflow-x:auto}.match-correction-table{border-collapse:collapse;width:100%;min-width:780px;table-layout:fixed;background:#101b2b}
.match-correction-table th{background:#142033;color:#d7e0ec;font-size:15px;font-weight:700;text-align:center;padding:12px 10px;vertical-align:middle}
.match-correction-table th:first-child{text-align:left;width:23%}.match-correction-table th:nth-child(2){width:51%}.match-correction-table th:nth-child(3){width:12%}.match-correction-table th:last-child{width:14%}
.match-correction-table td{padding:10px 9px;border-top:1px solid #2c3e53;vertical-align:middle}
.match-correction-product{display:flex;align-items:center;gap:10px;min-width:0}.match-correction-product>div:last-child{min-width:0}
.match-correction-product strong{color:#f2f5f9;font-size:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.match-correction-product small{display:block;color:#9facbf;font-size:11px;margin-top:3px}
.match-correction-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.match-correction-listing-card{display:flex;align-items:center;gap:7px;padding:7px;border:1px solid #354760;border-radius:7px;background:#152337;min-width:0;min-height:59px}
.match-correction-thumb{width:39px;height:39px;flex:0 0 39px;object-fit:contain;border-radius:5px;border:1px solid #374a60;background:#25374c;color:#dae3ed}
.match-correction-placeholder{display:grid;place-items:center;font-size:21px}
.match-correction-listing-info{min-width:0;flex:1;display:grid;gap:1px}
.match-correction-channel{font-size:10px;font-weight:800;color:#8abfec}
.match-correction-listing-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f4f7fb;font-size:11px;font-weight:650}
.match-correction-listing-info small{color:#9dadc2;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.match-correction-stock{text-align:center!important;font-size:14px;color:#eaf0f7;font-weight:800}
.match-correction-action{text-align:center!important}.match-correction-action button{min-width:115px;background:#162236;border:1px solid #49607b;color:#d7e0ec;padding:10px 12px;border-radius:7px;font-weight:700;font-size:12px}
.match-correction-action button:hover{background:#22354e;border-color:#8abfec}
.match-correction-empty{padding:18px;text-align:center}
.match-correction-channel-cell{text-align:center;color:#d7e0ec;font-weight:650}
.match-correction-separate th:first-child{width:45%}.match-correction-separate th:nth-child(2){width:25%}.match-correction-separate th:nth-child(3){width:12%}.match-correction-separate th:last-child{width:18%}
.match-correction-form{display:grid;gap:12px}.match-correction-form p{color:#b7c9dc;font-size:12px;line-height:1.5;margin:0}
.match-correction-options{display:grid;gap:6px;max-height:300px;overflow-y:auto}
.match-correction-choice{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #344860;border-radius:7px;background:#142338}
.match-correction-choice>span{min-width:0;flex:1}.match-correction-choice b{display:block;color:#edf3fa;font-size:12px}.match-correction-choice small{display:block;margin-top:3px;color:#aabbd0;font-size:11px}
.match-correction-choice input,.match-correction-ack input,.match-correction-select-all input{accent-color:#2d6daa;width:17px;height:17px;flex:0 0 17px}
.match-correction-select-all,.match-correction-ack{display:flex;gap:10px;align-items:center;color:#d7e0ec;font-size:12px}
.match-correction-qty-form{display:grid;gap:10px;border:1px solid #364c68;border-radius:7px;padding:12px;background:#111d30}
.match-correction-qty-form>strong{color:#edf3fa;font-size:13px}.match-correction-qty-form label,.match-correction-form>label:not(.match-correction-ack):not(.match-correction-select-all){display:grid;gap:5px;color:#cedceb;font-size:12px}
.match-correction-qty-form input,.match-correction-qty-form select,.match-correction-form>label>input[type=number]{height:40px;padding:0 10px;background:#0d1725;border:1px solid #47627e;border-radius:6px;color:#fff}
#matchCorrectionNewQuantities{display:grid;gap:8px}.match-correction-note{font-size:11px!important}.match-correction-buttons{justify-content:flex-end}
@media(max-width:860px){.match-correction-table{min-width:700px}.match-correction-listing-card{padding:5px}.match-correction-thumb{width:32px;height:32px;flex-basis:32px}}
.match-correction-table .products-master-inventory-heading{display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:0;line-height:1.2;text-align:center;white-space:normal}

/* Matching Corrections V2 — approved compact explanation and separate-confirmation UI */
#inventorySyncPreviewPanel .sync-preview-info {background:#151c29;border:1px solid #344255;padding:11px 16px!important}
#inventorySyncPreviewPanel .sync-preview-info .match-safety-detail {font-size:14px;line-height:1.5}
#inventorySyncPreviewPanel .sync-preview-info.collapsed {padding:11px 16px!important}
.manage-separate-form {color:#d7e0ec}
.manage-separate-form p {margin:0 0 12px}
.manage-separate-listing {background:#101827;border:1px solid #2e3c51;border-radius:8px;padding:12px;margin:8px 0 14px}
.manage-separate-label {font-size:12px;font-weight:700;letter-spacing:.025em;color:#8abfec;margin-bottom:10px}
.manage-separate-listing .match-listing-cell {display:flex;gap:12px;align-items:center}
.manage-separate-listing .match-thumb {width:54px;height:54px;object-fit:cover}
.manage-separate-points {margin:6px 0 12px;padding-left:20px;line-height:1.75}
.manage-separate-actions {display:flex;justify-content:flex-end;gap:10px}
.manage-separate-actions button {min-width:135px}

/* New QA package #2 — accessible, consistent accordion chevrons. */
#view-matching .match-correction-toggle{transition:background-color .15s ease,border-color .15s ease}
#view-matching .match-correction-toggle:hover{background:rgba(45,109,170,.10)}
#view-matching .match-correction-toggle:focus-visible{outline:2px solid #8abfec;outline-offset:-3px}
#view-matching .match-correction-chevron{width:20px;height:20px;min-width:20px;flex-shrink:0;color:#2D6DAA;transition:transform .18s ease}
#view-matching .match-correction-toggle[aria-expanded="true"] .match-correction-chevron{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){#view-matching .match-correction-chevron{transition:none}}
/* New QA package #1 — each selected listing owns its own quantity input. */
#modal .match-unmatch-form .match-unmatch-intro strong{font-size:15px;color:#f1f5f9}
#modal .match-unmatch-form .match-unmatch-intro p{font-size:13px;color:#b5c5d9;margin:7px 0 0}
#modal .match-unmatch-cards{display:grid;gap:10px;margin:12px 0}
#modal .match-unmatch-card{background:#18283d;border:1px solid #344962;border-radius:9px;padding:13px}
#modal .match-unmatch-card.selected{border-color:#507da8}
#modal .match-unmatch-identity{display:flex;gap:13px;align-items:center;cursor:pointer;margin:0}
#modal .match-unmatch-identity input[type=checkbox]{flex-shrink:0}
#modal .match-unmatch-identity .match-correction-thumb{width:54px;height:54px;min-width:54px;object-fit:cover;border-radius:5px}
#modal .match-unmatch-title{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
#modal .match-unmatch-title strong{font-size:14px;color:#f1f5f9;line-height:1.3}
#modal .match-unmatch-title small{font-size:12px;color:#a5bdd5}
#modal .match-unmatch-title .match-unmatch-status{color:#b6c6d8}
#modal .match-unmatch-card.selected .match-unmatch-status{color:#8abfec}
#modal .match-unmatch-quantity{margin:12px 0 0;padding:11px 0 0;border-top:1px solid #344962}
#modal .match-unmatch-quantity[hidden]{display:none!important}
#modal .match-unmatch-quantity label{display:grid;gap:7px;color:#d3deec;font-size:12px;font-weight:600}
#modal .match-unmatch-quantity input{width:100%;background:#101927;border:1px solid #40516a;border-radius:7px;color:#f1f5f9;padding:10px 12px}
#modal .match-unmatch-summary{border:1px solid #34445a;border-radius:9px;background:#101725;padding:13px;display:grid;gap:9px}
#modal .match-unmatch-summary>strong{color:#e8eef6;font-size:14px}
#modal .match-unmatch-summary>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#bfccdb}
#modal .match-unmatch-summary>div b{color:#f2f6fa}
#modal .match-unmatch-summary p{font-size:12px;color:#9dafc4;margin:0}
#modal .match-unmatch-minimum{color:#b8c8db;font-size:12px;margin:12px 0}
#modal .match-unmatch-minimum span{color:#8abfec;margin-right:5px}
#modal .match-correction-buttons{display:flex;justify-content:flex-end;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}
#modal #matchUnmatchSelectedCaption{margin-right:auto;color:#a5b7ce;font-size:12px}
#modal #matchUnmatchSubmit:disabled{background:#36465c;color:#b8c3d0;cursor:not-allowed;opacity:.75}

/* Next QA: channel/role labels match existing two-line confidence heading. */
#view-matching #matchReviewTableWrap .match-channel-heading{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1.12;color:var(--bpiq-table-header-color);font:inherit;white-space:normal}
#view-matching #matchReviewTableWrap .match-channel-heading>span{display:block;font:inherit;color:inherit;line-height:1.12}
#view-matching #matchReviewTableWrap th:nth-child(2) .match-channel-heading{align-items:flex-start;text-align:left}
/* Needs Verification is neutral caution, never a verified green badge. */
#view-inventory .inventory-table .status.inventory-verification{color:#f1d873;border-color:#7a6728;background:#29230f}

/* Dashboard command center + site-wide single-row header (2026-11-02 QA).
   Existing spot-card interiors, bullion image assets and quote rendering untouched. */
.topbar{display:grid!important;grid-template-columns:minmax(165px,0.7fr) minmax(0,3.3fr);align-items:center!important;gap:18px!important;margin-bottom:24px!important}
.topbar>div:first-child{min-width:0}
.topbar .spot-row{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0!important}
.topbar .spot-chip{height:100%;min-height:106px;display:flex;align-items:center;justify-content:center}
.topbar .spot-chip-inner{width:100%}
.topbar h1{font-size:28px;line-height:1.15;font-weight:800}
.topbar p{font-size:14px;color:#91a4bd}
/* At narrower widths do not crop or shrink bullion art to force a single line. */
@media(max-width:1360px){
  .topbar{grid-template-columns:minmax(138px,.52fr) minmax(0,3.48fr);gap:12px!important}
  .topbar .spot-row{gap:8px}
  .topbar .spot-chip{min-height:96px}
}
@media(max-width:1100px){
  .topbar{grid-template-columns:1fr;gap:14px!important}
  .topbar .spot-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px){
  .topbar .spot-row{grid-template-columns:1fr;gap:8px}
  .topbar .spot-chip{min-height:75px}
}
.dealer-dashboard{max-width:none}
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.dashboard-kpi{border:1px solid #283546;background:#101820;border-radius:13px;padding:19px 18px;display:flex;flex-direction:column;gap:8px;min-height:121px}
.dashboard-kpi>span{font-size:13px;font-weight:650;color:#b4c3d4}
.dashboard-kpi>strong{font-size:30px;color:#f2f5fa;font-variant-numeric:tabular-nums;line-height:1.15}
.dashboard-kpi>small{color:#8296ad;font-size:11px;line-height:1.45}
.dealer-dashboard .onboarding-panel{margin-bottom:18px}
.dashboard-operations{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.dealer-dashboard .dashboard-panel{border-color:#283546;background:#101820;padding:20px 22px}
.dealer-dashboard .panel-head{align-items:start;gap:12px;margin-bottom:18px}
.dealer-dashboard .panel-head h2{font-weight:800;font-size:18px;color:#f0f3f8}
.dealer-dashboard .panel-head p{font-size:12px;color:#90a4bc}
.dashboard-panel-link{background:transparent;border:0;color:#82b6ec;font-size:12px;padding:3px 0;cursor:pointer;white-space:nowrap}
.dashboard-panel-link:hover{color:#c1dcf5;text-decoration:underline}
.dashboard-feed{display:grid;gap:0;min-height:102px}
.dashboard-feed-item,.dashboard-feed-empty{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #273445}
.dashboard-feed-item:last-child,.dashboard-feed-empty:last-child{border-bottom:none}
.dashboard-feed-item strong,.dashboard-feed-empty strong{color:#e9eff7;font-size:13px;font-weight:700}
.dashboard-feed-item p,.dashboard-feed-empty p{margin:4px 0 0;color:#95a9c1;font-size:12px;line-height:1.45}
.dashboard-feed-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#789ecb;margin-top:5px}
.dashboard-feed-dot.good{background:#4cae83}.dashboard-feed-dot.warning{background:#e2bc56}.dashboard-feed-dot.critical{background:#e87980}
.dashboard-muted{color:#93a6bf;font-size:12px;margin:6px 0}
.dashboard-channels-panel{margin-bottom:18px}
.dashboard-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dashboard-channel-card{background:#132133;border:1px solid #2c425c;border-radius:10px;padding:15px 16px;display:grid;gap:13px}
.dashboard-channel-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dashboard-channel-top>strong{font-size:15px;color:#eff4fa}
.dashboard-channel-card>small{font-size:12px;color:#8ea5c0}
.dashboard-channel-status{font-size:12px;font-weight:700;white-space:nowrap}
.dashboard-channel-status.connected{color:#7bdbad}.dashboard-channel-status.unavailable{color:#e3c06e}
.dashboard-health-details{border-color:#283546!important;background:#101820!important;padding:0!important}
.dashboard-health-summary{cursor:pointer;list-style:none;padding:17px 21px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.dashboard-health-summary::-webkit-details-marker{display:none}
.dashboard-health-summary::after{content:'▾';color:#9db2c8;font-size:19px;transition:transform .15s}
.dashboard-health-details[open] .dashboard-health-summary::after{transform:rotate(180deg)}
.dashboard-health-summary>span:first-child{display:grid;gap:5px;flex:1}
.dashboard-health-summary strong{color:#f0f4f9;font-size:17px;font-weight:800}
.dashboard-health-summary small{font-size:12px;color:#93a8bf}
.dashboard-health-state{font-size:12px;color:#c1ccd7;white-space:nowrap}
.dashboard-health-state.healthy{color:#77d7a9}.dashboard-health-state.attention{color:#e4c16e}
.dashboard-health-expanded{border-top:1px solid #273749;padding:16px 22px 20px}
.dashboard-health-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.dashboard-health-actions button{cursor:pointer;border:1px solid #385371;color:#dfeafa;background:#152335;padding:9px 12px;border-radius:9px;font-size:12px}
.dashboard-health-actions button:hover{border-color:#74a1d0}
@media(max-width:1100px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-operations{grid-template-columns:1fr}}
@media(max-width:650px){.dashboard-kpis,.dashboard-channel-grid{grid-template-columns:1fr 1fr}.dashboard-kpi{padding:13px;min-height:105px}.dashboard-panel-link{white-space:normal;text-align:right}.dashboard-channel-top{align-items:flex-start;flex-direction:column}}
@media(max-width:420px){.dashboard-kpis,.dashboard-channel-grid{grid-template-columns:1fr}}

/* Dashboard section customization. Global title, spot cards and KPI cards remain fixed. */
.dashboard-layout-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:2px 0 13px;padding:0 2px}
.dashboard-layout-toolbar>div:first-child{display:grid;gap:4px}
.dashboard-layout-toolbar strong{font-size:14px;color:#e7edf7}
.dashboard-layout-toolbar small{font-size:11px;color:#8fa4bd}
.dashboard-layout-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dashboard-layout-actions button{cursor:pointer;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700}
.dashboard-layout-customize{background:#2d6daa;border:1px solid #4386c8;color:#fff}
.dashboard-layout-customize:hover{background:#377fbd}
.dashboard-layout-reset{background:#141f2d;border:1px solid #3c516c;color:#dce8f7}
.dashboard-layout-reset:hover{border-color:#7ea2cc}
.dashboard-modules{display:flex;flex-direction:column;gap:17px}
.dashboard-module{min-width:0;position:relative}
.dashboard-module>.panel,.dashboard-module>article,.dashboard-module>details{margin:0!important;width:100%}
.dashboard-module-tools{display:none;align-items:center;justify-content:flex-start;gap:6px;padding:8px 10px;background:#17263a;border:1px solid #375373;border-radius:10px 10px 0 0}
.dashboard-layout-editing .dashboard-module-tools{display:flex}
.dashboard-layout-editing .dashboard-module>.panel{border-top-left-radius:0;border-top-right-radius:0}
.dashboard-module-tools button{color:#d8e9fa;background:#101b2b;border:1px solid #3e5876;border-radius:7px;min-height:32px;padding:5px 12px;font-size:14px;cursor:pointer}
.dashboard-module-tools button:hover{background:#274467;border-color:#89b0d8}
.dashboard-module-tools button:disabled{cursor:default;opacity:.35}
.dashboard-module-tools .dashboard-drag-handle{font-size:18px;cursor:grab;display:flex;align-items:center;gap:8px;touch-action:none}
.dashboard-drag-handle span{font-size:12px}
.dashboard-module.dashboard-dragging{opacity:.45}
.dashboard-module.dashboard-drop-before::before,.dashboard-module.dashboard-drop-after::after{content:'';display:block;height:4px;border-radius:3px;background:#63a3e7;position:absolute;left:0;right:0;z-index:3}
.dashboard-module.dashboard-drop-before::before{top:-10px}
.dashboard-module.dashboard-drop-after::after{bottom:-10px}
.dashboard-feed{min-height:0}
.dashboard-attention-clear .panel-head{margin-bottom:5px!important}
.dashboard-attention-clear .panel-head p{display:none}
.dashboard-attention-clear .dashboard-feed-empty{padding:7px 0}
.dashboard-attention-clear .dashboard-feed-empty p{display:none}
.dealer-dashboard .dashboard-panel.dashboard-attention-clear{padding-top:14px;padding-bottom:14px}
.dashboard-channel-card{gap:5px}
.dashboard-critical-banner{border:1px solid #9b6940;background:#2b2118;color:#f3d6b3;padding:11px 16px;border-radius:10px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}
.dashboard-critical-banner button{color:#ffdeab;background:#3e2b21;border:1px solid #9b6940;padding:7px 12px;border-radius:7px;cursor:pointer}
@media(max-width:650px){.dashboard-layout-toolbar{align-items:flex-start;flex-direction:column}.dashboard-layout-actions{width:100%}.dashboard-drag-handle span{display:none}.dashboard-module-tools{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.dashboard-module,.dashboard-module-tools{transition:none!important}}

/* Nov 02 QA: give the page heading its own space; narrow ONLY the three
   existing spot-card containers. Preserve bullion images and card interiors. */
@media (min-width:1361px) {
  .topbar { grid-template-columns: 270px minmax(0,1fr)!important; column-gap:20px!important; }
  .topbar .spot-row { width:100%; max-width:975px; justify-self:end; gap:11px; }
}
@media (min-width:1201px) and (max-width:1360px) {
  .topbar { grid-template-columns: 208px minmax(0,1fr)!important; column-gap:17px!important; }
  .topbar .spot-row { max-width:100%; justify-self:end; gap:8px; }
  .topbar h1 { font-size:22px; }
}
@media (min-width:1101px) and (max-width:1200px) {
  .topbar { grid-template-columns:1fr!important; row-gap:13px!important; }
}

@media (min-width:701px) and (max-width:950px) {
  .topbar .spot-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* 2026-11-02 Products: approved compact headers, per-channel inventory status,
   and perfectly aligned channel/stock/pricing rows. Product identity, its real
   thumbnail, and Actions/Details markup remain untouched. No horizontal scroll. */
#view-inventory .products-table-wrap,
#view-inventory .products-table-wrap.table-wrap{
  width:100%!important;max-width:100%!important;min-width:0!important;
  overflow-x:visible!important;overflow-y:visible!important;
}
#view-inventory .products-table{
  width:100%!important;max-width:100%!important;min-width:0!important;
  table-layout:fixed!important;
}
/* The first and last column retain their existing approved proportions. */
#view-inventory .products-table :is(th,td):nth-child(1){width:31%!important;}
#view-inventory .products-table :is(th,td):nth-child(2){width:9%!important;}
#view-inventory .products-table :is(th,td):nth-child(3){width:14%!important;}
#view-inventory .products-table :is(th,td):nth-child(4){width:13%!important;}
#view-inventory .products-table :is(th,td):nth-child(5){width:15%!important;}
#view-inventory .products-table :is(th,td):nth-child(6){width:18%!important;}
#view-inventory .products-table thead tr{height:46px!important;}
#view-inventory .products-table thead th{
  box-sizing:border-box!important;height:46px!important;
  padding:4px 6px!important;vertical-align:middle!important;
  font-size:17px!important;line-height:1.12!important;
  text-align:center!important;
}
#view-inventory .products-table thead th :is(.products-master-inventory-heading,.products-inventory-status-heading){
  display:inline-flex;flex-direction:column;justify-content:center;align-items:center;
  line-height:1.12;font-weight:700;gap:0;text-align:center;white-space:normal;
}
#view-inventory .products-table thead th :is(.products-master-inventory-heading,.products-inventory-status-heading) > span{
  display:block;line-height:1.12;text-align:center;
}
#view-inventory .products-table tbody tr.products-main-row>td{
  padding-top:6px!important;padding-bottom:6px!important;
  vertical-align:middle!important;
}
/* The product cell's structure, checkbox and photo remain unchanged. Only the
   title's type size is raised slightly as specifically requested. */
#view-inventory .products-table .products-name-cell .match-listing-cell strong{
  font-size:15px;line-height:1.33;
}
#view-inventory .products-table tbody td:nth-child(3),
#view-inventory .products-table tbody td:nth-child(4),
#view-inventory .products-table tbody td:nth-child(5){text-align:center!important;}
#view-inventory .products-aligned-stack{
  display:grid;grid-template-columns:minmax(0,1fr);
  grid-template-rows:repeat(var(--linked-rows),42px);
  width:100%;max-width:100%;min-width:0;
  place-items:stretch;
}
#view-inventory .products-channel-slot,
#view-inventory .products-status-slot,
#view-inventory .products-price-slot{
  min-width:0;min-height:0;display:flex;justify-content:center;align-items:center;
  gap:5px;text-align:center;
}
#view-inventory .products-channel-slot{
  flex-wrap:wrap;color:#e8f1fb;font-size:14px;line-height:1.2;
}
#view-inventory .products-channel-slot span{font-weight:600;}
#view-inventory .products-channel-slot strong{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;}
#view-inventory .products-status-slot .status,
#view-inventory .products-all-synced .status{
  justify-content:center;max-width:100%;white-space:normal;
  text-align:center;line-height:1.18;font-size:12.5px;
  padding:6px 7px;
}
#view-inventory .products-all-synced{
  grid-row:1 / -1;align-self:stretch;justify-self:stretch;
  display:flex;align-items:center;justify-content:center;min-width:0;
}
#view-inventory .products-price-slot{flex-direction:column;gap:1px;}
#view-inventory .products-price-slot strong{font-size:15px;font-weight:700;color:#eaf2fc;font-variant-numeric:tabular-nums;}
#view-inventory .products-price-slot .products-price-alert{font-size:10px;margin:0;line-height:1.1;}
/* Existing Actions buttons and Details toggle intentionally NOT overridden. */
/* Responsive cards are used rather than imposing a minimum-width table or a
   sideways scrollbar when a six-column layout cannot remain legible. */
@media(max-width:1180px){
  #view-inventory .products-table-wrap{overflow-x:visible!important;}
  #view-inventory .products-table,
  #view-inventory .products-table tbody{display:block;width:100%!important;min-width:0!important;}
  #view-inventory .products-table thead{display:none!important;}
  #view-inventory .products-table tr.products-main-row{
    display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
    width:100%;margin:0 0 10px;border:1px solid #293a4e;border-radius:10px;
    background:#101924;overflow:hidden;
  }
  #view-inventory .products-table tr.products-main-row>td{
    display:block;box-sizing:border-box;width:auto!important;min-width:0!important;
    text-align:center!important;padding:8px 7px!important;
    border-bottom:1px solid #25364b;
  }
  #view-inventory .products-table tr.products-main-row>td:nth-child(1){grid-column:1/-1;text-align:left!important;}
  #view-inventory .products-table tr.products-main-row>td:nth-child(2){grid-column:1/-1;}
  #view-inventory .products-table tr.products-main-row>td:nth-child(3){grid-column:span 4;}
  #view-inventory .products-table tr.products-main-row>td:nth-child(4){grid-column:span 5;}
  #view-inventory .products-table tr.products-main-row>td:nth-child(5){grid-column:span 3;}
  #view-inventory .products-table tr.products-main-row>td:nth-child(6){grid-column:1/-1;}
  #view-inventory .products-table tr.products-main-row>td:nth-child(n+2)::before{
    display:block;margin:0 0 7px;font-size:12px;font-weight:700;color:#9eb5cc;
  }
  #view-inventory .products-table tr.products-main-row>td:nth-child(2)::before{content:'Master Inventory';}
  #view-inventory .products-table tr.products-main-row>td:nth-child(3)::before{content:'Channels';}
  #view-inventory .products-table tr.products-main-row>td:nth-child(4)::before{content:'Inventory Status';}
  #view-inventory .products-table tr.products-main-row>td:nth-child(5)::before{content:'Pricing';}
  #view-inventory .products-table tr.products-main-row>td:nth-child(6)::before{content:'Actions';}
  #view-inventory .products-table tr.products-main-row .products-row-actions{
    max-width:180px;margin:auto;
  }
  #view-inventory .products-table tr.products-expand-row{display:block;width:100%;}
  #view-inventory .products-table tr.products-expand-row.hidden{display:none!important;}
  #view-inventory .products-table tr.products-expand-row>td{
    display:block;width:100%!important;max-width:100%!important;
  }
}
#view-inventory .products-all-synced .status{
  font-size:14px;padding:9px 12px;font-weight:750;
}

/* PRODUCTS SUMMARY — six approved fixed cards, not dealer-customizable. */
#view-inventory .inventory-summary-strip.products-summary-six{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:9px!important;padding:16px 0 0!important;
}
#view-inventory .products-summary-six .inventory-summary-pill{
  min-width:0!important;min-height:86px!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  gap:9px!important;padding:10px 6px!important;
  text-align:center!important;
}
#view-inventory .products-summary-six .inventory-summary-pill>span{
  font-size:14px!important;line-height:1.18!important;font-weight:650!important;
  color:#cbd5e1!important;text-align:center!important;
}
#view-inventory .products-summary-six .inventory-summary-pill>strong{
  font-size:24px!important;line-height:1!important;font-weight:750!important;
  color:#f1f5f9!important;
}
#view-inventory .products-summary-six .inventory-summary-pill.active{
  background:#14283d!important;border-color:#397bb7!important;
  box-shadow:inset 0 0 0 1px rgba(45,109,170,.26)!important;
}
#view-inventory .products-archived-access{display:flex;justify-content:flex-end;margin:12px 0 0;}
#view-inventory #toggleRemovedInventory{
  appearance:none;cursor:pointer;border:1px solid #344255;border-radius:8px;
  padding:8px 12px;color:#b6cadc;background:#121b28;font-size:12px;
}
#view-inventory #toggleRemovedInventory:hover{border-color:#688ba9;}
/* ONLY the verified multi-channel shared In Sync badge stays large. */
#view-inventory .products-status-slot .status{
  display:inline-flex!important;flex:0 1 auto!important;align-items:center!important;
  justify-content:center!important;max-width:100%!important;
  width:max-content!important;min-width:0!important;min-height:23px!important;
  padding:3px 7px!important;line-height:1.15!important;
  font-size:11.5px!important;font-weight:750!important;
  white-space:normal!important;overflow-wrap:normal!important;
}
#view-inventory .products-all-synced .status{
  font-size:14px!important;padding:9px 12px!important;
}
@media(max-width:900px){
 #view-inventory .inventory-summary-strip.products-summary-six{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:550px){
 #view-inventory .inventory-summary-strip.products-summary-six{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
/* Reserve enough real room for a single-line compact Stock Control Off pill. */
#view-inventory .products-table :is(th,td):nth-child(4){width:15.5%!important;}
#view-inventory .products-table :is(th,td):nth-child(5){width:12.5%!important;}
/* Keep Needs Verification on a compact single line at the 1181px table breakpoint. */
#view-inventory .products-table :is(th,td):nth-child(4){width:16.5%!important;}
#view-inventory .products-table :is(th,td):nth-child(5){width:11.5%!important;}

/* BPIQ_UI_PAGE_PERSISTENCE_AND_FEEDBACK_V1: approved Review Center action / Activity refresh feedback. */
#view-problems .problems-other-alerts .bpiq-resolve-alert {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:10px 16px;margin-top:10px;
  border:1px solid #397EBA;border-radius:9px;
  background:#2D6DAA;color:#fff;font:inherit;font-size:13px;font-weight:700;
  cursor:pointer;transition:background-color .15s ease,border-color .15s ease;
}
#view-problems .problems-other-alerts .bpiq-resolve-alert:hover:not(:disabled) {background:#397EBA;border-color:#70a8d8;}
#view-problems .problems-other-alerts .bpiq-resolve-alert:active:not(:disabled) {background:#245B8D;}
#view-problems .problems-other-alerts .bpiq-resolve-alert:focus-visible {outline:2px solid #95C5EE;outline-offset:2px;}
#view-problems .problems-other-alerts .bpiq-resolve-alert:disabled {opacity:.5;cursor:not-allowed;}
#refreshActivity.activity-refreshing {display:inline-flex;align-items:center;gap:8px;opacity:.75;cursor:wait;}
#refreshActivity.activity-refreshing::before {content:'';height:12px;width:12px;border:2px solid #365E81;border-top-color:#8FC1EA;border-radius:50%;animation:bpiqActivitySpinner .7s linear infinite;}
@keyframes bpiqActivitySpinner {to {transform:rotate(360deg);}}

/* BPIQ approved Adjust Inventory (compact inventory / quantity editor). */
#modal .modal-card.inventory-editor-modal{width:min(740px,96vw);background:#0d1726;border:1px solid #365374;border-radius:13px;padding:20px 23px 18px;}
#modal .modal-card.inventory-editor-modal #modalTitle{font-size:21px;font-weight:800;color:#f5f7fc;}
#modal .modal-card.inventory-editor-modal #modalSubtitle{color:#c6d2e3;font-size:12px;}
#modal .bpiq-inventory-editor{display:block;}
#modal .bpiq-inv-heading,#modal .bpiq-inv-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 140px;align-items:center;gap:10px;padding-left:9px;padding-right:9px;}
#modal .bpiq-inv-heading{padding-top:9px;padding-bottom:10px;color:#aabbd0;border-bottom:1px solid #365374;font-size:12px;font-weight:700;}
#modal .bpiq-inv-heading>span:not(:first-child){text-align:center;}
#modal .bpiq-inv-row{min-height:57px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #27394d;}
#modal .bpiq-inv-name{font-size:14px;font-weight:650;color:#eaf1fa;min-width:0;overflow-wrap:anywhere;}
#modal .bpiq-inv-qty{width:86px!important;height:35px!important;justify-self:center;min-height:0!important;padding:3px 5px!important;border:1px solid #466585!important;background:#101b2b!important;border-radius:7px!important;color:#f5f8fd!important;text-align:center;font-size:15px!important;font-weight:700!important;box-shadow:none!important;}
#modal .bpiq-inv-qty:focus{border-color:#6e9fc7!important;box-shadow:0 0 0 2px rgba(45,109,170,.16)!important;}
#modal .bpiq-inv-qty:disabled{opacity:.55;cursor:not-allowed;}
#modal .bpiq-inv-control{display:flex;justify-content:center;align-items:center;}
#modal .bpiq-inv-na{color:#8799aa;font-size:12px;}
#modal .bpiq-inv-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:75px;min-height:30px;border:0;border-radius:6px;background:transparent;color:#c1d0e0;font-size:12px;font-weight:650;cursor:pointer;}
#modal .bpiq-inv-toggle .bpiq-inv-track{position:relative;width:33px;height:19px;border-radius:20px;background:#334258;border:1px solid #607086;}
#modal .bpiq-inv-toggle .bpiq-inv-track:after{content:'';position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#edf2f9;transition:transform .12s;}
#modal .bpiq-inv-toggle.on .bpiq-inv-track{background:#2D6DAA;border-color:#508cc3;}
#modal .bpiq-inv-toggle.on .bpiq-inv-track:after{transform:translateX(14px);}
#modal .bpiq-inv-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #365374;margin-top:10px;padding-top:16px;}
#modal .bpiq-inv-actions button{font-size:12px!important;font-weight:650!important;border-radius:8px!important;padding:8px 12px!important;min-height:36px!important;cursor:pointer;}
#modal .bpiq-inv-cancel,#modal .bpiq-inv-sync{background:#172535!important;color:#d7e3f0!important;border:1px solid #466585!important;}
#modal .bpiq-inv-save{background:#2D6DAA!important;color:#fff!important;border:1px solid #4688c1!important;min-width:116px;}
#modal .bpiq-inv-actions button:disabled{opacity:.6;cursor:wait;}
#modal .bpiq-inv-note{font-size:12px;line-height:1.5;margin:10px 5px;color:#aec9e5;}
#modal .bpiq-inv-note.is-error{color:#ffb2b8;}
@media(max-width:500px){#modal .modal-card.inventory-editor-modal{padding:16px 14px}#modal .bpiq-inv-heading,#modal .bpiq-inv-row{grid-template-columns:minmax(0,1fr) 85px 91px;gap:5px;padding-left:3px;padding-right:3px}#modal .bpiq-inv-heading{font-size:11px}#modal .bpiq-inv-qty{width:76px!important}#modal .bpiq-inv-toggle{min-width:80px;gap:4px;font-size:11px}#modal .bpiq-inv-actions button{flex:1 1 auto}}

/* Pricing Profiles: compact single-row listings and consistent dark-navy modals */
#view-profiles .profiles-table th,#view-profiles .profiles-table td{padding:11px 13px;vertical-align:middle}
#view-profiles .profiles-table td:last-child{width:245px}
#view-profiles .profiles-table .compact-actions{margin:0;justify-content:flex-end;gap:8px}
#view-profiles .profiles-table .compact-actions button{padding:9px 12px;white-space:nowrap}
#view-profiles .profiles-table .compact-actions button.primary,.profile-editor-footer button.primary{background:#2D6DAA!important;color:#fff!important;border:1px solid #2D6DAA!important}
#modal .modal-card:has(.profile-editor-form),#modal .modal-card:has(.profile-price-modal){width:min(860px,96vw);background:#101B2A;border:1px solid #34445A;border-radius:12px}
.profile-editor-form{gap:12px}
.profile-editor-main{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px}
.profile-editor-section{background:#0B1523;border:1px solid #34445A;border-radius:9px;padding:12px;min-width:0}
.profile-editor-section .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.profile-editor-section .form-grid>label{min-width:0}
.profile-editor-section label input,.profile-editor-section label select{height:42px;min-height:42px;width:100%;background:#0B1421;border:1px solid #405168;border-radius:7px;color:#edf2f8}
.profile-editor-section-head{margin-bottom:10px}
.profile-editor-preview{position:static;display:grid;grid-template-columns:1fr;gap:10px}
.profile-editor-preview .pricing-formula-preview{min-height:0;margin:0;background:#0B1523;border:1px solid #34445A}
.profile-fee-selector{padding:12px;background:#0B1523;border:1px solid #34445A;border-radius:9px;display:grid;gap:10px}
.profile-fee-selector>strong{font-size:15px;color:#edf2f8}
.profile-fee-checkboxes{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.profile-fee-checkboxes label{display:flex;flex-direction:row;align-items:center;gap:7px;cursor:pointer;color:#dbe4f0;font-size:13px}
.profile-fee-checkboxes input[type=checkbox]{appearance:none;flex:0 0 16px;width:16px;height:16px;margin:0;border:1px solid #65768B;border-radius:3px;background:#0B1421;cursor:pointer;position:relative}
.profile-fee-checkboxes input[type=checkbox]:checked{background:#2D6DAA;border-color:#2D6DAA}
.profile-fee-checkboxes input[type=checkbox]:checked:after{content:'✓';position:absolute;top:-4px;left:2px;color:white;font-size:15px;font-weight:800}
.profile-card-provider select,.profile-custom-fees input,.profile-preview-cost input,.profile-price-modal input{height:42px;background:#0B1421;border:1px solid #405168}
.profile-custom-fees{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:9px}
.profile-fee-results{border-top:1px solid #34445A;padding-top:10px;display:grid;gap:7px;color:#dbe5f0;font-size:13px}
.profile-fee-results .profile-fee-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.profile-fee-results .profile-fee-row>span{color:#a9bacb}
.profile-fee-results .profile-fee-row>strong{color:#f1f4f8;text-align:right;font-variant-numeric:tabular-nums}
.profile-fee-results .profile-fee-row:nth-last-child(1){padding-top:7px;border-top:1px solid #34445A}
.profile-fee-note,.profile-fee-results small{color:#93a5b8;font-size:11px;line-height:1.5}
.profile-editor-footer{display:flex;justify-content:flex-end;gap:9px;padding-top:8px}
.profile-editor-footer button{min-width:128px;padding:10px 16px;border:1px solid #41536A;background:#18283B;color:#edf2f8;border-radius:8px;cursor:pointer}
.profile-price-modal{display:grid;gap:14px}
@media(max-width:700px){.profile-editor-main{grid-template-columns:1fr}.profile-editor-section .form-grid{grid-template-columns:1fr}.profile-editor-section .span-2{grid-column:1/-1}.profile-fee-checkboxes{gap:10px}}

/* Universal BPIQ Live Price Preview — approved Manual Pricing presentation */
:root{--bpiq-live-net-green:#49B985}
.bpiq-live-fee-choices{display:flex;flex-wrap:wrap;gap:12px 17px;align-items:center;margin:10px 0 12px}
.bpiq-live-fee-choices label{display:inline-flex;flex-direction:row;align-items:center;gap:7px;font-size:13px;font-weight:500;color:#dce7f4;cursor:pointer}
.bpiq-live-fee-choices input[type=checkbox]{appearance:none;width:16px;height:16px;min-width:16px;border:1px solid #6b7d93;border-radius:3px;background:#0b1421;position:relative;margin:0;cursor:pointer}
.bpiq-live-fee-choices input[type=checkbox]:checked{background:#2D6DAA;border-color:#2D6DAA}
.bpiq-live-fee-choices input[type=checkbox]:checked:after{content:'✓';position:absolute;left:2px;top:-4px;font-size:15px;font-weight:800;color:#fff}
.bpiq-live-card-config{margin:4px 0 12px;max-width:100%;color:#c5d5e6;font-size:12px}
.bpiq-live-card-config select,.bpiq-live-card-custom input{width:100%;height:42px;border:1px solid #405168;border-radius:7px;background:#0b1421;color:#edf2f8}
.bpiq-live-card-custom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
.unified-price-rows .unified-price-final{color:var(--bpiq-preview-blue,#76BFFF)!important;font-weight:700}
.unified-price-rows .unified-price-net{color:var(--bpiq-live-net-green)!important;font-size:16px;font-weight:700}
.profile-fee-results .preview-net span,.profile-fee-results .preview-net strong{color:var(--bpiq-live-net-green)!important;font-weight:700;font-size:16px}
.profile-fee-results .preview-final span,.profile-fee-results .preview-final strong{color:var(--bpiq-preview-blue,#76BFFF)!important;font-weight:700;font-size:16px}
.profile-editor-form.bpiq-matching-manual-editor{display:flex;flex-direction:column;gap:12px}
.bpiq-matching-manual-editor .profile-editor-name,.bpiq-matching-manual-editor .profile-editor-core,.bpiq-matching-manual-editor .profile-extra-settings{width:100%}
.bpiq-matching-manual-editor .manual-core-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 13px}
.bpiq-matching-manual-editor .manual-core-grid>label{min-width:0}
.bpiq-matching-manual-editor input:not([type=checkbox]),.bpiq-matching-manual-editor select{height:48px;min-height:48px;width:100%;background:#0C1420;border:1px solid #405976;border-radius:7px;color:#f1f5fb}
.bpiq-matching-manual-editor .profile-editor-preview .pricing-formula-preview{display:none}
.bpiq-matching-manual-editor .profile-fee-selector{background:#0B1726;border:1px solid #365776;border-radius:9px;padding:13px}
.bpiq-matching-manual-editor .profile-fee-selector>strong{font-size:17px;color:white}
.bpiq-matching-manual-editor .profile-editor-footer{display:flex;flex-direction:column;gap:8px}
.bpiq-matching-manual-editor .profile-editor-footer button{width:100%;padding:12px 14px}
.bpiq-matching-manual-editor .profile-editor-footer .primary{background:#2D6DAA;border-color:#2D6DAA;color:white}
.bpiq-matching-manual-editor .profile-preview-cost{font-size:12px}
@media(max-width:600px){.bpiq-matching-manual-editor .manual-core-grid{grid-template-columns:1fr}.bpiq-live-card-custom{grid-template-columns:1fr}}


/* FIX3 (approved): manual pricing fee selectors are square; do not inherit
   the general form field minimum heights used by numeric/text inputs. */
#modal .modal-card.manual-pricing-modal #manualForm .bpiq-live-fee-choices input[type="checkbox"] {
  appearance:none!important;
  display:inline-block!important;
  box-sizing:border-box!important;
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  flex:0 0 18px!important;
  aspect-ratio:1/1;
  padding:0!important;
  margin:0!important;
  border:1px solid #6b7d93;
  border-radius:3px!important;
  background:#0b1421;
  position:relative;
  vertical-align:middle;
}
#modal .modal-card.manual-pricing-modal #manualForm .bpiq-live-fee-choices label {
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start;
  min-height:18px;
  gap:7px;
  white-space:nowrap;
}
#modal .modal-card.manual-pricing-modal #manualForm .bpiq-live-fee-choices input[type="checkbox"]:checked {
  background:#2D6DAA;
  border-color:#2D6DAA;
}
#modal .modal-card.manual-pricing-modal #manualForm .bpiq-live-fee-choices input[type="checkbox"]:checked::after {
  content:'✓';
  position:absolute;
  top:-3px;
  left:2px;
  font-size:15px;
  font-weight:800;
  line-height:18px;
  color:#fff;
}

/* FIX3 (approved): profile rows fit the actual desktop panel without the
   legacy 980px minimum and 245px fixed action-column overflow. */
@media(min-width:1100px) {
  #view-profiles .profile-table-wrap {overflow-x:hidden;max-width:100%}
  #view-profiles .profiles-table {
    width:100%;min-width:0;max-width:100%;table-layout:fixed;
    border-collapse:collapse;
  }
  #view-profiles .profiles-table th,
  #view-profiles .profiles-table td {
    box-sizing:border-box;
    padding-left:9px;
    padding-right:9px;
    overflow-wrap:break-word;
  }
  #view-profiles .profiles-table th:nth-child(1) {width:20%}
  #view-profiles .profiles-table th:nth-child(2) {width:15%}
  #view-profiles .profiles-table th:nth-child(3) {width:10%}
  #view-profiles .profiles-table th:nth-child(4) {width:12%}
  #view-profiles .profiles-table th:nth-child(5) {width:11%}
  #view-profiles .profiles-table th:nth-child(6) {width:10%}
  #view-profiles .profiles-table th:nth-child(7) {width:22%}
  #view-profiles .profiles-table td:first-child {min-width:0}
  #view-profiles .profiles-table td:last-child {width:auto;min-width:0}
  #view-profiles .profiles-table .compact-actions {gap:6px;justify-content:flex-end}
  #view-profiles .profiles-table .compact-actions button {padding:9px 9px}
}
/* Below desktop width, preserve access to every field/action; do not clip. */

/* FIX4: Manual Pricing renders the identical profile Live Price Preview shell.
   The same .profile-fee-selector markup/CSS powers both modals. */
#modal .manual-pricing-modal #manualForm .bpiq-manual-profile-preview{grid-column:1/-1;min-width:0;margin:0;padding:0;border:0;background:transparent;}
#modal .manual-pricing-modal #manualForm .bpiq-manual-profile-preview .profile-fee-selector{background:#0B1726;border:1px solid #365776;border-radius:9px;padding:13px;display:grid;gap:10px;}
#modal .manual-pricing-modal #manualForm .bpiq-manual-profile-preview .profile-fee-checkboxes input[type=checkbox]{appearance:none!important;box-sizing:border-box!important;display:inline-block!important;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;padding:0!important;margin:0!important;flex:0 0 16px!important;vertical-align:middle;border-radius:3px;}
#modal .manual-pricing-modal #manualForm .bpiq-manual-profile-preview .profile-fee-checkboxes label{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:7px;min-height:16px;white-space:nowrap;}
#modal .manual-pricing-modal #manualForm .bpiq-manual-profile-preview .profile-fee-checkboxes input[type=checkbox]:checked{background:#2D6DAA;border-color:#2D6DAA;}
#modal .manual-pricing-modal #manualForm .bpiq-manual-profile-preview .profile-fee-checkboxes input[type=checkbox]:checked::after{content:'✓';position:absolute;left:2px;top:-4px;color:#fff;font-size:15px;font-weight:800;}
#modal .manual-pricing-modal #manualForm .bpiq-manual-profile-preview .profile-preview-cost input:not([type=checkbox]),
#modal .manual-pricing-modal #manualForm .bpiq-manual-profile-preview .profile-card-provider select,
#modal .manual-pricing-modal #manualForm .bpiq-manual-profile-preview .profile-custom-fees input{width:100%;min-height:42px;height:42px;border:1px solid #405168;background:#0B1421;}

/* FIX6: pricing expandable rows retain native details behavior and show interactive affordance. */
.profile-extra-settings > summary,
.manual-extra-settings > summary,
.unified-fee-details > summary { cursor: pointer; user-select: none; }
.profile-extra-settings > summary:hover,
.manual-extra-settings > summary:hover,
.unified-fee-details > summary:hover { color: #e0edfc; }
.profile-extra-settings > summary:focus-visible,
.manual-extra-settings > summary:focus-visible,
.unified-fee-details > summary:focus-visible { outline: 2px solid #2D6DAA; outline-offset: 2px; border-radius: 3px; }

/* FIX7: approved Pricing Profiles seven-column balanced/centered alignment.
   CSS only: no changes to profile data, actions, pricing or modal behavior. */
@media (min-width:1100px) {
  #view-profiles .profiles-table { width:100%; min-width:0; table-layout:fixed; }
  #view-profiles .profiles-table th:nth-child(1) {width:20%}
  #view-profiles .profiles-table th:nth-child(2) {width:18%}
  #view-profiles .profiles-table th:nth-child(3) {width:12%}
  #view-profiles .profiles-table th:nth-child(4) {width:12%}
  #view-profiles .profiles-table th:nth-child(5) {width:12%}
  #view-profiles .profiles-table th:nth-child(6) {width:12%}
  #view-profiles .profiles-table th:nth-child(7) {width:14%}
  #view-profiles .profiles-table thead th,
  #view-profiles .profiles-table tbody td {text-align:center!important;vertical-align:middle}
  #view-profiles .profiles-table thead th:first-child {text-align:center!important}
  #view-profiles .profiles-table td:last-child {width:auto;min-width:0}
  #view-profiles .profiles-table .compact-actions {justify-content:center;align-items:center}
  #view-profiles .profiles-table td:nth-child(3) .muted {text-align:center}
}

/* FIX8: adjust only Pricing Profiles table horizontal balance, leaving all seven
   centered headers, corresponding data, and action alignment intact. */
@media (min-width:1100px) {
  #view-profiles .profile-table-wrap { padding-inline:10px; box-sizing:border-box; }
  #view-profiles .profiles-table th:nth-child(1) {width:17%}
  #view-profiles .profiles-table th:nth-child(2) {width:18%}
  #view-profiles .profiles-table th:nth-child(3) {width:12%}
  #view-profiles .profiles-table th:nth-child(4) {width:12%}
  #view-profiles .profiles-table th:nth-child(5) {width:12%}
  #view-profiles .profiles-table th:nth-child(6) {width:12%}
  #view-profiles .profiles-table th:nth-child(7) {width:17%}
}
/* The profile-specific selector uses the same Manual Pricing details/form-grid
   styling; its existing persistence field names are intentionally unchanged. */
#modal .profile-cost-protection { grid-column:1/-1; min-width:0; }
#modal .profile-cost-protection .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:640px) {#modal .profile-cost-protection .form-grid {grid-template-columns:minmax(0,1fr)}}

/* Connections settings share the Manual Pricing modal frame and form styling. */
#view-connections .channel-identity > div:last-child {min-width:0}
#modal .modal-card.connection-settings-modal {width:min(720px,96vw)}
.connection-settings-panel {display:grid;gap:14px;min-width:0}
.connection-settings-panel .profile-editor-section {margin:0}
.connection-settings-panel p {overflow-wrap:anywhere}
.connection-settings-form select {width:100%;min-width:0}
.connection-settings-form .connection-settings-actions {display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.connection-settings-form .info-box {margin:0}
.connection-settings-tools {display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.connection-settings-tools > div {flex-basis:100%}
@media(max-width:640px){
 .connection-settings-form {grid-template-columns:minmax(0,1fr)}
 .connection-settings-form .span-2 {grid-column:1/-1}
 .connection-settings-form .connection-settings-actions > button {flex:1}
 .connection-settings-tools > button {width:100%}
}

.connection-settings-panel .muted {color:#b4c0cf}
.connection-fee-settings>summary{cursor:pointer;list-style:none;margin-bottom:0}
.connection-fee-settings>summary::-webkit-details-marker{display:none}
.connection-fee-settings>summary strong::after{content:'▾';float:right;margin-left:12px}
.connection-fee-settings[open]>summary{margin-bottom:13px}
.connection-fee-settings>summary:focus-visible{outline:2px solid #2D6DAA;outline-offset:4px;border-radius:3px}

.connection-settings-form [data-channel-cancel] {border:1px solid #c9d5e3;background:#252b35;color:#f4f6fb}
.connection-settings-form [data-channel-cancel]:hover {background:#303b4b}

.connection-settings-tools > button,.connection-settings-form [data-channel-cancel] {min-height:40px;padding:9px 14px;border-radius:8px;font:inherit;cursor:pointer}
.connection-settings-tools > button {border:1px solid #405168;background:#162131;color:#e4edf8}
.connection-settings-tools > button:hover:not(:disabled) {background:#253449}
.connection-settings-tools > button:disabled {opacity:.5;cursor:not-allowed}

.channel-automation-form {display:grid;gap:12px}
.channel-automation-form .channel-automation-toggle {display:flex;align-items:flex-start;gap:10px}
.channel-automation-toggle input[type=checkbox] {width:18px;height:18px;min-width:18px;margin:2px 0 0;flex:0 0 18px}
.channel-discovery-history {padding-left:20px;margin:12px 0 0}
.channel-discovery-history li {margin:10px 0;overflow-wrap:anywhere}
.channel-discovery-history small {display:block;color:#b4c0cf;margin-top:4px}

/* Shared marketplace settings: use these same components for future channels. */
.connection-shared-card{min-width:0;padding:16px;border:1px solid #34475e;border-radius:10px;background:#0b1727}
.connection-shared-card>summary{display:block;cursor:pointer;list-style:none}
.connection-shared-card>summary strong{display:block;font-size:16px}
.connection-shared-card>summary span{display:block;color:#94a6bc;font-size:13px;margin-top:4px;line-height:1.4}
.connection-shared-card>summary strong::after{content:'▾';float:right;margin-left:12px}
.connection-card-content{min-width:0}
.connection-inline-status{font-size:13px;line-height:1.45;color:#b4c0cf;margin:0;overflow-wrap:anywhere}
.connection-settings-panel .channel-automation-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #26394d}
.channel-automation-toggle>span{flex:1;min-width:0}
.channel-automation-toggle strong{font-size:14px}
.channel-automation-toggle small{display:block;color:#94a6bc;line-height:1.45;margin-top:5px}
input[type=checkbox]:not([role=switch]){border-radius:3px}
.channel-automation-toggle input[type=checkbox]{appearance:none;border:1px solid #7e94ad;border-radius:3px;background:#172638;width:18px;height:18px;flex:0 0 18px;cursor:pointer}
.channel-automation-toggle input:checked{background:#2d6daa;border-color:#68a7df}
.channel-automation-toggle input:checked::after{content:'✓';display:block;color:white;font-size:14px;text-align:center;line-height:16px}
.channel-automation-toggle input:focus-visible{outline:2px solid #8cbdef;outline-offset:3px}
.channel-automation-toggle input:disabled{opacity:.5;cursor:not-allowed}
.connection-settings-panel button.primary{width:100%;min-height:42px;padding:10px 14px;font:inherit;font-weight:600;border-radius:8px}
.connection-routine-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.connection-routine-actions button,.connection-diagnostics button{min-width:0;min-height:42px;padding:10px;border:1px solid #405168;border-radius:8px;background:#162131;color:#e4edf8;font:inherit;cursor:pointer}
.connection-disconnect{border-top:1px solid #26394d;margin-top:14px;padding-top:12px}
.connection-disconnect button{font:inherit;padding:8px 12px;border-radius:8px}
.connection-diagnostics{margin-top:14px;font-size:13px;color:#b4c0cf}
.connection-diagnostics summary{cursor:pointer;margin-bottom:8px}

/* Targeted shared Connections corrections. Exact sizes override general form fields. */
.connection-settings-panel .profile-editor-section .channel-automation-toggle input[type=checkbox]{box-sizing:border-box;align-self:flex-start;display:inline-block;width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;max-height:18px;flex:0 0 18px;padding:0;margin:2px 0 0;border-radius:3px;position:relative}
.connection-settings-panel .connection-routine-actions>button:is(#importEbay,#connectEbay,#importEcwidCatalog,#connectEcwid){box-sizing:border-box;height:42px;min-height:42px;padding:9px 12px;border:1px solid #405168;background:#162131;color:#e4edf8;border-radius:8px;font:inherit;cursor:pointer;box-shadow:none;transition:background .15s,border-color .15s}
.connection-settings-panel .connection-routine-actions>button:is(#importEbay,#connectEbay,#importEcwidCatalog,#connectEcwid):hover:not(:disabled){background:var(--bpiq-action-blue-hover,#347dbd);border-color:#70a8d8;box-shadow:0 0 0 1px rgba(45,109,170,.2)}
.connection-settings-panel .connection-routine-actions>button:is(#importEbay,#connectEbay,#importEcwidCatalog,#connectEcwid):focus-visible{outline:2px solid var(--bpiq-action-blue-ring,#8cbdef);outline-offset:2px}
.connection-settings-panel .connection-routine-actions>button:is(#importEbay,#connectEbay,#importEcwidCatalog,#connectEcwid):active:not(:disabled){background:var(--bpiq-action-blue-pressed,#235783);border-color:#70a8d8;box-shadow:inset 0 1px 3px #0b1727}
.connection-settings-panel .connection-routine-actions>button:is(#importEbay,#connectEbay,#importEcwidCatalog,#connectEcwid):disabled{opacity:.5;background:#162131;border-color:#405168;box-shadow:none;cursor:not-allowed}
.connection-settings-panel .connection-disconnect>button{box-sizing:border-box;width:100%;height:42px;min-height:42px;padding:9px 12px;border-radius:8px;background:#121e2e;border:1px solid #71434d;color:#e8c3c8;font:inherit;cursor:pointer;box-shadow:none}
.connection-settings-panel .connection-disconnect>button:hover:not(:disabled){background:#2c202d;border-color:#ba707c}
.connection-settings-panel .connection-disconnect>button:focus-visible{outline:2px solid #d794a0;outline-offset:2px}
.connection-settings-panel .connection-disconnect>button:active:not(:disabled){background:#38232e}
.connection-settings-panel .connection-disconnect>button:disabled{opacity:.5;cursor:not-allowed;background:#121e2e;border-color:#71434d}
.connection-settings-panel [data-health=attention]{color:#edc58d}
/* Groups reuse the approved compact modal, fields and Steel Blue controls. */
#modal .modal-card:has(.group-workflow-modal){width:min(720px,96vw)}
.group-workflow-modal{min-width:0;line-height:1.45}
.group-workspace{margin-top:18px;min-width:0}
.group-tags-heading{margin-top:20px}
.group-workspace [hidden]{display:none!important}
.group-workspace-filters:has(.group-tag-filter:not([hidden])){grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}
@media(max-width:520px){.group-workspace-filters:has(.group-tag-filter:not([hidden])){grid-template-columns:minmax(0,1fr)}}
.group-workspace-actions,.group-modal-actions{display:flex;gap:10px;flex-wrap:wrap}
.group-workspace-actions>button,.group-modal-actions>button{min-height:42px;padding:9px 14px;border:1px solid #405168;border-radius:8px;background:#162131;color:#e4edf8;font:inherit;cursor:pointer}
.group-workspace-actions>button.primary,.group-modal-actions>button.primary{background:#2D6DAA;border-color:#2D6DAA;color:#fff;font-weight:600}
.group-workspace-actions>button:hover:not(:disabled),.group-modal-actions>button:hover:not(:disabled){background:var(--bpiq-action-blue-hover,#347dbd);border-color:#70a8d8}
.group-workspace-actions>button:focus-visible,.group-modal-actions>button:focus-visible{outline:2px solid #8cbdef;outline-offset:2px}
.group-workspace-actions>button:disabled,.group-modal-actions>button:disabled{opacity:.5;cursor:not-allowed}
.group-workspace-actions>button.group-delete-action,.group-modal-actions>button.group-delete-action{background:#121e2e;border-color:#71434d;color:#e8c3c8}
.group-workspace-actions>button.group-delete-action:hover:not(:disabled),.group-modal-actions>button.group-delete-action:hover:not(:disabled){background:#2c202d;border-color:#ba707c}
.group-workspace-actions>button.group-delete-action:focus-visible,.group-modal-actions>button.group-delete-action:focus-visible{outline-color:#d794a0}
.group-workspace-actions>button.group-delete-action:active:not(:disabled),.group-modal-actions>button.group-delete-action:active:not(:disabled){background:#38232e;border-color:#ba707c}
.group-workspace-actions>button:active:not(:disabled),.group-modal-actions>button:active:not(:disabled){background:var(--bpiq-action-blue-pressed,#235783);border-color:#70a8d8}
.group-card-actions{margin-top:12px}
/* Use the established dark scrollbar palette throughout the application. */
:root{color-scheme:dark}
*{scrollbar-width:thin;scrollbar-color:#46617f #101b2c}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:#101b2c;border-radius:10px}
*::-webkit-scrollbar-thumb{background:#46617f;border:2px solid #101b2c;border-radius:10px}
*::-webkit-scrollbar-thumb:hover{background:#6585a5}
*::-webkit-scrollbar-corner{background:#101b2c}
/* Keep the Add Products header, filters and actions fixed; only products scroll. */
body:has(#modal:not(.hidden) #groupAddForm){overflow:hidden}
#modal .modal-card:has(:is(#groupAddForm,#profileAddForm)){display:flex;flex-direction:column;overflow:hidden;min-height:0}
#modal .modal-card:has(:is(#groupAddForm,#profileAddForm))>.panel-head{flex-shrink:0}
#modal .modal-card:has(:is(#groupAddForm,#profileAddForm)) #modalBody,
#modal .modal-card:has(:is(#groupAddForm,#profileAddForm)) .group-workflow-modal,
:is(#groupAddForm,#profileAddForm){display:flex;flex-direction:column;min-height:0;overflow:hidden}
:is(#groupAddForm,#profileAddForm)>*{flex-shrink:0}
:is(#groupAddForm,#profileAddForm) :is(#groupAddRows,#profileAddRows){flex:0 1 46vh;min-height:0;max-height:none;overflow-y:auto}
.group-add-filters{display:grid;grid-template-columns:minmax(0,1fr) 150px 112px;gap:10px;align-items:end}
.group-add-filters label{min-width:0}
@media(max-width:520px){.group-add-filters{grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr) minmax(0,.9fr);gap:6px}.group-add-filters label{font-size:11px}.group-workflow-modal .group-add-filters input,.group-workflow-modal .group-add-filters select{padding-left:6px;padding-right:4px;font-size:12px}}
#groupAddStatus{font-size:12px;margin:8px 0 0}
#groupAddForm .group-modal-actions{margin-top:10px}
.group-modal-actions{justify-content:flex-end;margin-top:14px}
.group-workspace-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;margin-top:16px}
.group-workspace-filters label,.group-search-label{display:grid;gap:6px;min-width:0;font-size:13px}
.group-workspace-filters input,.group-workspace-filters select,.group-workflow-modal input:not([type=checkbox]),.group-workflow-modal select{box-sizing:border-box;min-width:0;width:100%;height:42px;min-height:42px;padding:8px 10px;border:1px solid #405168;border-radius:7px;background:#0B1421;color:#edf2f8;font:inherit}
.group-products-scroll,.group-review-scroll{max-height:46vh;overflow-y:auto;overflow-x:hidden;margin-top:12px;min-width:0;overscroll-behavior:contain}
.group-product-row,.group-review-row{padding:11px 0;border-bottom:1px solid #2c3d51;min-width:0}
.group-product-choice{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:0}
.group-product-choice img,.group-image-empty{width:42px;height:42px;flex:0 0 42px;object-fit:contain;border-radius:5px;background:#152235}
.group-image-empty{display:grid;place-items:center;color:#9baac0}
.group-product-text{min-width:0;display:grid;gap:3px;flex:1}
.group-product-text>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.group-product-text small,.group-listing-choice small{display:block;color:#a5b4c7;font-size:12px;overflow-wrap:anywhere}
.group-listing-details{margin:9px 0 0 30px;font-size:13px}
.group-listing-details summary{cursor:pointer;color:#a9bed7}
.group-listing-choice,.group-manual-approval{display:flex;align-items:flex-start;gap:10px;margin-top:9px;min-width:0;font-size:13px}
.group-channel-choices{display:grid;gap:10px}
.group-channel-choice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #2c3d51}
.group-channel-choice>label:first-child{display:flex;align-items:center;gap:10px;min-width:0}
.group-channel-choice>label{min-width:0}
.group-workflow-modal input[type=checkbox],.group-workspace input[type=checkbox]{appearance:none;box-sizing:border-box;display:inline-block;position:relative;align-self:flex-start;flex:0 0 18px;width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;max-height:18px;padding:0;margin:2px 0 0;border:1px solid #7e94ad;border-radius:3px;background:#172638;cursor:pointer}
.group-workflow-modal input[type=checkbox]:checked,.group-workspace input[type=checkbox]:checked{background:#2D6DAA;border-color:#68a7df}
.group-workflow-modal input[type=checkbox]:checked::after,.group-workspace input[type=checkbox]:checked::after{content:'✓';position:absolute;inset:0;color:white;font-size:14px;text-align:center;line-height:16px}
.group-workspace input[type=checkbox]:indeterminate{background:#2D6DAA}
.group-workspace input[type=checkbox]:indeterminate::after{content:'−';position:absolute;inset:0;text-align:center;line-height:16px;color:#fff}
.group-workflow-modal input[type=checkbox]:disabled,.group-workspace input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}
.group-review-summary>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;border-bottom:1px solid #2c3d51}
.group-review-summary span{overflow-wrap:anywhere;min-width:0;text-align:right}
.group-review-heading{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px}
.group-review-heading>strong{min-width:0;overflow-wrap:anywhere}
.group-review-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 12px;margin-top:9px;font-size:12px;color:#a5b4c7}
.group-review-pair strong{display:block;color:#edf2f8;font-size:13px;overflow-wrap:anywhere}
.group-attention{color:#e7bc83;font-size:13px;overflow-wrap:anywhere}
@media(max-width:520px){.group-workspace-filters,.group-channel-choice{grid-template-columns:minmax(0,1fr)}.group-modal-actions>button,.group-workspace-actions>button{flex:1}.group-modal-actions{gap:8px}.group-review-summary>div{display:grid;gap:3px}.group-review-summary span{text-align:left}}
#modal .manual-pricing-modal .group-modal-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;position:static;background:transparent;bottom:auto}
#modal .manual-pricing-modal .group-modal-actions>button{width:auto;min-width:0;flex:0 1 auto;min-height:42px}
@media(max-width:520px){#modal .manual-pricing-modal .group-modal-actions>button{flex:1}#modal .manual-pricing-modal .group-modal-actions>button.primary{flex-basis:100%}}

/* Approved Groups / Tags layout. Scope these refinements to this page. */
.main:has(#view-groups.active){background:#0a0e14}
.main:has(#view-groups.active) .topbar .spot-row,.main:has(#view-groups.active) .topbar p{display:none}
.main:has(#view-groups.active) .topbar{margin-bottom:10px}
:is(#view-groups,#view-profiles) [hidden]{display:none!important}
:is(#view-groups,#view-profiles) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:is(#view-groups,#view-profiles) .groups-introduction{margin:0 0 18px;color:#9aafc7;font-size:15px}
:is(#view-groups,#view-profiles) .groups-create-actions{gap:10px;margin-bottom:24px}
:is(#view-groups,#view-profiles) .groups-create-actions>button{height:40px;min-height:40px;padding:8px 16px;flex:0 1 auto}
:is(#view-groups,#view-profiles) .groups-create-actions>button.primary{background:#2D6DAA!important;color:#fff!important}
:is(#view-groups,#view-profiles) .groups-saved-panel,:is(#view-groups,#view-profiles) .group-workspace{border-color:#304960;background:#101720;padding:20px;border-radius:14px}
:is(#view-groups,#view-profiles) .groups-saved-panel .panel-head{align-items:center;margin-bottom:14px}
:is(#view-groups,#view-profiles) .groups-saved-panel .panel-head h2{font-size:21px}
:is(#view-groups,#view-profiles) .groups-segmented{display:grid;grid-template-columns:1fr 1fr;height:36px;border-radius:999px;background:#101923;margin-bottom:12px;overflow:hidden}
:is(#view-groups,#view-profiles) .groups-segmented>button{height:36px;min-height:36px;min-width:0;padding:0 14px;border:0;border-radius:999px;background:transparent;color:#98afc9;font:inherit;font-weight:600;cursor:pointer}
:is(#view-groups,#view-profiles) .groups-segmented>button[aria-selected=true]{background:#2D6DAA;color:#fff}
:is(#view-groups,#view-profiles) .groups-segmented>button:hover{background:#253e57;color:#fff}
:is(#view-groups,#view-profiles) .groups-segmented>button[aria-selected=true]:hover{background:#347dbd}
:is(#view-groups,#view-profiles) .groups-segmented>button:focus-visible{outline:2px solid #8cbdef;outline-offset:-3px}
:is(#view-groups,#view-profiles) :is(#savedOrganizationSearch,#savedProfileSearch){height:42px;border:1px solid #48647f;background:#0b1421;border-radius:8px;margin-bottom:12px}
:is(#view-groups,#view-profiles) :is(#savedOrganizationList,#savedProfileList){max-height:280px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:auto}
:is(#view-groups,#view-profiles) .group-saved-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px;padding:12px 14px;background:#121e2e;border:1px solid #405a75;border-radius:10px}
:is(#view-groups,#view-profiles) .group-saved-row>div:first-child{min-width:0}
:is(#view-groups,#view-profiles) .group-saved-row h3{font-size:15px;overflow-wrap:anywhere}
:is(#view-groups,#view-profiles) .group-saved-row p{font-size:13px;margin-top:5px;color:#98afc9}
:is(#view-groups,#view-profiles) .group-saved-row .group-workspace-actions{flex:0 0 auto}
:is(#view-groups,#view-profiles) .group-saved-row button{height:40px;min-height:40px;padding:8px 16px;white-space:nowrap}
:is(#view-groups,#view-profiles) .group-workspace{margin-top:26px}
:is(#view-groups,#view-profiles) .group-workspace>.panel-head{align-items:center;margin-bottom:18px}
:is(#view-groups,#view-profiles) :is(#groupDetailTitle,#profileDetailTitle){font-size:23px}
:is(#view-groups,#view-profiles) :is(#groupDetailCount,#profileDetailCount){font-size:14px;color:#98afc9}
:is(#view-groups,#view-profiles) :is(#closeGroupDetail,#closeProfileDetail){white-space:nowrap;flex-shrink:0}
:is(#view-groups,#view-profiles) :is(#groupDetail,#profileDetail)>.group-workspace-actions{align-items:flex-start;gap:10px}
:is(#view-groups,#view-profiles) :is(#groupDetail,#profileDetail)>.group-workspace-actions>button,:is(#view-groups,#view-profiles) .group-actions-menu>summary{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:40px;min-height:40px;padding:8px 18px;border:1px solid #405a75;border-radius:9px;background:#162131;color:#e4edf8;font:inherit;cursor:pointer}
:is(#view-groups,#view-profiles) :is(#groupDetail,#profileDetail)>.group-workspace-actions>button.primary{background:#2D6DAA!important;color:#fff!important;border-color:#2D6DAA!important}
:is(#view-groups,#view-profiles) .group-actions-menu{position:relative;flex:0 0 auto}
:is(#view-groups,#view-profiles) .group-actions-menu>summary{list-style:none;gap:12px}
:is(#view-groups,#view-profiles) .group-actions-menu>summary::-webkit-details-marker{display:none}
:is(#view-groups,#view-profiles) .group-actions-menu>summary::after{content:none}
:is(#view-groups,#view-profiles) .group-actions-menu>summary,:is(#view-groups,#view-profiles) :is(#groupMemberChannel,#profileMemberChannel),:is(#view-groups,#view-profiles) #groupMemberTag{appearance:none;justify-content:flex-start;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23e4edf8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px}
:is(:is(#view-groups,#view-profiles) :is(#refreshGroups,#refreshProfiles),#view-activity #refreshActivity){min-width:104px;min-height:36px;padding:6px 10px;border-radius:7px;transition:background-color .15s,color .15s}
:is(:is(#view-groups,#view-profiles) :is(#refreshGroups,#refreshProfiles),#view-activity #refreshActivity):hover:not(:disabled){background:#1b3047;color:#fff}
:is(:is(#view-groups,#view-profiles) :is(#refreshGroups,#refreshProfiles),#view-activity #refreshActivity):active:not(:disabled){background:#235783}
:is(:is(#view-groups,#view-profiles) :is(#refreshGroups,#refreshProfiles),#view-activity #refreshActivity):focus-visible{outline:2px solid #8cbdef;outline-offset:2px}
:is(:is(#view-groups,#view-profiles) :is(#refreshGroups,#refreshProfiles),#view-activity #refreshActivity):disabled{cursor:wait;background:#162b42;color:#afcdea}
:is(:is(#view-groups,#view-profiles) :is(#refreshGroups,#refreshProfiles),#view-activity #refreshActivity).group-refresh-success{color:#86d9b0}
:is(:is(#view-groups,#view-profiles) :is(#refreshGroups,#refreshProfiles),#view-activity #refreshActivity).group-refresh-error{color:#e8b4be}
:is(#view-groups,#view-profiles) .group-actions-options{position:absolute;z-index:5;top:calc(100% + 6px);right:0;min-width:190px;padding:5px;border:1px solid #405a75;border-radius:9px;background:#111c2b;box-shadow:0 8px 25px #0008}
:is(#view-groups,#view-profiles) .group-actions-options>button{display:block;width:100%;min-height:36px;text-align:left;padding:8px 12px;border:0;border-radius:5px;background:transparent;color:#e4edf8;font:inherit;cursor:pointer}
:is(#view-groups,#view-profiles) .group-actions-options>button.group-delete-action{color:#e8b4be}
:is(#view-groups,#view-profiles) .group-actions-options>button:hover,:is(#view-groups,#view-profiles) .group-actions-menu>summary:hover{background-color:#253e57;border-color:#70a8d8}
:is(#view-groups,#view-profiles) .group-actions-options>button:focus-visible,:is(#view-groups,#view-profiles) .group-actions-menu>summary:focus-visible{outline:2px solid #8cbdef;outline-offset:2px}
:is(#view-groups,#view-profiles) .group-actions-options>button:active,:is(#view-groups,#view-profiles) .group-actions-menu>summary:active{background-color:#235783}
:is(#view-groups,#view-profiles) .group-workspace-filters:has(.group-tag-filter:not([hidden])){grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:20px}
:is(#view-groups,#view-profiles) .group-workspace-filters input,:is(#view-groups,#view-profiles) .group-workspace-filters select{height:42px;min-height:42px;border-color:#48647f}
:is(#view-groups,#view-profiles) :is(#groupSelectionCount,#profileSelectionCount){font-size:13px;color:#98afc9;margin:22px 0 8px}
:is(#view-groups,#view-profiles) :is(#groupMemberRows,#profileMemberRows){max-height:min(680px,65vh);margin-top:0;padding-right:4px;overscroll-behavior:auto}
:is(#view-groups,#view-profiles) :is(#groupMemberRows,#profileMemberRows) .group-product-row{padding:24px 0;border-bottom:1px solid #304960}
:is(#view-groups,#view-profiles) :is(#groupMemberRows,#profileMemberRows) .group-product-choice{align-items:flex-start;gap:16px;cursor:default}
:is(#view-groups,#view-profiles) :is(#groupMemberRows,#profileMemberRows) .group-product-choice>img,:is(#view-groups,#view-profiles) :is(#groupMemberRows,#profileMemberRows) .group-image-empty{width:76px;height:76px;flex:0 0 76px;object-fit:contain;border-radius:5px;background:#0b121a}
:is(#view-groups,#view-profiles) :is(#groupMemberRows,#profileMemberRows) .group-product-text{display:block;min-width:0;padding-top:1px}
:is(#view-groups,#view-profiles) .group-product-title{display:block;color:#edf2f8;font-size:15px;line-height:1.45;cursor:pointer;overflow-wrap:anywhere}
:is(#view-groups,#view-profiles) :is(#groupMemberRows,#profileMemberRows) .group-product-text>small{font-size:13px;color:#98afc9;margin-top:4px}
:is(#view-groups,#view-profiles) :is(#groupMemberRows,#profileMemberRows) .group-listing-details{margin:8px 0 0;font-size:13px}
:is(#view-groups,#view-profiles) :is(#groupMemberRows,#profileMemberRows) .group-listing-details>summary{width:fit-content;cursor:pointer;color:#98afc9}
:is(#view-groups,#view-profiles) :is(#groupMemberRows,#profileMemberRows) .group-listing-choice{margin-top:14px;gap:12px;font-size:13px;line-height:1.45}
:is(#view-groups,#view-profiles) :is(#groupMemberRows,#profileMemberRows) .group-listing-choice>span{min-width:0;overflow-wrap:anywhere}
:is(#view-groups,#view-profiles) :is(#groupMemberRows,#profileMemberRows) .group-listing-choice small{font-size:12px;color:#98afc9;margin-top:3px}
@media(max-width:520px){
 :is(#view-groups,#view-profiles) .groups-saved-panel,:is(#view-groups,#view-profiles) .group-workspace{padding:14px}
 :is(#view-groups,#view-profiles) .groups-saved-panel .panel-head h2{font-size:18px}
 :is(#view-groups,#view-profiles) :is(#groupDetail,#profileDetail)>.group-workspace-actions>button,:is(#view-groups,#view-profiles) .group-actions-menu>summary{font-size:12px;padding:8px 10px;white-space:nowrap}
 :is(#view-groups,#view-profiles) .group-actions-menu>summary{padding-right:36px}
 :is(#view-groups,#view-profiles) :is(#groupDetail,#profileDetail)>.group-workspace-actions>button,:is(#view-groups,#view-profiles) .group-actions-menu{flex:0 0 auto}
 :is(#view-groups,#view-profiles) .group-saved-row{padding:10px;gap:8px}
 :is(#view-groups,#view-profiles) .group-saved-row button{padding:8px 10px;font-size:12px;flex:none}
 :is(#view-groups,#view-profiles) .group-workspace-filters:has(.group-tag-filter:not([hidden])){gap:6px}
 :is(#view-groups,#view-profiles) .group-workspace-filters label{font-size:11px}
 :is(#view-groups,#view-profiles) .group-workspace-filters input,:is(#view-groups,#view-profiles) .group-workspace-filters select{font-size:12px;padding:8px 5px}
 :is(#view-groups,#view-profiles) :is(#groupMemberRows,#profileMemberRows) .group-product-choice{gap:10px}
 :is(#view-groups,#view-profiles) .group-product-title{font-size:13px}
 :is(#view-groups,#view-profiles) :is(#groupMemberRows,#profileMemberRows) .group-listing-choice{font-size:12px;gap:7px}
}
#modal .modal-card:has(#bulkMetalForm){width:min(640px,96vw);padding:20px;background:#101b2a;border:1px solid #34445a;border-radius:12px}
.bulk-metal-form{display:grid;gap:12px;min-width:0}
.bulk-metal-form>label{display:grid;gap:7px}
.bulk-metal-form select{width:100%;min-width:0}
.bulk-metal-help{margin:0;font-size:12px;line-height:1.5}
.bulk-metal-review{padding:12px;border:1px solid #34445a;border-radius:8px;background:#0b1522;min-width:0;font-size:13px;line-height:1.5}
.bulk-metal-review p{margin:0 0 7px}.bulk-metal-review p:last-child{margin-bottom:0}
.bulk-metal-breakdown{max-height:190px;overflow:auto;overscroll-behavior:auto;overflow-wrap:anywhere}
.bulk-metal-breakdown h3{font-size:12px;color:#9db5cf;margin:10px 0 5px}
.bulk-metal-breakdown ul{list-style:none;padding:0;margin:0}
.bulk-metal-breakdown li{display:grid;gap:2px;padding:6px 0;border-bottom:1px solid #243449}
.bulk-metal-breakdown li:last-child{border-bottom:0}.bulk-metal-breakdown small{font-size:12px}
.bulk-metal-error{color:#ffb2a8}
.bulk-metal-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:2px;flex-wrap:wrap}
.bulk-metal-actions button{width:auto;min-height:40px;padding:9px 14px;font-size:13px;border-radius:8px}
.bulk-metal-actions button:not(.primary){background:#162131;border:1px solid #405168;color:#e4edf8}
.bulk-metal-actions button:not(.primary):hover:not(:disabled){background:#203249;border-color:#70a8d8}
.bulk-metal-actions .primary{background:#2D6DAA;border-color:#2D6DAA}.bulk-metal-actions .primary:hover:not(:disabled){background:#347dbd}
@media(max-width:500px){#modal .modal-card:has(#bulkMetalForm){padding:16px}.bulk-metal-actions button{padding:9px 11px}.bulk-metal-breakdown{max-height:160px}}

/* Official Dealer Console logo: preserve the full artwork without a tile. */
.brand .dealer-console-logo{display:block;flex:0 0 48px;width:48px;height:auto;object-fit:contain;background:transparent;border:0;border-radius:0}

/* Approved narrow Dealer Console sidebar. Main-page components are unchanged. */
.shell{grid-template-columns:196px minmax(0,1fr)}
.shell>.sidebar{padding:10px 8px 18px;background:#090f17;border-right:1px solid #26394b;overflow:visible;min-width:0;gap:0}
.sidebar>.brand{display:flex;justify-content:center;align-items:center;padding:0 0 12px;flex:0 0 auto}
.sidebar .brand .dealer-console-logo{width:110px;flex:0 0 110px;height:auto}
.sidebar>.dealer-navigation{display:block;flex:0 0 auto;overflow:visible}
.sidebar-nav-group{display:grid;gap:2px;padding:0 2px 8px;min-width:0}
.sidebar-nav-group+.sidebar-nav-group{border-top:1px solid #375d7d;padding-top:8px}
.sidebar-group-title{font-size:11px;line-height:1.4;letter-spacing:.015em;text-transform:uppercase;color:#82c9f5;margin:0 6px 5px;font-weight:800;white-space:nowrap}
.sidebar .nav-btn{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:6px;font-size:15px;line-height:1.35;color:#eef2f6;border-radius:10px;font-weight:600;white-space:nowrap;text-align:left}
.sidebar .nav-btn::before{content:none}
.sidebar .nav-btn span{min-width:0}
.sidebar .sidebar-icon{display:block;flex:0 0 20px;width:20px;height:20px;color:#eef2f6}
.sidebar .nav-btn:hover{background:#122638;color:#fff}
.sidebar .nav-btn.active{background:#163c5c;color:#fff;font-weight:750}
.sidebar .nav-btn:focus-visible{outline:2px solid #82c9f5;outline-offset:-2px}
.sidebar>.side-foot{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px;margin:auto 0 0;padding-top:10px;flex:0 0 auto;min-width:0}
.sidebar .side-foot .health-pill{display:flex;justify-content:center;text-align:center;width:100%;max-width:172px;font-size:11px;padding:8px 6px;gap:6px;border-color:#375d7d;border-radius:9px;min-width:0}
.sidebar .side-foot .health-pill .dot{flex-shrink:0}
.sidebar .side-foot .danger-btn{width:100%;max-width:172px;text-align:center;font-size:14px;line-height:1.4;min-height:40px;padding:8px 6px;border-color:#eb4563}
.sidebar .side-foot #logoutBtn{padding:6px 8px;text-align:center;color:#82c9f5;font-size:15px;line-height:1.4;min-height:33px}
@media(min-width:701px) and (max-height:720px){.sidebar>.brand{padding-bottom:6px}.sidebar .brand .dealer-console-logo{width:100px;flex-basis:100px}.sidebar-nav-group{padding-bottom:5px}.sidebar-nav-group+.sidebar-nav-group{padding-top:5px}.sidebar-group-title{font-size:11px;margin-bottom:3px}.sidebar .nav-btn{min-height:32px;padding-top:5px;padding-bottom:5px;font-size:15px}.sidebar .sidebar-icon{width:20px;height:20px;flex-basis:20px}.sidebar>.side-foot{gap:6px;padding-top:8px}.sidebar .side-foot .health-pill{padding:7px 8px;font-size:11px}.sidebar .side-foot .danger-btn{min-height:36px;padding:7px;font-size:14px}.sidebar .side-foot #logoutBtn{min-height:28px;padding:4px;font-size:14px}}
@media(min-width:701px) and (max-height:580px){.sidebar>.brand{padding-bottom:3px}.sidebar-nav-group{padding-bottom:3px}.sidebar-nav-group+.sidebar-nav-group{padding-top:3px}.sidebar-group-title{font-size:10px;margin-bottom:2px}.sidebar .nav-btn{min-height:29px;padding-top:4px;padding-bottom:4px;font-size:14px}.sidebar .sidebar-icon{width:18px;height:18px;flex-basis:18px}.sidebar>.side-foot{gap:4px;padding-top:6px}.sidebar .side-foot .health-pill{padding-top:6px;padding-bottom:6px}.sidebar .side-foot .danger-btn{min-height:34px;padding-top:6px;padding-bottom:6px}.sidebar .side-foot #logoutBtn{min-height:26px;padding-top:3px;padding-bottom:3px}}
@media(max-width:700px){.shell{display:block}.shell>.sidebar{position:static;height:auto;width:100%;max-height:none;display:flex;flex-direction:column;align-items:stretch;padding:16px;overflow:visible;border-right:0;border-bottom:1px solid #26394b}.sidebar>.brand{padding-bottom:18px}.sidebar>.dealer-navigation{display:block;flex:0 0 auto;overflow:visible;scrollbar-gutter:auto}.sidebar-nav-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.sidebar-group-title{grid-column:1/-1}.sidebar .nav-btn{font-size:14px;gap:10px;padding:8px;min-height:44px}.sidebar .sidebar-icon{width:22px;height:22px;flex-basis:22px}.sidebar>.side-foot{padding-top:8px}.sidebar .side-foot #logoutBtn{padding-bottom:8px}}
/* Balance the complete navigation stack between the logo and status block. */
@media(min-width:701px){.sidebar>.brand{padding-bottom:0}.sidebar>.dealer-navigation{margin:auto 0}.sidebar>.side-foot{margin:0;padding-top:0}.sidebar-nav-group:last-child{padding-bottom:0}}

/* Products upper section only. Lower controls, table and sidebar are unchanged. */
#view-inventory .inventory-summary-strip.products-summary-six{
  padding:0!important;
  grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);
  gap:clamp(3px,.7vw,9px)!important;container-type:inline-size;
}
#view-inventory .products-summary-six .inventory-summary-pill{
  height:68px!important;min-height:68px!important;max-height:68px;
  min-width:0!important;padding:2px 5px!important;gap:2px!important;
  overflow-wrap:anywhere;white-space:normal;
}
#view-inventory .products-summary-six .inventory-summary-pill[hidden]{display:none!important}
#view-inventory .products-summary-six .inventory-summary-pill>span{
  min-width:0;font-size:clamp(9px,1.5cqw,16px)!important;line-height:1.05!important;
}
#view-inventory .products-summary-six .inventory-summary-pill>strong{
  min-width:0;max-width:100%;font-size:clamp(14px,2.4cqw,24px)!important;
}
#view-inventory .products-summary-six[data-summary-layout="inline"] .inventory-summary-pill{
  flex-direction:row!important;justify-content:space-between!important;text-align:left!important;
  padding-inline:clamp(5px,1.2cqw,14px)!important;
}
#view-inventory .products-summary-six[data-summary-layout="inline"] .inventory-summary-pill>span{
  text-align:left!important;font-size:clamp(11px,1.9cqw,16px)!important;
}
#view-inventory .products-primary-filters select,
#view-inventory .products-primary-filters #refreshInventory{
  height:43px!important;min-height:43px!important;max-height:43px!important;box-sizing:border-box;
}
/* Center labels and dropdowns together between the cards and search row. */
#view-inventory .products-primary-filters{padding-block:12px!important}

/* Compact shared spot cards; provider values and freshness logic are unchanged. */
.topbar .spot-chip{height:80px;min-height:80px;padding:4px 0;container-type:inline-size}
.topbar .spot-chip-inner{display:flex;justify-content:center;gap:12px;height:100%;align-items:center;padding-inline:8px}
.topbar .spot-metal-art{width:80px;max-width:80px;height:64px;flex:0 0 80px;object-fit:contain;transform:none;margin:0}
.topbar .spot-chip-copy{width:max-content;max-width:calc(100% - 92px);flex:0 1 auto;padding:0;box-sizing:border-box;gap:4px;align-items:center}
.topbar .spot-chip-primary{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2px 4px;white-space:normal}
.topbar .spot-metal-name{font-size:14px;line-height:1.1;letter-spacing:-.2px}
.topbar .spot-chip .spot-chip-primary strong{font-size:17px;line-height:1.1;letter-spacing:-.2px}
.topbar .spot-chip .spot-chip-copy .spot-quality{font-size:12px;line-height:1.2;text-align:center;white-space:normal}
@container(max-width:240px){.topbar .spot-chip-inner{gap:8px}.topbar .spot-metal-art{width:72px;max-width:72px;flex-basis:72px}.topbar .spot-chip-copy{max-width:calc(100% - 80px)}.topbar .spot-metal-name{font-size:13px}.topbar .spot-chip .spot-chip-primary strong{font-size:16px}}
@media(max-width:650px){.topbar .spot-chip{height:70px;min-height:70px;padding-block:3px}.topbar .spot-metal-art{height:58px}}

/* Slightly larger saved profile values; column headings keep their sizing. */
#view-profiles .profiles-table tbody td{font-size:14px}
#view-profiles .profiles-table tbody td .tag{font-size:13px}

/* Small readability increase confined to the shared pricing-profile editor. */
#modal .modal-card:has(.profile-editor-form) #modalTitle{font-size:17px}
#modal .modal-card:has(.profile-editor-form) #modalSubtitle{font-size:13px}
#modal .profile-editor-form label,
#modal .profile-editor-form input,
#modal .profile-editor-form select{font-size:13px}
#modal .profile-editor-form .pricing-method-helper{font-size:11px}
#modal .profile-editor-form .profile-editor-footer button{font-size:17px}
#modal .profile-editor-form .pricing-method-label-row{display:inline-flex!important;align-items:center!important;column-gap:9px!important}
#modal .profile-editor-form .pricing-method-label-row>.pricing-info-wrap{margin-inline-start:0!important}
#modal .profile-editor-form .pricing-info-btn{font-size:13px}
#modal .profile-editor-form .pricing-info-popover{font-size:12px}
#modal .profile-editor-form .pricing-info-popover strong{font-size:13px}
#modal .profile-editor-core>label{display:flex;flex-direction:column;justify-content:flex-start;gap:6px;line-height:18px}
#modal .profile-editor-core .pricing-method-label-row{height:18px;min-height:18px}



#view-profiles #profileDetailRule{font-size:13px;color:#98afc9;margin-top:5px}
#view-profiles #profileMemberRows:empty{display:none}
#profileAddCount{font-size:12px;margin:8px 0 0}
#profileAssignmentPrices{font-size:12px;color:#a5b4c7}

/* Add Products only: shared hierarchy, sizing and single product-list scrollbar. */
body:has(#modal:not(.hidden) .product-picker-form){overflow:hidden}
#modal .product-picker-modal>.panel-head{align-items:flex-start;gap:8px}
#modal .product-picker-modal>.panel-head>div:first-child{flex:1;min-width:0}
#modal .product-picker-modal>.panel-head .picker-size-toggle{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:3px;color:#9aabc0;border-radius:5px}
#modal .product-picker-modal>.panel-head .picker-size-toggle:hover{background:#1c3047;color:#eef2f6}
#modal .product-picker-modal>.panel-head .picker-size-toggle:focus-visible{outline:2px solid #8cbdef;outline-offset:2px}
#modal .product-picker-form .group-product-choice>img,#modal .product-picker-form .group-image-empty{width:64px;height:64px;flex:0 0 64px;object-fit:contain}
#modal .product-picker-form .group-workspace-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 10px}
#modal .product-picker-form>.group-modal-actions{display:flex;flex-direction:row;justify-content:flex-end;gap:10px;margin-top:10px;position:static;background:transparent}
#modal .product-picker-form>.group-modal-actions>button{width:auto;flex:0 1 auto;min-width:0;min-height:42px}
#modal .product-picker-modal.product-picker-maximized{width:calc(100vw - 32px);max-width:none;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);margin:0}
#modal .product-picker-modal.product-picker-maximized #modalBody,
#modal .product-picker-modal.product-picker-maximized .group-workflow-modal,
#modal .product-picker-modal.product-picker-maximized .product-picker-form{flex:1 1 0;min-height:0}
#modal .product-picker-modal.product-picker-maximized .group-products-scroll{flex:1 1 0;min-height:0;max-height:none;overflow:auto;overflow-x:hidden}
#modal .product-picker-form>.muted{font-size:12px;margin:8px 0}
#modal .product-picker-form .group-product-title,#modal .product-picker-form .group-listing-choice{overflow-wrap:anywhere}
@media(max-width:520px){
 #modal:has(.product-picker-form){padding:12px}
 #modal .product-picker-modal{max-width:100%;max-height:calc(100dvh - 24px);padding:14px}
 #modal .product-picker-modal.product-picker-maximized{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}
 #modal .product-picker-form>.group-modal-actions>button{flex:0 1 auto;font-size:12px;padding:8px 10px}
 #modal .product-picker-form .group-workspace-actions>button{flex:0 1 auto;font-size:12px;padding:8px 10px}
}
@media(max-height:520px){#modal .product-picker-modal{padding:12px}#modal .product-picker-modal>.panel-head{margin-bottom:8px}#modal .product-picker-form>.muted{margin:4px 0}#modal .product-picker-form .group-add-filters{gap:6px}}
/* Higher specificity than the original 46vh picker-list cap. */
#modal .modal-card.product-picker-maximized:has(:is(#groupAddForm,#profileAddForm)) #modalBody,
#modal .modal-card.product-picker-maximized:has(:is(#groupAddForm,#profileAddForm)) .group-workflow-modal,
#modal .modal-card.product-picker-maximized :is(#groupAddForm,#profileAddForm){flex:1 1 0;min-height:0}
#modal .modal-card.product-picker-maximized :is(#groupAddRows,#profileAddRows){flex:1 1 0;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden}
#modal .product-picker-form .group-product-choice{align-items:flex-start}
#modal .product-picker-form .group-product-text>.group-product-title{white-space:normal;overflow:visible;text-overflow:clip}
#modal .product-picker-form input[type=checkbox]:indeterminate{background:#2D6DAA;border-color:#68a7df}
#modal .product-picker-form input[type=checkbox]:indeterminate::after{content:'−';position:absolute;inset:0;color:#fff;font-size:14px;text-align:center;line-height:16px}
#modal .product-picker-modal .product-picker-form>.group-modal-actions{flex-wrap:nowrap;border-top:0;padding-top:0}
#modal .product-picker-modal .product-picker-form>.group-modal-actions>button.primary{flex-basis:auto}

/* Add Products: use available width to show more products without changing selection. */
#modal .product-picker-form{container-type:inline-size}
#modal .product-picker-form :is(#groupAddRows,#profileAddRows){display:grid;grid-template-columns:minmax(0,1fr);column-gap:20px;align-content:start;align-items:start}
#modal .product-picker-form .group-product-row{min-width:0;padding-block:10px}
#modal .product-picker-form .group-product-choice{gap:10px}
#modal .product-picker-form .group-product-text>.group-product-title{font-size:13px;line-height:1.35}
#modal .product-picker-form .group-listing-details{margin:7px 0 0 12px;font-size:12px;line-height:1.35}
#modal .product-picker-form .group-listing-choice{gap:8px;margin-top:7px;font-size:12px;line-height:1.35}
#modal .product-picker-form .group-product-text small,#modal .product-picker-form .group-listing-choice small{font-size:11px;line-height:1.35}
@container(min-width:660px){#modal .product-picker-form :is(#groupAddRows,#profileAddRows){grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(min-width:1120px){#modal .product-picker-form :is(#groupAddRows,#profileAddRows){grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Compact Add Products header and toolbar; regular, aligned product rows. */
#modal:has(.product-picker-form){padding-top:8px;padding-bottom:8px}
#modal .modal-card.product-picker-modal{height:min(860px,calc(100dvh - 16px));max-height:calc(100dvh - 16px);padding-top:14px;padding-bottom:14px}
#modal .modal-card.product-picker-modal.product-picker-maximized{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}
#modal .product-picker-modal>.panel-head{margin-bottom:10px}
#modal .product-picker-modal .product-picker-form .group-workspace-actions{gap:8px;margin:6px 0 2px}
#modal .product-picker-modal .product-picker-form .group-workspace-actions>button{height:28px;min-height:28px;padding:3px 10px;font-size:12px;line-height:20px;flex:0 1 auto}
#modal .product-picker-form>.muted{font-size:11px;margin:4px 0}
#modal .modal-card.product-picker-modal:has(:is(#groupAddForm,#profileAddForm)) #modalBody,
#modal .modal-card.product-picker-modal:has(:is(#groupAddForm,#profileAddForm)) .group-workflow-modal,
#modal .modal-card.product-picker-modal :is(#groupAddForm,#profileAddForm){flex:1 1 0;min-height:0}
#modal .modal-card.product-picker-modal :is(#groupAddRows,#profileAddRows){flex:1 1 0;min-height:0;max-height:none;margin-top:6px;align-items:stretch;grid-auto-flow:row;grid-auto-rows:auto}
#modal .product-picker-form .group-product-row{padding-block:9px;min-height:98px}
#modal .product-picker-form .group-product-text>.group-product-title{min-height:2.7em}

/* Expanded channel details must contribute their full height to each grid row. */
#modal .modal-card.product-picker-modal :is(#groupAddRows,#profileAddRows){grid-auto-rows:max-content}
#modal .modal-card.product-picker-modal{padding-bottom:10px}
#modal .product-picker-modal .product-picker-form>.group-modal-actions{margin-top:6px}
#modal .product-picker-modal .product-picker-form>.group-modal-actions>button{height:32px;min-height:32px;padding:5px 12px;font-size:13px;line-height:20px}

/* Columns share collapsed row spacing; expanding one never stretches its neighbors. */
#modal .modal-card.product-picker-modal :is(#groupAddRows,#profileAddRows){align-items:start}
#modal .product-picker-form .product-picker-column{display:flex;flex-direction:column;min-width:0;align-self:start}
#modal .product-picker-form .product-picker-column>.group-product-row{flex:0 0 auto}

/* Saved list drag handles: same compact control in Profiles, Groups and Tags. */
:is(#view-groups,#view-profiles) .saved-order-list .group-saved-row>div:not(.group-workspace-actions){flex:1;min-width:0}
:is(#view-groups,#view-profiles) .group-saved-row .saved-order-handle{display:grid;place-items:center;flex:0 0 24px;width:24px;height:32px;min-height:32px;padding:0;border:0;border-radius:5px;background:transparent;color:#98afc9;cursor:grab;touch-action:none}
:is(#view-groups,#view-profiles) .group-saved-row .saved-order-handle:hover:not(:disabled){background:#20354b;color:#eaf2fa}
:is(#view-groups,#view-profiles) .group-saved-row .saved-order-handle:focus-visible{outline:2px solid #8cbdef;outline-offset:2px}
:is(#view-groups,#view-profiles) .group-saved-row .saved-order-handle:disabled{opacity:.35;cursor:default}
.saved-order-dragging{opacity:.35}
.saved-order-drop-before{box-shadow:0 -3px 0 #70a8d8}
.saved-order-drop-after{box-shadow:0 3px 0 #70a8d8}
.saved-order-ghost{position:fixed;z-index:100001;pointer-events:none;display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 14px;border:1px solid #70a8d8;border-radius:10px;background:#121e2e;color:#eef2f6;box-shadow:0 8px 28px #0008;opacity:.95}
.saved-order-ghost>div:not(.group-workspace-actions){flex:1;min-width:0}.saved-order-ghost h3{font-size:15px;margin:0}.saved-order-ghost p{font-size:13px;margin:5px 0 0;color:#98afc9}.saved-order-ghost .saved-order-handle{border:0;background:transparent;color:#98afc9;padding:0;width:24px;flex:0 0 24px}.saved-order-ghost .group-workspace-actions button{height:40px;padding:8px 16px}

/* Groups selected-channel assignment popup only. Header/footer stay accessible. */
body:has(#modal:not(.hidden) #groupProfilesForm){overflow:hidden}
#modal .modal-card:has(#groupProfilesForm){width:min(1160px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 24px);padding:18px;display:flex;flex-direction:column;overflow:hidden}
#modal .modal-card:has(#groupProfilesForm)>.panel-head{flex:0 0 auto;margin-bottom:10px}
#modal .modal-card:has(#groupProfilesForm) #modalBody,
#modal .modal-card:has(#groupProfilesForm) .group-workflow-modal,
#groupProfilesForm{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}
#groupProfilesForm .group-assignment-content{flex:1 1 auto;min-height:0;overflow:auto;overflow-x:hidden;padding-right:4px}
#groupProfilesForm .group-assignment-summary{font-size:13px;margin:0 0 12px}
#groupProfilesForm .group-assignment-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:18px;align-items:start}
#groupProfilesForm .group-assignment-channel{min-width:0;border-top:1px solid #34445a;padding-top:10px}
#groupProfilesForm .group-assignment-channel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;flex-wrap:wrap}
#groupProfilesForm .group-assignment-channel-heading h3{font-size:15px;margin:0}
#groupProfilesForm .group-assignment-channel-heading span{font-size:12px}
#groupProfilesForm .group-assignment-profile-label{display:grid;gap:6px;font-size:12px;min-width:0}
#groupProfilesForm .group-assignment-list{overflow-y:auto;overflow-x:hidden;margin-top:10px;min-width:0;overscroll-behavior:auto}
#groupProfilesForm .group-assignment-listing{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:7px 0;border-bottom:1px solid #2c3d51;font-size:12px;line-height:16px}
#groupProfilesForm .group-assignment-listing>img,#groupProfilesForm .group-assignment-image-empty{flex:0 0 42px;width:42px;height:42px;object-fit:contain;border-radius:4px;background:#0b1421}
#groupProfilesForm .group-assignment-image-empty{display:grid;place-items:center;color:#98afc9}
#groupProfilesForm .group-assignment-listing>div{min-width:0;flex:1}
#groupProfilesForm .group-assignment-listing strong{display:block;font-size:12px;line-height:16px;font-weight:650;overflow-wrap:anywhere}
#groupProfilesForm .group-assignment-listing small{display:block;color:#a5b4c7;font-size:11px;line-height:15px;overflow-wrap:anywhere}
#groupProfilesForm .group-assignment-footer{flex:0 0 auto;padding-top:8px}
#groupProfilesForm #groupProfilesStatus{font-size:12px;margin:0 0 6px}
#modal .modal-card:has(#groupProfilesForm) #groupProfilesForm .group-modal-actions{margin:0;display:flex;justify-content:flex-end;flex-wrap:nowrap;gap:10px}
#modal .modal-card:has(#groupProfilesForm) #groupProfilesForm .group-modal-actions>button{height:40px;min-height:40px;width:auto;flex:0 1 auto;padding:8px 14px;font-size:13px}
@media(max-width:520px){#modal .modal-card:has(#groupProfilesForm){padding:12px;max-width:calc(100vw - 24px)}#groupProfilesForm .group-assignment-channels{grid-template-columns:minmax(0,1fr);gap:14px}}

/* Shared square select-all header; text and empty row space do not toggle it. */
.workspace-select-all{display:flex;align-items:center;gap:10px;margin:10px 0 12px;color:#a5b4c7;font-size:13px;line-height:1.4}
.workspace-select-all>input[type="checkbox"]{appearance:auto;width:20px!important;height:20px!important;min-width:20px;min-height:20px;max-width:20px;max-height:20px;flex:0 0 20px;padding:0;margin:0;accent-color:#2D6DAA;border-radius:0}

.workspace-selection-summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 28px;margin:22px 0 8px}
:is(#view-groups,#view-profiles) .workspace-selection-summary :is(#groupSelectionCount,#profileSelectionCount){margin:0}
.workspace-selection-summary .workspace-assignment-count{font-size:13px;color:#98afc9;margin:0}

.workspace-selection-hint{font-size:12px;color:#98afc9;margin:0 0 8px}