/* Interface refresh: one calm visual system for the whole Shopee workspace. */
:root {
  --ir-bg: #f4f7fb;
  --ir-surface: #ffffff;
  --ir-surface-2: #f8fafc;
  --ir-ink: #182536;
  --ir-muted: #65758b;
  --ir-faint: #91a0b2;
  --ir-line: #dce5ef;
  --ir-line-soft: #e9eff5;
  --ir-navy: #142235;
  --ir-navy-2: #1d3148;
  --ir-cyan: #087f83;
  --ir-cyan-bright: #16aaa3;
  --ir-cyan-soft: #e8f7f5;
  --ir-action: #1976d2;
  --ir-action-soft: #edf5ff;
  --ir-coral: #e96749;
  --ir-shadow: 0 14px 34px rgba(26, 49, 76, .08), 0 2px 6px rgba(26, 49, 76, .04);
  --ir-shadow-sm: 0 3px 10px rgba(26, 49, 76, .06);
  --ir-radius: 8px;
  --ir-font: "HarmonyOS Sans SC", "MiSans", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
}

html body.interface-refreshed {
  min-height: 100%;
  color: var(--ir-ink) !important;
  background: var(--ir-bg) !important;
  background-image: none !important;
  font-family: var(--ir-font) !important;
  -webkit-font-smoothing: antialiased;
}
html body.interface-refreshed::selection { color: #fff; background: var(--ir-cyan); }

html body.interface-refreshed .topbar {
  min-height: 68px !important;
  padding: 10px clamp(18px, 3vw, 48px) !important;
  background: rgba(255,255,255,.94) !important;
  border-bottom: 1px solid var(--ir-line) !important;
  box-shadow: 0 4px 18px rgba(19,42,69,.06) !important;
  backdrop-filter: blur(16px) saturate(1.2);
}
html body.interface-refreshed .topbar::after { height: 3px !important; background: linear-gradient(90deg, var(--ir-cyan), var(--ir-cyan-bright) 38%, transparent 86%) !important; }
html body.interface-refreshed .brand-mark { width: 40px !important; height: 40px !important; border-radius: 12px !important; background: linear-gradient(145deg, var(--ir-cyan-bright), var(--ir-cyan)) !important; box-shadow: 0 7px 16px rgba(8,127,131,.24) !important; }
html body.interface-refreshed .brand-word { color: var(--ir-cyan) !important; letter-spacing: .01em; }
html body.interface-refreshed .brand-title-inline h1 { color: var(--ir-ink) !important; font-size: 18px !important; font-weight: 800 !important; }
html body.interface-refreshed .status { gap: 8px !important; }
html body.interface-refreshed .connection-status, html body.interface-refreshed .theme-toggle, html body.interface-refreshed .notification-button, html body.interface-refreshed .avatar-button { min-height: 34px !important; padding: 0 11px !important; border: 1px solid var(--ir-line) !important; border-radius: 9px !important; background: var(--ir-surface) !important; color: var(--ir-muted) !important; box-shadow: var(--ir-shadow-sm) !important; }
html body.interface-refreshed .connection-status { color: var(--ir-cyan) !important; background: var(--ir-cyan-soft) !important; border-color: #bfe8e3 !important; }
html body.interface-refreshed .theme-toggle:hover, html body.interface-refreshed .notification-button:hover, html body.interface-refreshed .avatar-button:hover { color: var(--ir-cyan) !important; border-color: #a9deda !important; background: #f3fbfa !important; }

html body.interface-refreshed .primary-nav { background: rgba(255,255,255,.96) !important; border-bottom: 1px solid var(--ir-line) !important; box-shadow: 0 2px 8px rgba(19,42,69,.035) !important; }
html body.interface-refreshed .primary-nav-inner { max-width: 1680px; margin: 0 auto; padding: 0 18px !important; gap: 4px !important; }
html body.interface-refreshed .nav-link { min-height: 46px !important; padding: 0 16px !important; color: var(--ir-muted) !important; border-radius: 8px 8px 0 0 !important; font-size: 13px !important; font-weight: 650 !important; }
html body.interface-refreshed .nav-link:hover { color: var(--ir-cyan) !important; background: var(--ir-cyan-soft) !important; }
html body.interface-refreshed .nav-link.active, html body.interface-refreshed .nav-link[aria-expanded="true"] { color: var(--ir-cyan) !important; background: transparent !important; }
html body.interface-refreshed .nav-link.active::after { left: 18% !important; right: 18% !important; width: auto !important; height: 3px !important; transform: none !important; background: var(--ir-cyan-bright) !important; border-radius: 4px 4px 0 0 !important; }

html body.interface-refreshed .knowledge-data-sidebar.selection-workflow { background: linear-gradient(180deg, var(--ir-navy), #102033 70%, #12283b) !important; border: 0 !important; box-shadow: 8px 0 24px rgba(18,36,58,.15) !important; }
html body.interface-refreshed .knowledge-sidebar-brand { padding-bottom: 16px !important; border-bottom-color: rgba(255,255,255,.1) !important; }
html body.interface-refreshed .knowledge-sidebar-mark { background: linear-gradient(145deg, #38c5ba, #087f83) !important; border-radius: 10px !important; box-shadow: 0 6px 16px rgba(22,170,163,.25) !important; }
html body.interface-refreshed .knowledge-sidebar-name strong { color: #f4fbff !important; }
html body.interface-refreshed .knowledge-sidebar-name span, html body.interface-refreshed .knowledge-sidebar-caption, html body.interface-refreshed .knowledge-nav-group h2 { color: #8ca1b8 !important; }
html body.interface-refreshed .knowledge-nav-link { min-height: 38px !important; color: #c2d0df !important; border-radius: 8px !important; }
html body.interface-refreshed .knowledge-nav-link:hover { color: #fff !important; background: rgba(255,255,255,.08) !important; }
html body.interface-refreshed .knowledge-nav-link.is-active { color: #fff !important; background: linear-gradient(90deg, #0e9d97, #087f83) !important; box-shadow: 0 6px 14px rgba(8,127,131,.25) !important; }

html body.interface-refreshed .market-layout { width: min(1680px, calc(100% - 36px)) !important; margin: 22px auto 48px !important; gap: 20px !important; }
html body.interface-refreshed .product-column { min-width: 0; }
html body.interface-refreshed .panel, html body.interface-refreshed .panel.search-panel, html body.interface-refreshed .selection-decision-page, html body.interface-refreshed .review-query-page, html body.interface-refreshed .reverse-panel, html body.interface-refreshed .hot-word-products-page, html body.interface-refreshed .seasonality-panel, html body.interface-refreshed .competitor-page-panel, html body.interface-refreshed .watchlist-page-panel, html body.interface-refreshed .same-search-page, html body.interface-refreshed .same-products-page, html body.interface-refreshed .profit-comparison-page, html body.interface-refreshed .profile-page, html body.interface-refreshed .agent-workbench, html body.interface-refreshed .shopee-id-workflow-page, html body.interface-refreshed .word-product-workflow-page { background: var(--ir-surface) !important; border: 1px solid var(--ir-line) !important; border-radius: var(--ir-radius) !important; box-shadow: var(--ir-shadow) !important; }
html body.interface-refreshed .panel-head, html body.interface-refreshed .watchlist-page-head, html body.interface-refreshed .agent-workbench-head { background: linear-gradient(180deg, #fff, var(--ir-surface-2)) !important; border-bottom: 1px solid var(--ir-line-soft) !important; }
html body.interface-refreshed .search-panel { overflow: hidden !important; }
html body.interface-refreshed .search-panel .searchbar { padding: 26px !important; background: var(--ir-surface) !important; }
html body.interface-refreshed .search-copy .eyebrow, html body.interface-refreshed .panel-head .eyebrow { color: var(--ir-cyan) !important; letter-spacing: .12em !important; font-weight: 800 !important; }
html body.interface-refreshed .search-copy h2, html body.interface-refreshed .panel-head h2 { color: var(--ir-ink) !important; font-size: 22px !important; font-weight: 800 !important; }
html body.interface-refreshed .search-copy > p:not(.eyebrow), html body.interface-refreshed .panel-head p { color: var(--ir-muted) !important; }
html body.interface-refreshed .search-control { padding: 8px !important; background: var(--ir-surface-2) !important; border: 1px solid var(--ir-line) !important; border-radius: 12px !important; box-shadow: inset 0 1px 2px rgba(22,40,62,.025) !important; }
html body.interface-refreshed .search-control textarea { min-height: 50px !important; padding: 13px 14px !important; color: var(--ir-ink) !important; background: #fff !important; border: 1px solid var(--ir-line) !important; border-radius: 9px !important; }
html body.interface-refreshed input:focus, html body.interface-refreshed select:focus, html body.interface-refreshed textarea:focus { border-color: var(--ir-cyan-bright) !important; box-shadow: 0 0 0 3px rgba(22,170,163,.14) !important; outline: none !important; }
html body.interface-refreshed .search-submit-btn, html body.interface-refreshed .primary-button, html body.interface-refreshed .continue-collect-button { min-height: 40px !important; border: 0 !important; border-radius: 9px !important; background: linear-gradient(135deg, #168f91, #087f83) !important; box-shadow: 0 5px 13px rgba(8,127,131,.22) !important; }
html body.interface-refreshed .search-submit-btn:hover, html body.interface-refreshed .primary-button:hover, html body.interface-refreshed .continue-collect-button:hover { background: linear-gradient(135deg, #087f83, #05676c) !important; transform: translateY(-1px); }
html body.interface-refreshed .search-history-button, html body.interface-refreshed .menglar-mode-button, html body.interface-refreshed .filter-collapse-button, html body.interface-refreshed .secondary-button, html body.interface-refreshed .link-button { min-height: 40px !important; color: var(--ir-muted) !important; background: #fff !important; border: 1px solid var(--ir-line) !important; border-radius: 9px !important; }
html body.interface-refreshed .search-history-button:hover, html body.interface-refreshed .menglar-mode-button:hover, html body.interface-refreshed .filter-collapse-button:hover, html body.interface-refreshed .secondary-button:hover, html body.interface-refreshed .link-button:hover { color: var(--ir-cyan) !important; background: var(--ir-cyan-soft) !important; border-color: #afdeda !important; }
html body.interface-refreshed .search-status, html body.interface-refreshed .filter-suite, html body.interface-refreshed .shared-library-search-panel { background: var(--ir-surface-2) !important; border: 1px solid var(--ir-line) !important; border-radius: 10px !important; box-shadow: none !important; }
html body.interface-refreshed .filter-stats article { background: #fff !important; border: 1px solid var(--ir-line-soft) !important; border-radius: 9px !important; }

html body.interface-refreshed .table-wrap { border: 1px solid var(--ir-line) !important; border-radius: 10px !important; box-shadow: var(--ir-shadow-sm) !important; }
html body.interface-refreshed .table-wrap th { color: var(--ir-muted) !important; background: var(--ir-surface-2) !important; border-bottom-color: var(--ir-line) !important; font-weight: 750 !important; }
html body.interface-refreshed .table-wrap td { color: var(--ir-ink) !important; border-color: var(--ir-line-soft) !important; }
html body.interface-refreshed .table-wrap tbody tr:hover td { background: #f3fbfa !important; }
html body.interface-refreshed .empty-state { color: var(--ir-muted) !important; }
html body.interface-refreshed .agent-workbench { border-radius: 14px !important; }
html body.interface-refreshed .agent-workbench-messages, html body.interface-refreshed .agent-messages { background: var(--ir-surface-2) !important; }
html body.interface-refreshed .agent-workbench-form, html body.interface-refreshed .agent-form { border-color: var(--ir-line) !important; border-radius: 10px !important; }

html[data-theme="dark"] body.interface-refreshed { background: #0f1722 !important; background-image: linear-gradient(180deg,#152231,#0f1722 430px) !important; }
html[data-theme="dark"] body.interface-refreshed .topbar, html[data-theme="dark"] body.interface-refreshed .primary-nav { background: rgba(20,34,53,.96) !important; border-color: #2a3b50 !important; }
html[data-theme="dark"] body.interface-refreshed .brand-title-inline h1, html[data-theme="dark"] body.interface-refreshed .search-copy h2, html[data-theme="dark"] body.interface-refreshed .panel-head h2 { color: #f1f6fb !important; }
html[data-theme="dark"] body.interface-refreshed .panel, html[data-theme="dark"] body.interface-refreshed .panel.search-panel, html[data-theme="dark"] body.interface-refreshed .selection-decision-page, html[data-theme="dark"] body.interface-refreshed .review-query-page, html[data-theme="dark"] body.interface-refreshed .reverse-panel, html[data-theme="dark"] body.interface-refreshed .hot-word-products-page, html[data-theme="dark"] body.interface-refreshed .seasonality-panel, html[data-theme="dark"] body.interface-refreshed .competitor-page-panel, html[data-theme="dark"] body.interface-refreshed .watchlist-page-panel, html[data-theme="dark"] body.interface-refreshed .same-search-page, html[data-theme="dark"] body.interface-refreshed .same-products-page, html[data-theme="dark"] body.interface-refreshed .profit-comparison-page, html[data-theme="dark"] body.interface-refreshed .profile-page, html[data-theme="dark"] body.interface-refreshed .agent-workbench, html[data-theme="dark"] body.interface-refreshed .shopee-id-workflow-page, html[data-theme="dark"] body.interface-refreshed .word-product-workflow-page { background: #172536 !important; border-color: #2b4055 !important; }
html[data-theme="dark"] body.interface-refreshed .search-control, html[data-theme="dark"] body.interface-refreshed .search-status, html[data-theme="dark"] body.interface-refreshed .filter-suite, html[data-theme="dark"] body.interface-refreshed .shared-library-search-panel { background: #12202e !important; border-color: #2b4055 !important; }
html[data-theme="dark"] body.interface-refreshed .search-control textarea, html[data-theme="dark"] body.interface-refreshed input, html[data-theme="dark"] body.interface-refreshed select, html[data-theme="dark"] body.interface-refreshed textarea { color: #e7f0f7 !important; background: #172536 !important; border-color: #355069 !important; }
html[data-theme="dark"] body.interface-refreshed .table-wrap th { background: #12202e !important; }
html[data-theme="dark"] body.interface-refreshed .table-wrap td { color: #d9e6f0 !important; border-color: #2b4055 !important; }

@media (max-width: 900px) {
  html body.interface-refreshed .market-layout { width: calc(100% - 24px) !important; margin: 14px auto 32px !important; }
  html body.interface-refreshed .search-panel .searchbar { padding: 18px !important; }
  html body.interface-refreshed .primary-nav-inner { overflow-x: auto; }
  html body.interface-refreshed .nav-link { flex: 0 0 auto; padding: 0 12px !important; }
}
@media (max-width: 640px) {
  html body.interface-refreshed .topbar { padding: 8px 12px !important; }
  html body.interface-refreshed .brand-title-inline h1 { font-size: 16px !important; }
  html body.interface-refreshed .theme-toggle-label, html body.interface-refreshed .notification-label { display: none !important; }
  html body.interface-refreshed .connection-status { padding: 0 8px !important; font-size: 0 !important; }
  html body.interface-refreshed .market-layout { width: calc(100% - 16px) !important; }
  html body.interface-refreshed .search-panel .searchbar { padding: 16px 12px !important; }
  html body.interface-refreshed .search-control-actions { display: grid !important; grid-template-columns: 1fr auto !important; }
  html body.interface-refreshed .search-control-actions .search-submit-btn { min-width: 0 !important; }
  html body.interface-refreshed .panel, html body.interface-refreshed .panel.search-panel, html body.interface-refreshed .filter-suite { border-radius: 10px !important; }
}

/* Geometry stays independent of theme and of the active workspace. */
html body.interface-refreshed .topbar .status button { white-space: nowrap !important; min-width: 36px !important; flex: 0 0 auto !important; }
html body.interface-refreshed .topbar .notification-label { display: inline !important; }
html body.interface-refreshed .market-layout:not(:has(> section:not([hidden]))) { display: none !important; }
html body.interface-refreshed .product-column .panel.search-panel,
html body.interface-refreshed .product-column .panel.search-panel .searchbar,
html body.interface-refreshed .panel.search-panel .filter-suite,
html body.interface-refreshed .panel.search-panel .filter-suite .filter-suite-head { background: transparent !important; border-radius: 0 !important; box-shadow: none !important; }
html body.interface-refreshed .panel.search-panel .filter-suite .filter-suite-head { border: 0 !important; }
html body.interface-refreshed .shopee-id-workflow-page .menglar-items-toolbar { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 16px !important; }
html body.interface-refreshed .shopee-id-workflow-page .menglar-items-fields { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(130px,1fr)) !important; width: 100% !important; flex: none !important; }
html body.interface-refreshed .shopee-id-workflow-page .menglar-items-actions { display: flex !important; position: static !important; width: 100% !important; flex-wrap: wrap !important; justify-content: flex-start !important; gap: 12px !important; }
html body.interface-refreshed .shopee-id-workflow-page .menglar-items-actions > * { position: static !important; transform: none !important; }
html body.interface-refreshed, html body.interface-refreshed *, html body.interface-refreshed *::before, html body.interface-refreshed *::after { letter-spacing: 0 !important; }
html body.interface-refreshed [hidden] { display: none !important; }
html body.interface-refreshed .topbar { height: 68px !important; }
html body.interface-refreshed .topbar::after { display: none !important; }
html body.interface-refreshed .knowledge-data-sidebar.selection-workflow { top: 68px !important; background: var(--ir-surface) !important; border-right: 1px solid var(--ir-line) !important; box-shadow: none !important; }
html body.interface-refreshed .knowledge-sidebar-name strong { color: var(--ir-ink) !important; }
html body.interface-refreshed .knowledge-sidebar-name span, html body.interface-refreshed .knowledge-sidebar-caption, html body.interface-refreshed .knowledge-nav-group h2 { color: var(--ir-muted) !important; }
html body.interface-refreshed .knowledge-nav-link, html body.interface-refreshed .knowledge-nav-icon { color: var(--ir-muted) !important; }
html body.interface-refreshed .knowledge-nav-link:hover, html body.interface-refreshed .knowledge-nav-link.is-active { color: var(--ir-cyan) !important; background: var(--ir-cyan-soft) !important; box-shadow: none !important; }
html body.interface-refreshed .knowledge-nav-link.is-active { box-shadow: inset 3px 0 var(--ir-cyan) !important; }
html body.interface-refreshed .product-development-nav-entry { color: var(--ir-cyan) !important; background: var(--ir-cyan-soft) !important; border: 0 !important; }
html body.interface-refreshed .knowledge-group-toggle, html body.interface-refreshed .knowledge-sidebar-hide, html body.interface-refreshed .selection-workflow-collapse { color: var(--ir-muted) !important; background: var(--ir-surface-2) !important; border-color: var(--ir-line) !important; }
html body.interface-refreshed .selection-workflow-restore { top: 78px !important; background: var(--ir-cyan) !important; box-shadow: var(--ir-shadow-sm) !important; border-radius: 0 6px 6px 0 !important; }
html body.interface-refreshed .selection-workflow-restore span { background: transparent !important; color: white !important; }
html body.interface-refreshed .selection-workflow-restore strong { display: none; }
html body.interface-refreshed:not(.profit-analysis-active) .market-layout { min-height: 0 !important; align-items: start !important; }
html body.interface-refreshed:not(.profit-analysis-active) .product-column { align-content: start !important; }
html body.interface-refreshed:not(.profit-analysis-active) .product-column > .panel.search-panel { min-height: 0 !important; }
html body.interface-refreshed:not(.profit-analysis-active) .product-column > .panel.search-panel .search-main { justify-content: flex-start !important; gap: 18px !important; }
html body.interface-refreshed .market-layout, html body.interface-refreshed > .panel[data-app-page], html body.interface-refreshed > .secondary-workspace { width: auto !important; max-width: none !important; margin: 24px 28px 48px !important; }
@media (min-width: 761px) {
  html body.interface-refreshed:has(#selectionWorkflow:not([hidden])) .market-layout,
  html body.interface-refreshed:has(#selectionWorkflow:not([hidden])) > .panel[data-app-page],
  html body.interface-refreshed:has(#selectionWorkflow:not([hidden])) > .secondary-workspace { margin-left: calc(var(--workflow-rail-width) + 28px) !important; }
}
html body.interface-refreshed :is(.panel, .panel.search-panel, .selection-decision-page, .review-query-page, .hot-word-products-page, .same-products-page, .profit-comparison-page, .profile-page, .agent-workbench, .word-product-workflow-page, .shopee-id-workflow-page) {
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important;
}
html body.interface-refreshed :is(.searchbar, .panel-head, .watchlist-page-head, .review-query-page-head, .agent-workbench-head, .zhixia-page-head) { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
html body.interface-refreshed .search-panel .searchbar { padding: 6px 0 20px !important; gap: 24px !important; }
html body.interface-refreshed .search-copy { padding: 0 !important; }
html body.interface-refreshed .search-copy h2 { margin: 8px 0 !important; font-size: 24px !important; }
html body.interface-refreshed .search-copy .eyebrow { font-size: 12px !important; }
html body.interface-refreshed .search-control { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; gap: 10px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
html body.interface-refreshed .search-control textarea { border-radius: 6px !important; }
html body.interface-refreshed :is(.search-submit-btn, .primary-button, .continue-collect-button) { color: #fff !important; background: var(--ir-cyan) !important; border-radius: 6px !important; box-shadow: none !important; }
html body.interface-refreshed :is(.search-submit-btn, .primary-button, .continue-collect-button):hover { background: #06676b !important; transform: none !important; }
html body.interface-refreshed :is(.search-history-button, .menglar-mode-button, .filter-collapse-button, .secondary-button, .link-button, .brand-mark, .knowledge-sidebar-mark, .filter-stats article, .table-wrap, .agent-workbench-form, .agent-form) { border-radius: 6px !important; box-shadow: none !important; }
html body.interface-refreshed .search-status { padding: 14px 16px !important; background: var(--ir-surface-2) !important; border-radius: 6px !important; }
html body.interface-refreshed .shared-library-search-panel { border-style: solid !important; border-radius: 6px !important; }
html body.interface-refreshed .shared-library-search-panel summary { color: var(--ir-muted) !important; }
html body.interface-refreshed .filter-suite { margin-top: 0 !important; padding: 18px 0 !important; border: 0 !important; border-top: 1px solid var(--ir-line) !important; border-radius: 0 !important; background: transparent !important; }
html body.interface-refreshed .filter-suite-head { padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
html body.interface-refreshed .filter-stats article { border: 0 !important; border-left: 1px solid var(--ir-line) !important; background: transparent !important; }
html body.interface-refreshed .table-wrap { overflow-x: auto !important; }
html body.interface-refreshed :is(.zhixia-form, .zhixia-form-group, .zhixia-history, .menglar-workspace, .wp-workspace, .wp-band, .menglar-band, .si-hero, .si-searchbar) { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; border-color: var(--ir-line) !important; }
html body.interface-refreshed .zhixia-form { padding: 22px 0 !important; border: 0 !important; gap: 18px !important; }
html body.interface-refreshed .zhixia-form-group { padding: 18px 0 !important; border: 0 !important; border-bottom: 1px solid var(--ir-line) !important; }
html body.interface-refreshed .zhixia-form-group-bar { display: none !important; }
html body.interface-refreshed .zhixia-form-group-icon { color: var(--ir-cyan) !important; background: var(--ir-cyan-soft) !important; box-shadow: none !important; border-radius: 6px !important; }
html body.interface-refreshed .zhixia-form-grouped > .primary-button.zhixia-submit { color: white !important; background: var(--ir-cyan) !important; box-shadow: none !important; border-radius: 6px !important; }
html body.interface-refreshed :is(.zhixia-page-head h2, .zhixia-form-group-titles strong, .wp-band-head h3, .menglar-band-head h3, .si-hero-copy h2) { color: var(--ir-ink) !important; }
html body.interface-refreshed :is(.zhixia-page-head p, .zhixia-form label, .zhixia-form-group-titles small, .zhixia-status, .zhixia-history-head, .si-hero-copy p) { color: var(--ir-muted) !important; }
html body.interface-refreshed :is(.zhixia-page-badge, .si-store-stats) { color: var(--ir-cyan) !important; background: var(--ir-cyan-soft) !important; border-color: var(--ir-line) !important; border-radius: 6px !important; }
html body.interface-refreshed :is(.zhixia-product-card, .decision-product, .same-products-card, .si-card) { border-radius: 8px !important; border-color: var(--ir-line) !important; background: var(--ir-surface) !important; box-shadow: none !important; }
html body.interface-refreshed :is(.zhixia-product-card, .decision-product, .same-products-card, .si-card):hover { border-color: var(--ir-cyan-bright) !important; transform: none !important; box-shadow: var(--ir-shadow-sm) !important; }
html body.interface-refreshed :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) { color: var(--ir-ink) !important; background-color: var(--ir-surface) !important; border-color: var(--ir-line) !important; border-radius: 6px !important; }
html body.interface-refreshed button:focus-visible, html body.interface-refreshed summary:focus-visible, html body.interface-refreshed a:focus-visible { outline: 2px solid var(--ir-cyan) !important; outline-offset: 3px !important; }
html body.interface-refreshed button:disabled { opacity: .5; cursor: not-allowed !important; transform: none !important; }
html body.interface-refreshed .login-shell { border: 1px solid var(--ir-line) !important; border-radius: 8px !important; box-shadow: var(--ir-shadow) !important; background: var(--ir-surface) !important; }
html body.interface-refreshed .login-head { background: var(--ir-surface-2) !important; }
html body.interface-refreshed .login-head h1 { color: var(--ir-ink) !important; }
html body.interface-refreshed .login-form { background: var(--ir-surface) !important; }
html body.interface-refreshed .auth-tab.active { color: var(--ir-cyan) !important; background: var(--ir-cyan-soft) !important; }
html[data-theme="dark"] { --ir-bg: #181c20; --ir-surface: #21262c; --ir-surface-2: #252c33; --ir-ink: #e4ebf1; --ir-muted: #adbbc8; --ir-line: #3b464f; --ir-line-soft: #323c44; --ir-cyan: #72d7cc; --ir-cyan-soft: #253d3c; }
html[data-theme="dark"] body.interface-refreshed { color: var(--ir-ink) !important; background: var(--ir-bg) !important; }
html[data-theme="dark"] body.interface-refreshed :is(.topbar, .primary-nav, .search-control textarea, .filter-stats article, .secondary-button, .search-history-button, .menglar-mode-button, .filter-collapse-button, .connection-status, .theme-toggle, .notification-button, .avatar-button) { color: var(--ir-ink) !important; background: var(--ir-surface) !important; border-color: var(--ir-line) !important; }
html[data-theme="dark"] body.interface-refreshed :is(.search-status, .shared-library-search-panel, .table-wrap th) { background: var(--ir-surface-2) !important; color: var(--ir-muted) !important; }
html[data-theme="dark"] body.interface-refreshed :is(.search-submit-btn, .primary-button, .continue-collect-button), html[data-theme="dark"] body.interface-refreshed .zhixia-form-grouped > .primary-button.zhixia-submit { color: #102d2a !important; background: var(--ir-cyan) !important; }
@media (max-width: 760px) {
  html body.interface-refreshed .market-layout, html body.interface-refreshed > .panel[data-app-page], html body.interface-refreshed > .secondary-workspace { margin: 28px 16px 80px !important; }
  html body.interface-refreshed .search-control { grid-template-columns: minmax(0,1fr) !important; }
  html body.interface-refreshed .search-panel .searchbar { padding: 4px 0 !important; }
  html body.interface-refreshed :is(.zhixia-page-head, .panel-head, .watchlist-page-head, .review-query-page-head, .wp-band-head) { flex-wrap: wrap !important; gap: 12px !important; }
  html body.interface-refreshed :is(.zhixia-form-group-body, .menglar-items-fields, .wp-step-params) { grid-template-columns: minmax(0,1fr) !important; }
  html body.interface-refreshed :is(.zhixia-form label, .menglar-toolbar label, .wp-step-params label) { min-width: 0 !important; }
  html body.interface-refreshed .search-copy { padding-left: 30px !important; }
  html body.interface-refreshed .agent-assistant { max-width: calc(100vw - 24px) !important; }
}
@media (prefers-reduced-motion: reduce) { html body.interface-refreshed *, html body.interface-refreshed *::before, html body.interface-refreshed *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }

html[data-theme="dark"] body.interface-refreshed .topbar .status button,
html[data-theme="dark"] body.interface-refreshed .knowledge-sidebar-inner .knowledge-group-toggle,
html[data-theme="dark"] body.interface-refreshed .search-panel .search-main .menglar-mode-button,
html[data-theme="dark"] body.interface-refreshed .search-control .search-control-actions .search-history-button,
html[data-theme="dark"] body.interface-refreshed .filter-suite .filter-collapse-button { color: var(--ir-ink) !important; background: var(--ir-surface) !important; border-color: var(--ir-line) !important; }
html[data-theme="dark"] body.interface-refreshed .knowledge-data-sidebar .knowledge-nav-link { color: var(--ir-muted) !important; background: transparent !important; }
html[data-theme="dark"] body.interface-refreshed .knowledge-data-sidebar .knowledge-nav-link.is-active,
html[data-theme="dark"] body.interface-refreshed .knowledge-data-sidebar .knowledge-nav-link:hover { color: var(--ir-cyan) !important; background: var(--ir-cyan-soft) !important; }
html body.interface-refreshed .agent-assistant:not(.is-open) { top: auto !important; bottom: 18px !important; }
@media (max-width: 760px) {
  html body.interface-refreshed .topbar { padding: 8px !important; }
  html body.interface-refreshed .topbar .status { gap: 4px !important; }
  html body.interface-refreshed .topbar .status button { padding: 0 8px !important; }
  html body.interface-refreshed .topbar .brand-image { max-width: 130px !important; height: auto !important; object-fit: contain !important; }
  html body.interface-refreshed .search-control textarea { min-height: 76px !important; font-size: 14px !important; }
  html body.interface-refreshed .shopee-id-workflow-page .menglar-items-fields { grid-template-columns: minmax(0,1fr) !important; }
}