/*
  StoredX AI Product Discovery V3
  Visual presentation only.
  No changes to data, routing, authentication or API behavior.
*/

:root {
  --sx-v3-blue: #1767ed;
  --sx-v3-blue-dark: #0d50c6;
  --sx-v3-navy: #10264b;
  --sx-v3-text: #142b4e;
  --sx-v3-muted: #70809c;
  --sx-v3-border: #dfe7f3;
  --sx-v3-surface: #ffffff;
  --sx-v3-soft: #f5f8fd;
}

/* Main research heading */

#content h1 {
  color: var(--sx-v3-navy);
  font-weight: 750;
  letter-spacing: -0.035em;
  line-height: 1.18;
}

#content .eyebrow {
  color: var(--sx-v3-blue);
  font-weight: 750;
  letter-spacing: 0.085em;
}

/* Search and filter container */

#content .filter-panel {
  background: var(--sx-v3-surface);
  border: 1px solid var(--sx-v3-border);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 5px 22px rgba(25, 61, 111, 0.035);
}

#content .search-form {
  display: flex;
  align-items: stretch;
  gap: 12px;
}

#content .search-input {
  border: 1px solid #d6e1f1;
  border-radius: 11px;
  background: #fbfdff;
  min-height: 50px;
  transition: border-color .18s, box-shadow .18s;
}

#content .search-input:focus-within {
  border-color: #4387f5;
  box-shadow: 0 0 0 4px rgba(23, 103, 237, .09);
  background: #fff;
}

#content .search-input input {
  font-size: 14px;
  color: var(--sx-v3-text);
  background: transparent;
}

#content .search-form > .btn {
  background: var(--sx-v3-blue);
  border-radius: 10px;
  font-weight: 700;
  padding-inline: 25px;
  transition: background .18s, transform .18s;
}

#content .search-form > .btn:hover {
  background: var(--sx-v3-blue-dark);
  transform: translateY(-1px);
}

/* Filters */

#content .filter-panel .filters {
  gap: 14px;
  align-items: end;
  margin-top: 18px;
}

#content .filter-panel label {
  color: #647796;
  font-size: 12px;
  font-weight: 650;
}

#content .filter-panel select {
  border: 1px solid var(--sx-v3-border);
  background-color: #f9fbff;
  border-radius: 9px;
  min-height: 43px;
  color: var(--sx-v3-text);
  font-weight: 600;
}

#content .filter-panel select:focus-visible,
#content .filter-panel button:focus-visible {
  outline: 3px solid rgba(23,103,237,.23);
  outline-offset: 2px;
}

#content .filter-panel select:disabled {
  color: #91a0b5;
  background-color: #f5f7fb;
}

#content #sx-reset {
  color: var(--sx-v3-blue);
  font-weight: 650;
}

/* Results container */

#content .results {
  border: 1px solid var(--sx-v3-border);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 7px 24px rgba(25,61,111,.035);
}

#content .results > .panel-head {
  padding: 20px 22px;
  border-bottom: 1px solid #e5ebf5;
}

#content .results .panel-head h2 {
  color: var(--sx-v3-navy);
  font-size: 18px;
  font-weight: 750;
  letter-spacing: -.02em;
}

#content .results .panel-head small {
  color: var(--sx-v3-muted);
  line-height: 1.7;
}

#content .results .segmented {
  background: #f1f5fb;
  padding: 4px;
  border-radius: 10px;
}

#content .results .segmented button {
  border-radius: 7px;
}

/* Product grid */

#content .product-grid {
  gap: 18px;
  padding: 20px;
}

#content .product-card {
  background: #fff;
  border: 1px solid #e3eaf5;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 3px 12px rgba(17,40,75,.035);
  transition: transform .2s, box-shadow .2s, border-color .2s;
}

#content .product-card:hover {
  transform: translateY(-3px);
  border-color: #bdd3fa;
  box-shadow: 0 12px 30px rgba(25,70,139,.105);
}

#content .product-card .card-image {
  background: #f5f8fd;
  overflow: hidden;
}

#content .product-card .card-image img {
  object-fit: contain;
  transition: transform .25s;
}

#content .product-card:hover .card-image img {
  transform: scale(1.035);
}

#content .product-card .card-body {
  padding: 17px;
}

#content .product-card h3 {
  color: var(--sx-v3-navy);
  font-weight: 720;
  letter-spacing: -.012em;
  line-height: 1.42;
}

#content .product-card .tag {
  background: #edf4ff;
  color: #2860b5;
  border-radius: 6px;
}

#content .product-card .card-revenue {
  border-top: 1px solid #edf1f7;
  margin-top: 15px;
  padding-top: 14px;
}

#content .product-card .card-revenue strong {
  font-size: 18px;
  color: var(--sx-v3-navy);
  letter-spacing: -.025em;
}

#content .product-card .card-numbers {
  border-color: #edf1f7;
}

#content .product-card .outline.full {
  border: 1px solid #b9d2ff;
  background: #f0f6ff;
  color: #1359d2;
  font-weight: 700;
  border-radius: 9px;
  transition: background .18s;
}

#content .product-card .outline.full:hover {
  background: #e1edff;
}

/* Research table */

#content .product-table {
  border-collapse: separate;
  border-spacing: 0;
}

#content .product-table thead {
  background: #f5f8fd;
}

#content .product-table th {
  color: #607596;
  font-size: 12px;
  font-weight: 700;
  border-bottom: 1px solid #e4ebf6;
}

#content .product-table tbody tr {
  transition: background .16s;
}

#content .product-table tbody tr:hover {
  background: #f7faff;
}

#content .product-table td {
  border-bottom-color: #edf1f7;
}

#content .product-table .product-cell b {
  color: #122c54;
  font-weight: 700;
}

#content .product-table .detail-action {
  color: var(--sx-v3-blue);
  font-weight: 700;
}

#content .product-table .detail-action:hover {
  text-decoration: underline;
}

/* Pagination */

#content .sx-pagination button {
  border-radius: 9px;
  min-height: 37px;
}

#content .sx-pagination button.btn {
  background: var(--sx-v3-blue);
}

#content .table-foot {
  color: var(--sx-v3-muted);
  border-top-color: var(--sx-v3-border);
}

/* Responsive improvements */

@media (max-width: 900px) {
  #content .filter-panel {
    padding: 17px;
  }

  #content .product-grid {
    padding: 12px;
    gap: 12px;
  }
}

@media (max-width: 600px) {
  #content .search-form {
    flex-wrap: wrap;
  }

  #content .search-form > .btn {
    width: 100%;
  }

  #content .filter-panel .filters {
    gap: 12px;
  }

  #content .results > .panel-head {
    padding: 15px;
  }

  #content .product-card .card-body {
    padding: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #content .product-card,
  #content .product-card img,
  #content .search-form > .btn {
    transition: none;
  }
}

/* StoredX AI V3.12 — Catalog selector */

#content .sxV3CatalogHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

#content .sxV3CatalogEyebrow {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
  color: #1767ed;
  margin-bottom: 5px;
}

#content .sxV3CatalogHeader h2 {
  font-size: 20px;
  font-weight: 750;
  letter-spacing: -.035em;
  color: #10264b;
  margin: 0 0 5px;
}

#content .sxV3CatalogHeader p {
  font-size: 12px;
  color: #70809c;
  margin: 0;
}

#content .sxV3CatalogSwitch {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px;
  border: 1px solid #e1e9f5;
  border-radius: 12px;
  background: #f4f7fc;
  max-width: 100%;
}

#content .sxV3CatalogSwitch button {
  appearance: none;
  border: 1px solid transparent;
  background: transparent;
  color: #617694;
  padding: 11px 18px;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background .16s, color .16s, box-shadow .16s;
}

#content .sxV3CatalogSwitch button.active {
  background: #1767ed;
  color: #fff;
  border-color: #1767ed;
  box-shadow: 0 3px 9px rgba(23,103,237,.17);
}

#content .sxV3CatalogSwitch button:not(.active):hover {
  color: #1456bf;
  background: #e8effc;
}

#content .sxV3CatalogSwitch button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

#content .sxV3CatalogSwitch button:focus-visible {
  outline: 3px solid #93baff;
  outline-offset: 2px;
}

#content .sxV3CatalogDescription {
  color: #657995;
  font-size: 12px;
  margin: 12px 0 20px;
  line-height: 1.6;
}

@media (max-width: 600px) {
  #content .sxV3CatalogSwitch {
    display: flex;
    width: 100%;
  }

  #content .sxV3CatalogSwitch button {
    flex: 1;
    padding: 11px 8px;
    font-size: 12px;
  }
}

/* V3.13 — historical GMV presentation */

#content .product-card .card-revenue strong {
  display: block;
  font-size: clamp(14px, 1.08vw, 17px);
  font-weight: 760;
  line-height: 1.5;
  color: #10264b;
  letter-spacing: -.025em;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

#content .product-card .card-revenue small {
  display: block;
  font-size: 11px;
  font-weight: 650;
  color: #70809c;
  margin-bottom: 6px;
}

#content .product-table td {
  font-variant-numeric: tabular-nums;
}

#content .product-card .card-numbers b {
  color: #304766;
}

@media (max-width: 600px) {
  #content .product-card .card-revenue strong {
    font-size: 14px;
  }
}

/* V3.15 — TikTok Shop listing action */

.sx-tiktok-product-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 11px;
  border: 1px solid #bcd5f9;
  border-radius: 8px;
  background: #f0f6ff;
  color: #1454bc;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.sx-tiktok-product-link:hover {
  background: #e1edff;
  color: #10449a;
}

.product-card .sx-tiktok-product-link {
  display: flex;
  width: 100%;
  margin-top: 8px;
}

.product-table .row-actions {
  flex-wrap: wrap;
  gap: 6px;
}


/* V3.20 — Customer-first Product Search; blue and white, compact metrics. */
#content .sx20-table { min-width: 980px; width:100%; }
#content .sx20-table th { text-align:left; padding: 13px 12px; white-space:nowrap; color:#55708f; font-size:11px; letter-spacing:.005em; }
#content .sx20-table th small { display:block; margin-top:3px; color:#93a3b9; font-size:10px; font-weight:500; }
#content .sx20-table td { padding:15px 12px; vertical-align:middle; }
#content .sx20-table .product-cell { min-width:230px; max-width:350px; }
#content .sx20-table td strong { font-size:14px; color:#142b4e; font-weight:760; font-variant-numeric:tabular-nums; }
#content .sx20-table .sx20-sold strong { font-size:19px; color:#1259d1; letter-spacing:-.025em; }
#content .sx20-table .sx20-sold .sx20-observed { display:block; font-size:10px; color:#8a99ae; margin-top:5px; }
#content .sx20-table .sx20-price strong { font-size:14px; white-space:normal; }
#content .sx20-table .sx20-daily strong { color:#1559b3; }
#content .sx20-table .sx20-daily small { display:block; font-size:10px; color:#8394aa; margin-top:4px; }
#content .sx20-table .sx20-gmv strong { font-size:12px; }
#content .sx20-stars { color:#e0a118; font-weight:760; white-space:nowrap; }
#content .sx20-reviews { color:#70809c; font-size:11px; white-space:nowrap; }
#content .sx20-empty { color:#b7c2d0; font-weight:500; }
#content .sx20-actions { display:flex; flex-direction:column; align-items:stretch; gap:6px; min-width:108px; }
#content .sx20-actions .detail-action { color:#1767ed; font-size:12px; font-weight:750; }
#content .sx20-actions .sx-tiktok-product-link { padding:7px 9px; font-size:11px; }
#content .sx20-rank { color:#94a4bb; font-size:12px; font-weight:650; }
#content .sx20-grid .sx20-card { border-radius:14px; }
#content .sx20-grid .sx20-card .card-body { padding:17px; }
#content .sx20-grid .sx20-card h3 { min-height:46px; font-size:13px; }
#content .sx20-hero-metrics { display:grid; grid-template-columns: 1fr 1fr; gap:12px; margin-top:15px; padding:15px 0; border-top:1px solid #e8eef7; }
#content .sx20-hero-metrics small, #content .sx20-secondary-metrics small { display:block; font-size:11px; color:#8190a7; font-weight:600; margin-bottom:6px; }
#content .sx20-hero-metrics strong { display:block; font-size:22px; font-weight:790; color:#145ed2; font-variant-numeric:tabular-nums; letter-spacing:-.035em; overflow-wrap:anywhere; }
#content .sx20-hero-price strong { font-size:16px; color:#142b4e; letter-spacing:-.02em; }
#content .sx20-secondary-metrics { display:grid; grid-template-columns: 1fr 1fr; gap:12px; padding:11px 0; border-top:1px solid #edf1f7; }
#content .sx20-secondary-metrics strong { display:block; font-size:13px; line-height:1.5; color:#243d62; font-weight:740; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
#content .sx20-card-rating { font-size:12px; margin:8px 0; }
#content .sx20-footnote { color:#8a9ab0; font-size:10px; line-height:1.5; min-height:16px; margin:8px 0 12px; }
#content .sx20-card-actions .outline.full { width:100%; display:flex; justify-content:center; }
#content .sx20-card-actions .sx-tiktok-product-link { margin-top:8px; }
@media(max-width:600px) {
  #content .sx20-grid .sx20-card h3 { min-height:0; }
  #content .sx20-hero-metrics strong { font-size:20px; }
}

/* STOREDX V3.21 — Product analytics typography, filters and compact table. */
#content .sx21-layout{display:grid;grid-template-columns:208px minmax(0,1fr);gap:0;align-items:stretch;margin-top:14px;border:1px solid #e3e8f0;border-radius:12px;overflow:hidden;background:#fff}
#content .sx21-layout .sx21-results{min-width:0;margin:0;border:0;border-radius:0;box-shadow:none}
#content .sx21-sidebar{background:#f8fafc;border-right:1px solid #e3e8f0;padding:18px 13px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
#content .sx21-side-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}
#content .sx21-side-top strong{font-size:14px;font-weight:700;color:#192838}
#content .sx21-side-top button{border:0;background:none;padding:2px;color:#175cc5;font-size:11px;font-weight:600;cursor:pointer}
#content .sx21-group{margin:0 0 20px}
#content .sx21-group>label{display:block;font-size:12px;font-weight:650;color:#293a50;margin-bottom:8px}
#content .sx21-group select,#content .sx21-group input{width:100%;min-width:0;min-height:37px;border:1px solid #dbe3ed;border-radius:6px;background:#fff;color:#243449;padding:8px;font-size:12px;font-family:inherit}
#content .sx21-price-range{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#content .sx21-apply{width:100%;margin-top:8px;padding:8px;border:1px solid #bcd2f6;background:#eaf2ff;border-radius:6px;color:#1759b7;font-size:12px;font-weight:700;cursor:pointer}
#content .sx21-filter-note{font-size:11px;line-height:1.5;color:#64748b;border-top:1px solid #e3e8f0;padding-top:14px}
#content .sx21-sortbar{display:flex;align-items:center;gap:9px;margin-top:11px}
#content .sx21-sortbar label{font-size:12px;color:#52647c;font-weight:600}
#content .sx21-sortbar select{max-width:170px;min-height:35px;border:1px solid #dae2ec;border-radius:6px;background:#fff;color:#283a51;font-size:12px;padding:5px 8px}
#content .sx21-sortbar button{font-size:12px}
#content .sx21-results .panel-head{padding:17px 20px;border-bottom:1px solid #e5eaf1}
#content .sx21-results .panel-head h2{font-size:17px;font-weight:700;color:#162638}
#content .sx21-results .panel-head small{font-size:12px;color:#64748b}
#content .sx21-results .sx20-table-scroll{overflow-x:auto;max-width:100%;scrollbar-color:#cbd5e1 #f5f7fb}
#content .sx21-results .sx20-table{min-width:1060px;border-collapse:separate;border-spacing:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
#content .sx21-results .sx20-table th{position:relative;background:#f5f7fb;color:#4b5a6c;font-size:12px;font-weight:650;padding:14px 12px;letter-spacing:0;border-bottom:1px solid #e2e8f0}
#content .sx21-results .sx20-table th small{font-size:10px;color:#8793a3}
#content .sx21-results .sx20-table td{padding:12px;border-bottom:1px solid #e9eef4;font-size:13px;line-height:1.45;color:#27364a}
#content .sx21-results .sx20-table tbody tr:hover td{background:#f7faff}
#content .sx21-results .sx20-table .product-cell{min-width:230px;max-width:300px;gap:10px}
#content .sx21-results .sx20-table .product-cell b{color:#1d2939;font-size:13px;line-height:1.4;font-weight:650}
#content .sx21-results .sx20-table .product-cell small,#content .sx21-results .sx20-table .product-cell span{color:#64748b;font-size:11px}
#content .sx21-results .sx20-table td strong{font-size:13px;font-weight:650;color:#1d2939;letter-spacing:0}
#content .sx21-results .sx20-table .sx20-sold strong{font-size:14px;font-weight:700;color:#1d2939}
#content .sx21-results .sx20-table .sx20-daily strong{color:#23364a}
#content .sx21-results .sx20-table .sx20-gmv strong{font-size:12px;color:#1d2939}
#content .sx21-results .sx20-observed{color:#728096;font-size:10px}
#content .sx21-results .sx20-actions .detail-action{color:#1464dc;font-weight:650}
#content .sx21-results .sx20-stars{color:#db9b00}
#content .sx21-results .sx20-empty{color:#a1acbb}
#content .sx21-results .sx20-grid .sx20-card{border-radius:8px}
#content .sx21-results .sx20-grid .sx20-hero-metrics strong{color:#1d2939;font-weight:700}
@media(max-width:950px){#content .sx21-layout{grid-template-columns:175px minmax(0,1fr)}}
@media(max-width:700px){#content .sx21-layout{display:block}#content .sx21-sidebar{border-right:0;border-bottom:1px solid #e3e8f0}#content .sx21-group{display:inline-block;vertical-align:top;width:calc(50% - 6px);margin-right:5px}#content .sx21-price-range{grid-template-columns:1fr 1fr}}

/* STOREDX V3.22 — readable, compact analytical data presentation. */
#content .sx21-layout { font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; color:#17212e; }
#content .sx21-sidebar { background:#f8fafc; padding:16px 12px; font-size:14px; line-height:1.5; }
#content .sx21-side-top strong { font-size:14px; color:#161e2b; }
#content .sx21-side-top button { font-size:12px; }
#content .sx21-group { margin-bottom:17px; }
#content .sx21-group>label { font-size:13px; font-weight:600; color:#273444; margin-bottom:7px; }
#content .sx21-group select,#content .sx21-group input { font-size:13px; min-height:38px; color:#17212e; padding:6px 8px; }
#content .sx21-filter-note { font-size:12px; color:#536477; }
#content .sx21-results .panel-head { padding:14px 16px; }
#content .sx21-results .panel-head h2 { font-size:17px; color:#182230; }
#content .sx21-results .sx20-table { min-width:1080px; }
#content .sx21-results .sx20-table th { font-size:13px; font-weight:600; line-height:19px; padding:11px 10px; color:#435062; background:#f7f9fc; }
#content .sx21-results .sx20-table th small { color:#64748b; font-size:11px; line-height:16px; }
#content .sx21-results .sx20-table td { font-size:14px; line-height:21px; padding:10px; color:#1f2937; border-bottom:1px solid #e5eaf1; }
#content .sx21-results .sx20-table .product-cell { min-width:265px; max-width:350px; }
#content .sx21-results .sx20-table .product-cell b { color:#17212e; font-size:14px; font-weight:600; line-height:21px; }
#content .sx21-results .sx20-table .product-cell small,#content .sx21-results .sx20-table .product-cell span { font-size:12px; color:#536477; line-height:18px; }
#content .sx21-results .sx20-table td strong { font-size:14px; color:#17212e; font-weight:600; }
#content .sx21-results .sx20-table .sx20-gmv strong { font-size:14px; white-space:nowrap; font-variant-numeric:tabular-nums; }
#content .sx21-results .sx20-table .sx20-sold strong { font-size:15px; font-weight:650; }
#content .sx21-results .sx20-observed,#content .sx21-results .sx20-table .sx20-daily small { font-size:11px; color:#64748b; }
#content .sx21-results .sx20-reviews { font-size:12px; color:#536477; }
#content .sx21-results .sx20-empty { color:#8693a5; }
#content .sx22-compact-gmv { white-space:nowrap; cursor:help; }
#content .sx21-results .sx20-actions .detail-action { font-size:13px; }
#content .sx21-results .sx-tiktok-product-link { font-size:12px; }
#content .sx20-grid .sx20-secondary-metrics strong { font-size:14px; }
@media(max-width:700px){#content .sx21-results .sx20-table { min-width:1050px; }}


/* STOREDX AI V3.23 — shared authenticated research design foundation.
   Visual rules only; no data/logic changes and no external font assets.
   Kept in a single stylesheet for reuse by Product Search, Creators and Videos.
*/
#content {
  --sx-ui-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --sx-ui-ink: #17212e;
  --sx-ui-muted: #536477;
  --sx-ui-blue: #1767ed;
  --sx-ui-border: #e2e8f0;
  --sx-ui-soft: #f8fafc;
  font-family: var(--sx-ui-font);
  font-size: 14px;
  line-height: 1.5;
  color: var(--sx-ui-ink);
  -webkit-font-smoothing: antialiased;
}
#content .panel {border-color:var(--sx-ui-border); background:#fff}
#content .panel-head h2 {color:var(--sx-ui-ink);font-weight:650;letter-spacing:-.015em}
#content .panel-head small, #content .chart-note {color:var(--sx-ui-muted)}
#content .search-input, #content input[type="search"],
#content select {font-family:var(--sx-ui-font)}
#content .search-input:focus-within,
#content input:focus-visible,#content select:focus-visible,
#content button:focus-visible,#content a:focus-visible {
  outline:2px solid #4a90ff; outline-offset:2px;
}
#content .btn {font-family:var(--sx-ui-font);font-weight:600}
/* Creator discovery — overrides legacy inline styles with scoped tokens. */
#content .sx-kd {font-family:var(--sx-ui-font)!important;color:var(--sx-ui-ink)!important;font-size:14px!important;line-height:21px!important}
#content .sx-kd-side {background:var(--sx-ui-soft)!important;border-right-color:var(--sx-ui-border)!important}
#content .sx-kd-side h3,#content .sx-kd-top h2 {color:var(--sx-ui-ink)!important;font-weight:650!important}
#content .sx-kd-side h3 {font-size:14px!important}
#content .sx-kd-top h2 {font-size:18px!important}
#content .sx-kd-top p,#content .sx-kd-results-summary small,
#content .sx-kd-table td small,#content .sx-kd-group h4 {font-size:12px!important;line-height:18px!important;color:var(--sx-ui-muted)!important}
#content .sx-kd-group label,#content .sx-kd-filter-item {font-size:13px!important;line-height:20px!important;color:var(--sx-ui-ink)!important}
#content .sx-kd-filter-active {background:#e9f1ff!important;color:#115dd2!important}
#content .sx-kd-table {font-family:var(--sx-ui-font)!important;font-variant-numeric:tabular-nums}
#content .sx-kd-table th {background:#f7f9fc!important;color:#435062!important;font-size:13px!important;font-weight:600!important;line-height:19px!important}
#content .sx-kd-table td {font-size:14px!important;line-height:21px!important;padding:12px!important;color:var(--sx-ui-ink)!important;border-bottom:1px solid var(--sx-ui-border)!important}
#content .sx-kd-table .sx-kd-person-text strong {font-size:14px!important;font-weight:600!important;color:var(--sx-ui-ink)!important;line-height:21px!important}
#content .sx-kd-table .sx-kd-highlight {background:#f1f7ff!important;color:#1457b8!important}
#content .sx-kd-table tr:hover td {background:#f8fbff!important}
#content .sx-kd-table tr:hover .sx-kd-highlight {background:#ebf4ff!important}
#content .sx-kd-results-summary strong {font-size:14px!important;color:var(--sx-ui-ink)!important}
#content .sx-kd-toolbar input,#content .sx-kd-toolbar select,
#content .sx-kd-group select {font-family:var(--sx-ui-font)!important;font-size:13px!important;color:var(--sx-ui-ink)!important;border-radius:7px!important}
#content .sx-kd-toolbar button {font-family:var(--sx-ui-font)!important;background:var(--sx-ui-blue)!important;border-radius:7px!important;font-size:13px!important}
#content .sx-kd-table-scroll {scrollbar-width:thin;scrollbar-color:#b5c4d9 transparent}
/* Videos & Creatives — align cards and metrics with Product Search. */
#content .sx-live-videos {gap:16px}
#content .sx-live-video-card {font-family:var(--sx-ui-font);color:var(--sx-ui-ink);background:#fff;border:1px solid var(--sx-ui-border);border-radius:10px;overflow:hidden;box-shadow:none}
#content .sx-live-video-card h3 {font-size:14px;line-height:21px;font-weight:600;color:var(--sx-ui-ink);letter-spacing:0}
#content .sx-live-video-card p {font-size:12px;line-height:18px;color:var(--sx-ui-muted)}
#content .sx-live-video-card .video-stats {color:var(--sx-ui-ink);font-size:13px;line-height:20px;font-variant-numeric:tabular-nums}
#content .sx-live-video-card .video-stats span {font-weight:550}
#content .sx-live-video-links .btn {border-radius:7px}
#content .sx-live-video-paging {color:var(--sx-ui-muted);font-size:13px}
#content .sx-live-video-paging button {font-family:var(--sx-ui-font);font-size:13px}
/* Shared readable tabular figures, without changing business metrics. */
#content .sx21-results .sx20-table td,
#content .sx21-results .sx20-grid,
#content .sx-kd-table td,
#content .sx-live-video-card .video-stats {font-variant-numeric:tabular-nums}
@media(max-width:950px){
  #content .sx-kd-side {border-right:0!important;border-bottom:1px solid var(--sx-ui-border)!important}
}
@media(prefers-reduced-motion:reduce){
  #content .btn,#content .search-input {transition:none!important;transform:none!important}
}


/* STOREDX AI V3.24 — Unified Research Experience.
   Presentation-only, scoped to existing authenticated research surfaces.
   Uses existing page markup and existing V3.23 design tokens.
*/
/* Opportunities: preserve source-backed scores and product identities. */
#content .sx-opp-panel {border:1px solid var(--sx-ui-border);border-radius:11px;background:#fff}
#content .sx-opp-panel .sx-opp-disclosure {font-size:12px;line-height:18px;color:var(--sx-ui-muted);background:#f2f7ff;border:1px solid #dce9ff;border-radius:8px;padding:10px 12px}
#content .sx-opp-tabs {gap:8px;flex-wrap:wrap}
#content .sx-opp-tabs button {min-height:34px;border-radius:7px;font-family:var(--sx-ui-font);font-size:13px;font-weight:550}
#content .sx-opp-tabs button.active {background:var(--sx-ui-blue);color:#fff}
#content .sx-opp-results-head {gap:12px;align-items:center}
#content .sx-opp-results-head strong {font-size:14px;color:var(--sx-ui-ink);font-weight:650}
#content .sx-opp-results-head small {font-size:12px;line-height:18px;color:var(--sx-ui-muted)}
#content .sx-opp-results-head select {font-size:13px;color:var(--sx-ui-ink);border-color:var(--sx-ui-border);border-radius:7px}
#content .sx-opp-product-list {gap:12px}
#content .sx-opp-product-card {background:#fff;border:1px solid var(--sx-ui-border);border-radius:11px;box-shadow:none;padding:15px;gap:18px;transition:border-color .15s ease,box-shadow .15s ease}
#content .sx-opp-product-card:hover {border-color:#bcd5fa;box-shadow:0 3px 12px rgba(16,56,104,.045)}
#content .sx-opp-product-media {background:#f8fafc;border-radius:9px;overflow:hidden;flex-shrink:0}
#content .sx-opp-product-media img {object-fit:contain}
#content .sx-opp-product-body {min-width:0}
#content .sx-opp-product-top h3 {font-family:var(--sx-ui-font);font-size:14px;line-height:21px;font-weight:600;letter-spacing:0;color:var(--sx-ui-ink)}
#content .sx-opp-category {color:var(--sx-ui-muted);font-size:12px;line-height:18px}
#content .sx-opp-score {background:#eef5ff;border:1px solid #caddfa;border-radius:9px;text-align:center}
#content .sx-opp-score small {font-size:12px;color:#315e9b;line-height:17px}
#content .sx-opp-score strong {color:#165ddd;font-size:21px;line-height:26px;font-variant-numeric:tabular-nums}
#content .sx-opp-product-evidence {gap:7px;flex-wrap:wrap}
#content .sx-opp-product-evidence span {font-size:12px;line-height:18px;border-radius:7px}
#content .sx-opp-product-footer {gap:12px;flex-wrap:wrap}
#content .sx-opp-product-footer small {font-size:12px;color:var(--sx-ui-muted)}
#content .sx-opp-product-footer a {border-radius:7px;font-size:13px;font-weight:600}
#content .sx-opp-pagination {font-size:13px;color:var(--sx-ui-muted)}
/* Saved Products: align cards, save controls and comparison table. */
#content .sx-saved-live-panel {border:1px solid var(--sx-ui-border);border-radius:11px;background:#fff}
#content .sx-saved-live-search {gap:8px}
#content .sx-saved-live-search input {font-family:var(--sx-ui-font);font-size:14px;line-height:21px;border:1px solid var(--sx-ui-border);border-radius:8px;min-height:38px}
#content .sx-saved-live-grid {gap:14px}
#content .sx-saved-live-card {font-family:var(--sx-ui-font);color:var(--sx-ui-ink);background:#fff;border:1px solid var(--sx-ui-border);border-radius:11px;box-shadow:none;overflow:hidden}
#content .sx-saved-live-image {background:#f8fafc}
#content .sx-saved-live-image img {object-fit:contain}
#content .sx-saved-live-details h3 {color:var(--sx-ui-ink);font-size:14px;line-height:21px;font-weight:600;letter-spacing:0}
#content .sx-saved-live-details p,#content .sx-saved-live-details small {font-size:12px;line-height:18px;color:var(--sx-ui-muted)}
#content .sx-saved-live-evidence {font-size:12px;line-height:18px;color:#315e9b;background:#eff6ff;border-radius:6px}
#content .sx-saved-live-actions {gap:8px;flex-wrap:wrap}
#content .sx-saved-live-actions a,#content .sx-saved-live-actions button {font-size:13px;font-family:var(--sx-ui-font);font-weight:600;border-radius:7px}
#content .sx-saved-compare-scroll {scrollbar-width:thin;scrollbar-color:#aebfd4 transparent}
#content .sx-saved-compare-table {font-variant-numeric:tabular-nums}
#content .sx-saved-compare-table th {font-size:13px;background:#f7f9fc;color:#475569}
#content .sx-saved-compare-table td {font-size:13px;line-height:20px;color:var(--sx-ui-ink)}
/* Videos: visually balance preview and quantitative performance. */
#content .sx-live-videos {gap:14px;align-items:stretch}
#content .sx-live-video-card {display:flex;flex-direction:column;min-width:0;border-radius:11px}
#content .sx-live-video-card .sx-video-media {position:relative;display:block;width:100%;height:240px;min-height:0;max-height:240px;overflow:hidden;background:#f3f7fc;border:0;border-radius:0;cursor:pointer}
#content .sx-live-video-card .sx-video-media img {display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#f6f8fb}
#content .sx-live-video-card .sx-video-play {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#content .sx-live-video-card .sx-video-media-label {font-size:11px;line-height:16px}
#content .sx-live-video-card h3 {font-size:14px;line-height:21px;font-weight:600;color:var(--sx-ui-ink);margin-bottom:4px}
#content .sx-live-video-card .sx-video-record-id {font-size:11px;line-height:17px;color:var(--sx-ui-muted);overflow-wrap:anywhere}
#content .sx-live-video-card > p {font-size:12px;line-height:18px}
#content .sx-live-video-card .video-stats {background:#f1f6ff;border:1px solid #e0ebfc;border-radius:8px;padding:9px 11px;font-size:13px;line-height:20px;color:var(--sx-ui-ink);font-variant-numeric:tabular-nums}
#content .sx-live-video-card .video-stats span {color:var(--sx-ui-ink);font-weight:550}
#content .sx-live-video-card .sx-live-video-links {margin-top:auto}
#content .sx-live-video-card .sx-live-video-links a {font-size:13px;font-weight:600;border-radius:7px}
/* Responsive: keep the original number of columns and existing behavior. */
@media(max-width:1100px){
 #content .sx-live-video-card .sx-video-media {height:210px;max-height:210px}
}
@media(max-width:640px){
 #content .sx-opp-product-card {gap:12px;padding:12px}
 #content .sx-live-video-card .sx-video-media {height:220px;max-height:220px}
}
@media(prefers-reduced-motion:reduce){
 #content .sx-opp-product-card {transition:none}
}

/* STOREDX V3.27 — Discovery-only customer metrics. TikTok table remains unchanged. */
#content .sx-disc-table{min-width:1150px}
#content .sx-disc-table td{vertical-align:middle}
#content .sx-disc-table td small,#content .sx-disc-card-status small{display:block;color:#64748b;font-size:11px;margin-top:3px}
#content .sx-disc-table .sx-disc-score strong{font-size:17px;color:#145aca;font-variant-numeric:tabular-nums}
#content .sx-disc-table .sx-disc-market{color:#253c56}
#content .sx-disc-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;padding:12px 0;border-top:1px solid #e3e9f1;border-bottom:1px solid #e3e9f1}
#content .sx-disc-card-metrics small{display:block;font-size:12px;color:#64748b}
#content .sx-disc-card-metrics strong{font-size:20px;color:#145aca}
#content .sx-disc-card-status{padding:8px 0;border-bottom:1px solid #ecf0f5;font-size:13px}
#content .sx-disc-card-status strong{display:block;font-weight:650;color:#23354a}
#content .sx-disc-card-status small+strong{margin-top:2px}
#content .sx-disc-card .sx20-card-actions{margin-top:auto;padding-top:15px}
#content .sx-disc-sidebar .sx21-group{margin-bottom:16px}