/* SUPMART bright workspace. All rules scoped to the existing shop shell. */
.shop-shell {font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
.shop-shell,.shop-shell * {-webkit-text-fill-color:currentColor!important}
.shop-shell .shop-product-thumb {box-shadow:none!important}
.theme-gray .shop-shell .shop-catalog-search button,.theme-gray .shop-shell .shop-workbench-header a[href='/shop']>div span {color:#fff!important;-webkit-text-fill-color:#fff!important}
.theme-gray .shop-shell .shop-product-row>button {color:#fff!important;-webkit-text-fill-color:#fff!important}
.theme-gray .shop-shell button[class*='bg-gradient'],.theme-gray .shop-shell button.bg-brand-500 {color:#fff!important;-webkit-text-fill-color:#fff!important}
.theme-gray .shop-shell .shop-desktop-nav-item--active span {color:#4638cc!important}
.theme-gray .shop-shell {--color-bg:#fbfdff;--color-surface:#fff;--color-elevated:#f3f6fb;--color-text-primary:#101a30;--color-text-secondary:#485a73;--color-text-tertiary:#596b83;color:#101a30;background:#fbfdff}
.theme-gray .shop-shell .text-white {color:#101a30!important}
.theme-gray .shop-shell .text-text-tertiary {color:#596b83!important}
.shop-shell .shop-workbench-header {padding:0!important;border-bottom:1px solid #e4eaf3;box-shadow:none!important}
.shop-shell .shop-workbench-header>div {height:74px;max-width:none;margin:0;padding:0 32px;border:0;border-radius:0;box-shadow:none!important}
.theme-gray .shop-shell .shop-workbench-header>div {background:#fff!important}
.shop-shell .shop-workbench-header a[href='/shop']>div {width:44px;height:44px}
.shop-shell .shop-workbench-header a[href='/shop']>span {font-size:24px;letter-spacing:-.5px}
.shop-shell .shop-workbench-header a[href='/shop/substation'] {height:44px;border-radius:8px;padding:0 16px;font-size:14px;background:#eeebff!important;color:#5448d6!important}
.shop-shell .shop-workbench-header a[href='/shop']>div .text-white {color:white!important}
.shop-shell .shop-member-workbench {max-width:none;padding:0;gap:0;grid-template-columns:240px minmax(0,1fr)}
.shop-shell .shop-desktop-sidebar {top:74px;min-height:calc(100vh - 74px);border:0;border-right:1px solid #e4eaf3;border-radius:0;box-shadow:none;background:#f5f8fc}
.shop-shell .shop-desktop-sidebar__identity {padding:32px 26px 24px;background:none;border-bottom:1px solid #e4eaf3}
.shop-shell .shop-desktop-sidebar__identity p:first-of-type {font-size:18px}
.shop-shell .shop-desktop-sidebar__identity p:last-of-type {font-size:12px;white-space:nowrap;letter-spacing:-.6px}
.shop-shell .shop-desktop-sidebar nav {padding:0 14px;margin-top:14px}
.shop-shell .shop-desktop-nav-item {height:50px;border-radius:7px;font-size:15px;font-weight:600;gap:14px;padding:0 18px}
.shop-shell .shop-desktop-nav-item svg {width:20px;height:20px}
.theme-gray .shop-shell .shop-desktop-nav-item--active {background:#ece9ff;border-color:transparent;color:#4638cc!important}
.shop-shell .shop-desktop-sidebar__footer {border-color:#e4eaf3;margin:26px 24px}
.shop-shell .shop-catalog-page {max-width:none;padding:34px 28px 40px!important}
.shop-shell .shop-catalog-intro {padding:0;margin-bottom:24px;border:0;border-radius:0;background:none!important;box-shadow:none!important}
.shop-shell .shop-catalog-intro>div:first-child>div:first-child>div:first-child,.shop-shell .shop-catalog-intro>div:first-child>div.grid {display:none}
.shop-shell .shop-catalog-intro h1 {font-family:inherit;font-size:40px;line-height:1.25;letter-spacing:-1.3px;margin:0;font-weight:750}
.shop-shell .shop-catalog-intro p {font-size:16px;margin-top:10px}
.shop-shell .shop-catalog-search {margin-top:28px;padding:0;border:0;border-radius:0;background:none!important;gap:8px}
.shop-shell .shop-catalog-search input {height:54px;border:1px solid #dce4f0!important;border-radius:6px;background:#fff!important;font-size:15px;padding-left:44px;box-shadow:none}
.shop-shell .shop-catalog-search button {height:54px;margin:0;border-radius:6px;background:#087df1!important;color:#fff!important;min-width:98px}
.shop-shell :is(button,a,input,select,textarea):focus-visible {outline:3px solid #3984f5!important;outline-offset:3px}
.shop-shell .shop-catalog-page>div.grid {grid-template-columns:228px minmax(0,1fr);gap:12px}
.shop-shell .shop-catalog-sidebar {padding:16px 10px;border:1px solid #e5ebf4;border-radius:5px;box-shadow:none;min-height:650px;background:#fff!important}
.shop-shell .shop-catalog-sidebar>div:first-child {padding:6px 8px 12px}
.shop-shell .shop-catalog-sidebar>div:first-child>span:first-child {font-size:16px}
.shop-shell .shop-catalog-sidebar>div:first-child>span:last-child {display:none}
.shop-shell .shop-catalog-sidebar button {border-radius:6px;font-size:15px;min-height:46px}
.shop-shell .shop-catalog-sidebar>div:last-child>div {background:none;border:0}
.theme-gray .shop-shell .shop-catalog-sidebar .text-accent-cyan {color:#0875dc!important;background:#eaf3ff}
.shop-shell .shop-catalog-toolbar {font-size:12px;margin:0 0 8px;min-height:24px}
.shop-shell .catalog-column-head {display:grid;grid-template-columns:minmax(180px,1fr) 120px 100px 100px 118px;align-items:center;gap:12px;height:54px;padding:0 18px;border:1px solid #e5ebf4;border-radius:5px 5px 0 0;background:#f2f5fa;color:#485a73;font-weight:600;font-size:14px}
.shop-shell .shop-product-row {display:grid;grid-template-columns:64px minmax(104px,1fr) 120px 100px 100px 118px;gap:12px;min-height:100px;margin:0!important;padding:16px 18px;border:1px solid #e5ebf4;border-top:0;border-radius:0;background:#fff!important;box-shadow:none}
.shop-shell .shop-product-row:hover {background:#f7faff!important}
.shop-shell .shop-product-row>div:nth-child(2),.shop-shell .shop-product-row>div:nth-child(2)>div:nth-child(2),.shop-shell .shop-product-row>div:nth-child(3) {display:contents}
.shop-shell .shop-product-row>div:nth-child(2)>div:first-child {grid-column:2;grid-row:1;display:block}
.shop-shell .shop-product-row h2 {font-size:16px;line-height:1.5;font-weight:650;letter-spacing:0}
.shop-shell .shop-product-row>div:nth-child(2)>div:nth-child(2)>span:nth-child(1) {grid-column:3;grid-row:1;font-size:13px}
.shop-shell .shop-product-row>div:nth-child(2)>div:nth-child(2)>span:nth-child(2) {grid-column:4;grid-row:1;font-size:13px}
.shop-shell .shop-product-row>div:nth-child(2)>div:nth-child(2)>span:nth-child(n+3) {font-size:12px;grid-column:2 / 5}
.shop-shell .shop-product-row>div:nth-child(3)>div {grid-column:5;grid-row:1;text-align:left}
.shop-shell .shop-product-row>div:nth-child(3)>div>div:first-child {font-family:inherit;font-size:22px;letter-spacing:0;color:#0875dc!important}
.shop-shell .shop-product-row>div:nth-child(3)>div>div:last-child {display:none}
.shop-shell .shop-product-row>div:nth-child(3)>button {grid-column:6;grid-row:1;border-radius:6px;min-height:46px;border:0;background:#087df1!important;color:white!important;font-size:14px;padding:0 12px}
.shop-shell .shop-product-thumb {width:62px;height:62px;border-radius:8px;border:0;background:#edf2fa;grid-column:1;grid-row:1}
.shop-shell .shop-product-thumb>div {background:#edf2fa}
.shop-shell .shop-product-row:last-child {border-radius:0 0 5px 5px}
.theme-dark .shop-shell .shop-desktop-sidebar,.theme-dark .shop-shell .shop-product-row,.theme-dark .shop-shell .shop-catalog-sidebar {background:#161d2a!important;border-color:#303d50}
.theme-dark .shop-shell .catalog-column-head,.theme-dark .shop-shell .shop-catalog-search input {background:#202b3d!important;border-color:#303d50!important;color:#e5edfa}
.theme-dark .shop-shell .shop-product-row:hover {background:#202b3d!important}
@media(min-width:1024px) and (max-width:1350px){
 .shop-shell .shop-member-workbench {grid-template-columns:210px minmax(0,1fr)}
 .shop-shell .shop-catalog-page {padding:28px 20px!important}
 .shop-shell .shop-catalog-page>div.grid {grid-template-columns:170px minmax(0,1fr)}
 .shop-shell .catalog-column-head {grid-template-columns:minmax(150px,1fr) 92px 80px 80px 100px;gap:8px;padding:0 12px}
 .shop-shell .shop-product-row {grid-template-columns:48px minmax(94px,1fr) 92px 80px 80px 100px;gap:8px;padding:16px 12px}
 .shop-shell .shop-product-thumb {width:46px;height:46px}
}
@media(max-width:1023px){
 .shop-shell .shop-workbench-header>div {height:64px;padding:0 16px}
 .shop-shell .shop-workbench-header a[href='/shop']>div {width:34px;height:34px}
 .shop-shell .shop-catalog-page {padding:24px 16px 100px!important}
 .shop-shell .shop-catalog-intro h1 {font-size:30px}
 .shop-shell .shop-catalog-page>div.grid {display:block}
 .shop-shell .shop-catalog-sidebar {min-height:0;margin-bottom:18px;padding:12px}
 .shop-shell .shop-catalog-sidebar>button {max-width:180px}
 .shop-shell .catalog-column-head {display:none}
 .shop-shell .shop-product-row {display:flex;gap:12px;min-height:100px;border-top:1px solid #e5ebf4;margin-top:-1px!important}
 .shop-shell .shop-product-row>div:nth-child(2) {display:block}
 .shop-shell .shop-product-row>div:nth-child(2)>div:nth-child(2) {display:flex;margin-top:6px;gap:6px 12px}
 .shop-shell .shop-product-row>div:nth-child(3) {display:flex;gap:12px}
 .shop-shell .shop-product-row>div:nth-child(3)>div>div:first-child {font-size:20px}
}
@media(max-width:639px){
 body:has(.shop-shell) .chat-widget-trigger {left:auto!important;top:12px!important;right:14px!important;bottom:auto!important;width:38px!important;height:38px!important;border-radius:8px!important;transform:none!important}
 .shop-shell .shop-workbench-header>div {padding-right:64px!important}
 .shop-shell .shop-workbench-header a[href='/shop/substation'] {height:36px;padding:0 10px;font-size:12px}
 .shop-shell .shop-catalog-intro p {font-size:14px}
 .shop-shell .shop-catalog-search {margin-top:20px}
 .shop-shell .shop-catalog-search input {font-size:14px;height:46px}
 .shop-shell .shop-catalog-search button {height:46px;min-width:64px;padding:0 12px}
 .shop-shell .shop-product-row {padding:14px 10px;gap:10px}
 .shop-shell .shop-product-row>div:nth-child(3) {display:none}
 .shop-shell .shop-product-thumb {width:44px;height:44px;align-self:flex-start;margin-top:3px}
 .shop-shell .shop-product-row h2 {font-size:15px}
 .shop-shell .shop-product-row>button {background:#087df1!important;color:#fff!important;min-height:44px;border-radius:6px;padding:0 14px}
 .shop-shell .shop-product-row .text-accent-warning {color:#0875dc!important;font-family:inherit;letter-spacing:0}
}