/* DweShop backend palette; public landing pages excluded. */ :is(#app, #modalRoot, #siteBatchMenu) .login-left{ background: linear-gradient(135deg, #383838 0%, #383838 60%, #515151 100%) !important} :is(#app, #modalRoot, #siteBatchMenu) .login-hero h2 .hl{ background: linear-gradient(90deg, #979797, #e4e4e4) !important} :is(#app, #modalRoot, #siteBatchMenu) .login-card h1{ color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .login-card p.sub{ color: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .login-card label{ color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .login-card input:focus{ border-color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .login-card button{ background: linear-gradient(135deg, #383838, #515151) !important} :is(#app, #modalRoot, #siteBatchMenu) /* ===== 顶栏 + 侧边栏 + 主内容 ===== */ .topbar{ background: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .sidebar .nav-item{ color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .sidebar .nav-item.active{ background: #f0f0f0 !important; color: #383838 !important; border-left-color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .nav-group{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-heading h1{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-heading p,:is(#app, #modalRoot, #siteBatchMenu) .shop-empty p{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-kicker{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-cards span{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-cards strong{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-cards small{ color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-empty{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-empty-icon{ color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .account-heading h1{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .account-heading p{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .account-tabs{ border-bottom:1px solid #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .account-tabs button{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .account-tabs button.selected{ color:#515151 !important; border-bottom-color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .sidebar .nav-item.active{ background: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .sidebar .nav-item:hover{ background: #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .page-title{ color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .form-group label{ color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .form-group input,:is(#app, #modalRoot, #siteBatchMenu) .form-group select,:is(#app, #modalRoot, #siteBatchMenu) .form-group textarea{ border: 1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .order-no-group .prefix{ color: #383838 !important; border: 1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .stat-box::before{ background: linear-gradient(180deg, #383838, #515151) !important} :is(#app, #modalRoot, #siteBatchMenu) .stat-box .l{ color: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .btn-primary{ background: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .btn-primary.btn-disabled{ background: #e4e4e4 !important; color: #979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .btn-ghost{ color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .btn-restore{ background: #979797 !important} :is(#app, #modalRoot, #siteBatchMenu) th{ color: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .order-no-cell{ color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .filter-bar input,:is(#app, #modalRoot, #siteBatchMenu) .filter-bar select{ border: 1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .toast{ color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .toast.info .ico{ background: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) table tbody tr.selected{ background: #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) table tbody tr.selected:hover{ background: #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .empty{ color: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .item-row .item-col > label{ color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .item-row select{ border: 1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .item-row .item-unit-price{ border: 1px solid #e4e4e4 !important; color: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .item-row .item-qty{ border: 1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .item-row .item-amount{ border: 1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .remark-tip{ color: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .batch-bar{ background: #f0f0f0 !important; border: 0 solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .batch-bar span.cnt{ color: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .batch-bar label{ color: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .phone-circle-btn{ background: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .phone-circle-btn:hover{ background: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) /* ===== 上传框 ===== */ .upload-box{ border: 2px dashed #e4e4e4 !important; background: #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .upload-box:hover{ background: #f0f0f0 !important; border-color: #979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .upload-box.dragover{ background: #f0f0f0 !important; border-color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .upload-box .ttl{ color: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .upload-box .sub{ color: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .img-upload-box{ border: 2px dashed #e4e4e4 !important; background: #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .img-upload-box:hover{ background: #f0f0f0 !important; border-color: #979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .img-upload-box.dragover{ background: #f0f0f0 !important; border-color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .import-order-card .head .no{ color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .import-order-card .head .meta{ color: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .import-order-card .info{ color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .import-order-card .info b{ color: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .import-order-card .amount-row label{ color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .import-order-card .amount-row input{ border: 1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) /* ===== 分页 ===== */ .pg-bar{ color: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .pg-size{ border: 1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .pg-btn,:is(#app, #modalRoot, #siteBatchMenu) .pg-num{ color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .pg-num.active{ background: #383838 !important; border-color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .pg-dots{ color: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .pg-jump input{ border: 1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .section-head h3{ color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .section-num{ background: linear-gradient(135deg, #383838, #515151) !important} :is(#app, #modalRoot, #siteBatchMenu) /* ===== SKU 勾选 ===== */ .sku-mode tr.selected{ background: #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .sku-mode tr.selected:hover{ background: #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .custom-select-trigger{ border: 1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .custom-select-trigger:hover{ border-color: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .custom-select-label{ color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .master-stock-toolbar input{border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .master-stock-add{border-bottom:1px solid #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .master-stock-panel tbody td,:is(#app, #modalRoot, #siteBatchMenu) .master-stock-panel tbody td b,:is(#app, #modalRoot, #siteBatchMenu) .master-stock-panel tbody td span{color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .master-stock-panel .spec-toggle-arrow{color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .custom-select-arrow{ color: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .custom-search-input{ border: 1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .custom-search-input:focus{ border-color: #383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .custom-select-dropdown{ border: 1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .custom-option.selected{ background: #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .custom-option-stock{ color: #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) /* 店铺后台统一视觉 */ #app .topbar{ color:#383838 !important} #app .topbar .brand{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .top-icon-btn,:is(#app, #modalRoot, #siteBatchMenu) .account-trigger{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .top-icon-btn:hover,:is(#app, #modalRoot, #siteBatchMenu) .account-trigger:hover{ background:#f0f0f0 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .language-menu button{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .language-menu button:hover,:is(#app, #modalRoot, #siteBatchMenu) .language-menu button.selected{ background:#f0f0f0 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .account-trigger{ background:#f0f0f0 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .account-menu{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .account-info small{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .account-menu button{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .account-menu button:hover{ background:#f0f0f0 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .account-plan span{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .account-plan .plan-link{ border:1px solid #515151 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .plan-close{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-nav{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-nav button{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-nav button + button{ border-left:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-nav button:hover:not(:disabled){ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-nav button:disabled{ color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .plan-cycle button{ border:1px solid #e4e4e4 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .plan-cycle button.selected{ background:#515151 !important; border-color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .plan-option{ border:1px solid #e4e4e4 !important; color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .plan-option.selected{ border-color:#515151 !important; box-shadow:0 0 0 1px #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .plan-price small{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .plan-option p{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .plan-duration button{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .plan-duration button.selected{ background:#515151 !important; border-color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .plan-total strong{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .plan-foot{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .plan-payment .payment-actions button{ border:1px solid #e4e4e4 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-orders{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-page-head h1 small{ color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-page-head p{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-scope{ border:1px solid #e4e4e4 !important; background:#f0f0f0 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-tabs button{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-tabs button.selected{ color:#515151 !important; border-bottom-color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-filters input{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-filters button{ border:1px solid #e4e4e4 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-header{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-meta{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-thumb{ color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-muted{ color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-empty{ color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-status-pill[data-status="已完成"]{ color:#515151 !important; border-color:#e4e4e4 !important; background:#f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-status-pill[data-status="交易关闭"]{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-abandoned-empty{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-abandoned-empty h3{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-abandoned-icon{ color:#515151 !important; background:#f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-card{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-card h4{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-action{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-note{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-header{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-row{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-muted{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-tabs button{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-pagination{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-pagination select,:is(#app, #modalRoot, #siteBatchMenu) .store-pagination input{ border:1px solid #e4e4e4 !important; color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-pagination button{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-pagination button:hover:not(:disabled),:is(#app, #modalRoot, #siteBatchMenu) .store-pagination button.active{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-pagination button:disabled{ color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-page-ellipsis{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-product > input,:is(#app, #modalRoot, #siteBatchMenu) .store-order-header input{ accent-color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-fold{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-batch-bar{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-batch-bar button{ border:1px solid #e4e4e4 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-header .store-batch-bar button{ background:#515151 !important; border:1px solid #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-header .store-batch-bar button:hover{ background:#515151 !important; border-color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .order-detail-icon{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-empty-status,:is(#app, #modalRoot, #siteBatchMenu) .store-order-neutral-status{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-neutral-status[data-status="已签收"],:is(#app, #modalRoot, #siteBatchMenu) .store-order-neutral-status[data-status="已取消"]{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-action.store-status-neutral{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-action.store-status-neutral:hover{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .order-product-preview h4{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .order-product-preview p{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-muted{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-product > input,:is(#app, #modalRoot, #siteBatchMenu) .store-order-header input{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-product > input:hover,:is(#app, #modalRoot, #siteBatchMenu) .store-order-header input:hover{ border-color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .store-order-product > input:checked,:is(#app, #modalRoot, #siteBatchMenu) .store-order-header input:checked,:is(#app, #modalRoot, #siteBatchMenu) .store-order-header input:indeterminate{ background:#515151 !important; border-color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-modal .shop-detail-card{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-modal .shop-detail-card h4{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-number{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-amount-line strong{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-item-name{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-item-variant{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .shop-detail-demo-label{ color:#515151 !important} #app .topbar .brand span{ color:#515151 !important} #app .topbar .user .badge{ background:#f0f0f0 !important; color:#515151 !important} #app .topbar .user button{ border:1px solid #e4e4e4 !important; color:#383838 !important} #app .topbar .user button:hover{ color:#515151 !important; border-color:#979797 !important; background:#f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .support-card{ border:1px solid #f0f0f0 !important; color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .support-card::before{ border-bottom:9px solid #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .support-close{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .support-note{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .support-actions button{ border:1px solid #e4e4e4 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .page-progress span{ background:#515151 !important} #app .sidebar-version{ color:#515151 !important} #app .sidebar .nav-item,#app .nav-group{ color:#383838 !important} #app .sidebar .nav-item.active{ background:#f0f0f0 !important; color:#515151 !important} #app .sidebar .nav-item.active{ color:#515151 !important} #app .sidebar .nav-item.active::before{ background:#515151 !important} #app .sidebar .nav-item:hover:not(.active)::before,#app .sidebar .nav-group:hover::before{ background:#515151 !important} #app .main{ color:#383838 !important} #app .page-title{ color:#383838 !important} #app .card h3{ color:#383838 !important} #app .btn-primary{ background:#515151 !important; border-color:#515151 !important} #app .btn-primary:hover{ background:#515151 !important; border-color:#515151 !important} #app input:focus,#app select:focus,#app textarea:focus{ border-color:#979797 !important} #app th{ color:#383838 !important} #app .shop-heading h1,#app .account-heading h1{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .dashboard-time{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .dashboard-panel{ border:1px solid #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .dashboard-panel h2{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .dashboard-note{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .dashboard-note:hover{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .dashboard-metrics strong{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .dashboard-metrics span{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .dashboard-action{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .dashboard-action:hover{ background:#f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .dashboard-action-icon{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .nav-icon{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .nav-item.active .nav-icon{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .dashboard-row{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .dashboard-row .icon{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .dashboard-row .value{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .dashboard-row .arrow{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .dashboard-row .dashboard-order-count > span{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .dashboard-row .dashboard-order-count strong{ color:#383838 !important} #app .page-title{ color:#383838 !important} #app .stat-box{ border:1px solid #f0f0f0 !important} #app .stat-box .n{ color:#383838 !important} #app .stat-box .l{ color:#515151 !important} #app .stat-filter-card:hover{ border-color:#e4e4e4 !important} #app .stat-filter-card.active{ border-color:#e4e4e4 !important} #app .stat-filter-card.active .n{ color:#515151 !important} #app .card{ border:1px solid #f0f0f0 !important} #app .card h3{ color:#383838 !important} #app .filter-bar input,#app .filter-bar select,#app .filter-bar .custom-select-trigger{ border-color:#e4e4e4 !important; color:#383838 !important} #app .btn-primary{ background:#515151 !important; border-color:#515151 !important} #app .btn-primary:hover{ background:#515151 !important; border-color:#515151 !important} #app .btn-ghost{ border:1px solid #e4e4e4 !important; color:#383838 !important} #app .btn-ghost:hover{ background:#f0f0f0 !important; border-color:#e4e4e4 !important} #app .table-wrap{ border:1px solid #f0f0f0 !important} #app th{ color:#383838 !important; border-bottom:1px solid #f0f0f0 !important} #app td{ color:#383838 !important} #app .batch-bar{ background:#f0f0f0 !important; border-color:#f0f0f0 !important} #app .pg-bar{ color:#515151 !important} #app .pg-btn,#app .pg-num{ color:#383838 !important} #app .pg-num.active{ background:#515151 !important; border-color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-product-heading span{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-product-card{ border:1px solid #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-product-image{ color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-product-info h3{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-product-info p{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-product-status{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-review-empty{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-review-empty h3{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-review-icon{ color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-category-head p{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-category-row{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-category-row strong{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-category-row button{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-category-row strong small{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-category-tag{ background:#f0f0f0 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-category-empty{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-category-empty > div{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-category-empty h3{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-product-editor-back{ border:1px solid #e4e4e4 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-product-editor-back:hover{ border-color:#979797 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-product-editor-head h1{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-editor-card h2{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-editor-label{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-editor-info{ border:1px solid #979797 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-editor-control input,:is(#app, #modalRoot, #siteBatchMenu) .site-editor-control select,:is(#app, #modalRoot, #siteBatchMenu) .site-editor-control textarea{ border:1px solid #e4e4e4 !important; color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-editor-control input:focus,:is(#app, #modalRoot, #siteBatchMenu) .site-editor-control select:focus,:is(#app, #modalRoot, #siteBatchMenu) .site-editor-control textarea:focus{ border-color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-editor-category-add{ border:1px solid #e4e4e4 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-editor-category-add:hover{ border-color:#979797 !important; background:#f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-editor-counter{ color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-editor-help{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-editor-toggle-row{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-editor-switch span{ background:#e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-editor-switch input:checked + span{ background:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-description-upload{ border:1px dashed #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-description-upload.dragover{ border-color:#515151 !important; background:#f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-description-upload-head strong{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-description-upload-head small{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-description-image-item{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-description-upload-progress{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-detail-builder{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-detail-builder-toolbar{ border-bottom:1px solid #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-detail-builder-toolbar strong{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-rich-editor:empty::before{ color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-detail-empty{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-detail-block{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-detail-block-head{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-detail-block-actions button{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-detail-block-actions button:hover{ background:#f0f0f0 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-detail-block-text{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-detail-block-tag input{ border:1px solid #e4e4e4 !important; background:#f0f0f0 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-detail-block-tag input:focus{ border-color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-product-image-add{ border:1px dashed #e4e4e4 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-product-image-add:hover{ border-color:#979797 !important; background:#f0f0f0 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-product-image-add small{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-product-image-item{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-mode-row label{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-mode-row input{ accent-color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-checks{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-checks input{ accent-color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-toolbar{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-toolbar select,:is(#app, #modalRoot, #siteBatchMenu) .site-spec-toolbar input{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-dropdown summary{ border:1px solid #e4e4e4 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-dropdown summary:hover,:is(#app, #modalRoot, #siteBatchMenu) .site-spec-dropdown[open] summary{ background:#f0f0f0 !important; border-color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-menu{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-toolbar .site-spec-menu > button{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-toolbar .site-spec-menu > button:hover:not(:disabled){ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-limit{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-toolbar strong{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-toolbar button{ border:1px solid #e4e4e4 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-toolbar button:hover:not(:disabled){ background:#f0f0f0 !important; border-color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-toolbar button:disabled{ color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-custom input{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-custom input:focus{ border-color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-group{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-group-head label{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-group-head input[type="text"]{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-group-head input[type="text"]:focus{ border-color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-group-head .site-spec-group-close{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-value-label{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-value-row input[type="text"]{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-value-row button{ border:1px solid #e4e4e4 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-value-row button:hover{ color:#515151 !important; border-color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-value-image{ border:1px dashed #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-value-image span{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-add-value{ border:1px solid #e4e4e4 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-variant-table-wrap{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-variant-table th{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-variant-table input[type="number"],:is(#app, #modalRoot, #siteBatchMenu) .site-variant-table input[type="text"],:is(#app, #modalRoot, #siteBatchMenu) .site-variant-table input[type="search"]{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-variant-table input:focus{ border-color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-variant-value{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-variant-thumb{ border:1px dashed #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-variant-thumb span{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-variant-stock-options label{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-variant-stock-options input{ accent-color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-spec-empty{ border:1px dashed #e4e4e4 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-editor-seo summary{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-editor-seo summary::after{ border-right:1.5px solid #515151 !important; border-bottom:1.5px solid #515151 !important} #app .stat-row.shipped-status-tabs .stat-filter-card{ color:#515151 !important} #app .stat-row.shipped-status-tabs .stat-filter-card.active{ color:#515151 !important; border-bottom-color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-library-head p{color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-library-close{color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-library-content select{border:1px solid #e4e4e4 !important;color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-library-no-image{color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-library-selected small{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-library-section-head span{color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-library-empty{color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-library-spec-list{border:1px solid #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-library-spec-value{border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-library-spec-value.is-empty{color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-library-spec small{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-library-footer span{color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-demo-tag{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-help{ color:#515151 !important} #app .all-products-head-actions .btn-ghost{ border-color:#e4e4e4 !important; color:#383838 !important} #app .all-products-head-actions .btn-ghost:hover{ background:#f0f0f0 !important; border-color:#979797 !important; color:#515151 !important} #app .all-products-head-actions .btn-primary{ background:#515151 !important; border-color:#515151 !important} #app .all-products-head-actions .btn-primary:hover{ background:#515151 !important; border-color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-filters select,:is(#app, #modalRoot, #siteBatchMenu) .all-products-filters input,:is(#app, #modalRoot, #siteBatchMenu) .all-products-filters button{ border:1px solid #e4e4e4 !important; color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-filters input:focus{ border-color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-filter-select > button::after{ border-right:1.5px solid #515151 !important; border-bottom:1.5px solid #515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-filter-select > button:hover{ color:#515151 !important; border-color:#e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-filter-select.open > button{ color:#515151 !important; border-color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-filter-select.open > button::after{ border-color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-category-panel{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-category-panel button{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-category-panel button:hover{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-category-panel button.selected{ background:#f0f0f0 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-price-filter > button:hover{ color:#515151 !important; border-color:#e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-price-filter > button.open{ color:#515151 !important; border-color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-price-panel{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-price-panel label{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-price-panel > span{ color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-price-panel > button{ border-color:#515151 !important; background:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-price-panel > button:hover{ background:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-sort-arrows i:first-child{ border-bottom:4px solid #979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-sort-arrows i:last-child{ border-top:4px solid #979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-sort[data-direction="asc"] i:first-child{ border-bottom-color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-sort[data-direction="desc"] i:last-child{ border-top-color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-table-head{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-row{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-row.selected{ background:#f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-noimg{ color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-name{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-name:hover{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-goods small{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-row.selected > .all-products-actions{ background:#f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-actions button{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-actions button:hover{ background:#f0f0f0 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-batch{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-batch button{ border:1px solid #e4e4e4 !important; color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-batch button:hover{ border-color:#979797 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-empty{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-pagination{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-pagination select,:is(#app, #modalRoot, #siteBatchMenu) .all-products-pagination input{ border:1px solid #e4e4e4 !important; color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-pagination button{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-pagination button:hover:not(:disabled),:is(#app, #modalRoot, #siteBatchMenu) .all-products-pagination button.active{ color:#515151 !important; background:#f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-pagination button:disabled{ color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .all-products-page-ellipsis{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) #standaloneProductSite{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-site-header strong{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-site-header span{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-site-copy h1{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-site-eyebrow{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-site-price{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-site-sales{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-site-copy > p{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-site-points span{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-site-buy{ background:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-site-buy:hover{ background:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-site-copy small{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-site-missing{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-site-missing h1{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-site-detail h2{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-site-detail-text{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .product-site-detail-tag{ background:#f0f0f0 !important; color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .legacy-tab-panel{ border:1px solid #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .legacy-tabs button{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .legacy-tabs button.active{ color:#515151 !important; border-bottom-color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .pool-search input{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .pool-note{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .pool-table th{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .pool-table th,:is(#app, #modalRoot, #siteBatchMenu) .pool-table td{ border-bottom:1px solid #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .pool-thumb{ border:1px solid #f0f0f0 !important; color:#979797 !important} :is(#app, #modalRoot, #siteBatchMenu) .pool-product-name{ color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .pool-product-spec{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .pool-status{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .pool-empty{ color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .pool-source-picker summary{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .pool-source-options{ border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .pool-source-options button:hover{ background:#f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .pool-source-preview{ border:1px solid #f0f0f0 !important} #app .stat-row{ border:1px solid #f0f0f0 !important} #app .shipped-status-tabs .stat-box{ color:#515151 !important} #app .shipped-status-tabs .stat-box.active{ color:#515151 !important; border-bottom-color:#515151 !important} #app .sliding-tabs::after{ background:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .agent-picker summary{border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .agent-picker-menu{border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-batch-menu{border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-batch-menu button{color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-batch-menu button:hover{background:#f0f0f0 !important;color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-batch-dialog small,:is(#app, #modalRoot, #siteBatchMenu) .site-batch-hint{color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-batch-product{border:1px solid #e4e4e4 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-batch-product-title{color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-batch-row{border-top:1px solid #f0f0f0 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-batch-heading{color:#515151 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-batch-row input,:is(#app, #modalRoot, #siteBatchMenu) .site-batch-row select{border:1px solid #e4e4e4 !important;color:#383838 !important} :is(#app, #modalRoot, #siteBatchMenu) .site-batch-thumb{border:1px solid #e4e4e4 !important;color:#515151 !important} #app{--dw-accent:#515151;--dw-ink:#343434;--dw-line:#e2e2e2;color:var(--dw-ink)} #app .main{background:#f4f3ee;color:#343434} #app .topbar{background:#fffefa;border-bottom:1px solid #e2e2e2;box-shadow:none} #app .topbar .brand{color:#383838!important;} #app .sidebar{background:#ededed;border-color:#dedede;padding-top:18px} #app .sidebar .nav-item,#app .nav-group{color:#565656;border-radius:9px} #app .sidebar .nav-item:hover,#app .nav-group:hover{background:#e4e4e4;color:#383838} #app .sidebar .nav-item.active{background:#383838!important;color:#fffefa!important;box-shadow:0 3px 8px #38383814} #app .sidebar .nav-item.active svg{color:#fffefa!important;stroke:currentColor} #app .sidebar .nav-item.active::before{display:none} :is(#app,#modalRoot) .btn{border-radius:7px;box-shadow:none;} :is(#app,#modalRoot) .btn-primary{background:#515151!important;border-color:#515151!important;color:white!important} :is(#app,#modalRoot) .btn-primary:hover{background:#383838!important} :is(#app,#modalRoot) .btn-ghost{background:#fffefa!important;border:1px solid #dfdfdf!important;color:#4e4e4e!important} :is(#app,#modalRoot) input,:is(#app,#modalRoot) select,:is(#app,#modalRoot) textarea{accent-color:#515151} :is(#app,#modalRoot) input:focus,:is(#app,#modalRoot) select:focus,:is(#app,#modalRoot) textarea:focus{outline-color:#515151;border-color:#727272!important;box-shadow:0 0 0 3px #51515112!important} #app .card,#app .store-orders-panel,#app .all-products-panel{border-color:#e2e2e2;border-radius:10px;box-shadow:0 2px 5px #34343404} #app thead,#app th,#app .all-products-table-head,#app .store-order-header{background:#f1f1f1!important;color:#444444!important} #app .all-products-row.selected{background:#f1f1f1!important} #app .store-order-tabs{background:#fffefa;border-color:#e4e4e4} #app .store-order-tabs button.selected{color:#383838!important} #modalRoot .modal{border-radius:12px;box-shadow:0 20px 70px #2727272b;color:#343434} #modalRoot .site-batch-product-title{background:#f2f2f2;color:#3e3e3e} #modalRoot .site-batch-product{border-color:#e3e3e3} #modalRoot .site-batch-heading{background:#f8f8f8;color:#6c6c6c} #siteBatchMenu button:hover{background:#f1f1f1;color:#383838} .login-left{background:linear-gradient(145deg,#313131,#515151)}.login-card button{background:#515151}.login-right{background:#fffefa} #app .topbar{background:#fffefa!important;color:#404040!important;border-bottom:1px solid #e2e2e2!important} #app .topbar .brand{color:#383838!important} #app .top-icon-btn{color:#5f5f5f!important} #app .site-batch-hint,#modalRoot .site-batch-hint,#modalRoot .site-batch-dialog small{color:#828282!important} /* Approved neutral theme: dark navigation, light workspace. */ #app .topbar{background:#111111!important;color:#ededed!important;border-bottom:1px solid #292929!important;box-shadow:none} #app .topbar .brand{color:#f5f5f5!important;} #app .topbar .brand span,#app .top-icon-btn,#app .sidebar-toggle{color:#d4d4d4!important} #app .topbar button{color:#dedede} #app .topbar button:hover{background:#303030} #app .sidebar{background:#101010!important;border-right:1px solid #222!important;padding:16px 0;scrollbar-color:#404040 #101010} #app .sidebar .nav-item,#app .sidebar .nav-group{color:#c9c9c9!important;padding:7px 12px;margin:2px 10px;width:calc(100% - 20px);border-radius:8px;min-height:34px} #app .sidebar .nav-item.active{color:#fff!important;background:linear-gradient(#343434,#272727)!important;box-shadow:inset 0 1px 0 #ffffff16;} #app .sidebar .nav-item:hover:not(.active),#app .sidebar .nav-group:hover{background:#202020!important;color:#fff!important} #app .sidebar .nav-item::before,#app .sidebar .nav-group::before{display:none!important} #app .sidebar .nav-icon,#app .sidebar .nav-item.active .nav-icon{width:17px;height:17px;color:inherit!important;stroke:currentColor;margin-right:9px} #app .sidebar .nav-children .nav-item{padding-left:38px;min-height:30px} #app .sidebar .nav-children .nav-icon{display:none} #app .sidebar-version{color:#777!important;padding-left:23px} #app .sidebar-bottom{border-top:1px solid #272727;padding-top:10px} #app .main{background:#f1f1f1!important;color:#303030!important} #app .card,#app .store-orders-panel,#app .all-products-panel{background:#fff;border-color:#dedede!important;border-radius:12px;box-shadow:0 2px 3px #00000005} :is(#app,#modalRoot) .btn{border-radius:8px;} :is(#app,#modalRoot) .btn-primary{background:#303030!important;border:1px solid #242424!important;color:white!important;box-shadow:inset 0 1px 0 #ffffff24,0 1px 2px #00000015} :is(#app,#modalRoot) .btn-primary:hover{background:#454545!important} :is(#app,#modalRoot) .btn-ghost{background:#fff!important;color:#404040!important;border:1px solid #d4d4d4!important;box-shadow:0 1px 1px #00000005} #app .store-order-tabs button.selected{color:#222!important} #app .sliding-tabs::after{background:#333!important} #app .all-products-row.selected{background:#f0f0f0!important} #app .all-products-table-head,#app th,#app .store-order-header{background:#f7f7f7!important;color:#555!important} :is(#app,#modalRoot) input:focus,:is(#app,#modalRoot) select:focus,:is(#app,#modalRoot) textarea:focus{border-color:#858585!important;outline-color:#555;box-shadow:0 0 0 3px #00000009!important} #modalRoot .site-batch-product-title{background:#f5f5f5!important;color:#333!important} #modalRoot .modal{box-shadow:0 20px 60px #00000026} .login-left{background:linear-gradient(145deg,#161616,#333)}.login-card button{background:#303030}.login-right{background:#fff} #app .sidebar .nav-item.active{margin-left:10px;margin-right:10px;width:calc(100% - 20px)} #app .sliding-tabs button.selected,#app .sliding-tabs button.active{border-bottom-color:transparent!important} /* Keep original typography; enabled switches retain the familiar blue accent. */ :is(#app,#modalRoot) .site-editor-switch input:checked + span{background:#3975ef!important} /* Rounded workspace and clearly actionable buttons; typography unchanged. */ #app .layout{background:#101010} #app #mainContent{background:#fafafa!important;border-radius:24px;margin:8px 10px 10px 0;min-height:calc(100vh - 82px);border:1px solid #e3e3e3;box-shadow:0 2px 10px #0000000a;isolation:isolate} #app #mainContent .card,#app #mainContent .store-orders-panel,#app #mainContent .all-products-panel{border-radius:16px!important} #modalRoot .modal{border-radius:18px!important} #app #mainContent .btn,#modalRoot .btn{border-radius:10px!important} #app #mainContent .btn-primary:not(:disabled):not(.btn-disabled),#modalRoot .btn-primary:not(:disabled):not(.btn-disabled){background:#242424!important;border-color:#171717!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff28,0 1px 3px #00000020} #app #mainContent .btn-primary:not(:disabled):not(.btn-disabled):hover,#modalRoot .btn-primary:not(:disabled):not(.btn-disabled):hover{background:#3b3b3b!important} #app #mainContent .btn-ghost:not(:disabled),#modalRoot .btn-ghost:not(:disabled),#app #mainContent .store-order-filters button:not(:disabled),#app #mainContent .all-products-batch button:not(:disabled){background:#fff!important;color:#242424!important;border:1px solid #bfc1c4!important;box-shadow:0 1px 2px #0000000d;border-radius:10px} #app #mainContent .btn-ghost:not(:disabled):hover,#modalRoot .btn-ghost:not(:disabled):hover,#app #mainContent .all-products-batch button:not(:disabled):hover{background:#fff!important;border-color:#555!important;box-shadow:0 2px 4px #00000018} #app #mainContent button:focus-visible,#modalRoot button:focus-visible{outline:2px solid #3975ef;outline-offset:2px} #app #mainContent button:disabled,#app #mainContent .btn-disabled,#modalRoot button:disabled{background:#ededed!important;color:#a0a0a0!important;border-color:#e1e1e1!important;box-shadow:none!important;cursor:not-allowed!important} @media(max-width:768px){#app #mainContent{margin:0 6px 6px;border-radius:18px;min-height:calc(100vh - 70px)}} #app .topbar .brand .app-version{display:inline!important;font-size:11px;font-weight:400;font-style:normal;letter-spacing:0;color:#aaa!important;opacity:1;margin-left:1px;align-self:center} #app .sidebar-bottom{border-top:0;padding-top:0} #app .feedback-nav{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #303030} #app #feedbackPage,#app #feedbackType{padding:9px 12px;border:1px solid #ccc;border-radius:8px;background:white} #app .sidebar-feedback-entry{margin-top:auto;flex-shrink:0;padding:12px 0 10px} #app .sidebar-feedback-entry + .sidebar-bottom{margin-top:0;border-top:1px solid #303030;padding-top:10px} @media(max-width:768px){#app .sidebar-feedback-entry{margin-top:0;padding:0}#app .sidebar-feedback-entry + .sidebar-bottom{padding-top:8px}} /* Warm graphite theme approved by user. */ #app .layout,#app .sidebar{background:#35312e!important} #app .sidebar{border-color:#48423c!important} #app .topbar{background:#35312e!important;color:#eee9e2!important;border-bottom-color:#48423c!important} #app .topbar .brand{color:#fffaf3!important} #app .top-icon-btn,#app .sidebar-toggle{color:#ddd5cb!important} #app .sidebar .nav-item,#app .sidebar .nav-group{color:#e0d8ce!important} #app .sidebar .nav-item.active{background:#554b41!important;color:#fffaf3!important;box-shadow:inset 0 1px 0 #ffffff14} #app .sidebar .nav-item:hover:not(.active),#app .sidebar .nav-group:hover{background:#484039!important;color:#fffaf3!important} #app .sidebar-feedback-entry + .sidebar-bottom{border-color:#51483f!important} #app #mainContent{background:#f4f2ed!important;border-color:#e2ded6!important;color:#38332e!important} #app #mainContent .card,#app #mainContent .store-orders-panel,#app #mainContent .all-products-panel{border-color:#e3ded6!important;background:#fff} #app #mainContent .btn-primary:not(:disabled):not(.btn-disabled),#modalRoot .btn-primary:not(:disabled):not(.btn-disabled){background:#63564a!important;border-color:#52473d!important;color:#fff!important} #app #mainContent .btn-primary:not(:disabled):not(.btn-disabled):hover,#modalRoot .btn-primary:not(:disabled):not(.btn-disabled):hover{background:#51463c!important} #app .store-order-tabs{background:#fffdf9!important} #app .sliding-tabs::after{background:#756251!important} #app .all-products-table-head,#app th,#app .store-order-header{background:#f5f3ef!important;color:#62594f!important} #app .all-products-row.selected{background:#f2ede5!important} #modalRoot .site-batch-product-title{background:#f5f2ed!important;color:#463c32!important} .login-left{background:linear-gradient(145deg,#35312e,#63564a)}.login-card button{background:#63564a}.login-right{background:#fffdf9} /* Unified neutral statuses and underline-only navigation. */ #app #mainContent .shipped-status-tabs .stat-box, #app #mainContent .shipped-status-tabs .stat-filter-card{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#62594f!important} #app #mainContent .shipped-status-tabs .stat-box.active{color:#38332e!important} #app #mainContent .shipped-status-tabs:not(.sliding-tabs) .stat-box.active{box-shadow:inset 0 -2px #756251!important} #app #mainContent .tag,#modalRoot .tag{color:#62594f!important;background:#efebe5!important;border:0!important;box-shadow:none!important} #app #mainContent .legacy-tab-panel > .card{border:0!important;box-shadow:none!important} /* Quiet navigation counts and shared animated disclosure arrows. */ #app .sidebar .nav-count,#app .sidebar .group-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;box-sizing:border-box;padding:0 6px;border-radius:6px;background:#625c55!important;color:#f5f1eb!important;font-size:12px;font-weight:600;line-height:20px;font-variant-numeric:tabular-nums;flex-shrink:0} #app .sidebar .nav-count{margin-left:auto} #app .sidebar .group-badge{margin-right:8px} #app .spec-toggle-arrow{display:inline-block;width:16px;height:16px;vertical-align:middle;color:#75695d!important;transform:rotate(0deg);transition:transform .28s cubic-bezier(.2,.7,.2,1);transform-origin:center} #app .spec-toggle-arrow.expanded{transform:rotate(90deg)} #app .spec-group-row td span,#app tr[data-parent] td b{color:#62594f!important} #app #mainContent .spec-toggle-arrow{transition:transform .28s cubic-bezier(.2,.7,.2,1)!important} /* Change notifications: warm amber, distinct from neutral count badges. */ #app .dot,#modalRoot .dot{background:#b68a42!important} /* Light navigation selected 2026-11-07; retain existing type sizes. */ #app .layout,#app .sidebar{background:#ececec!important} #app .sidebar{border-color:#e5e5e5!important} #app .main{background:#f2f2f2!important} #app .topbar{background:#ececec!important;color:#333!important;border-bottom-color:#e2e2e2!important} #app .topbar .brand{color:#303030!important} #app .topbar .app-version,#app .top-icon-btn,#app .sidebar-toggle{color:#676767!important} #app .sidebar .nav-item,#app .sidebar .nav-group{color:#373737!important} #app .sidebar .nav-icon,#app .sidebar .nav-chevron{color:#696969!important} #app .sidebar .nav-item.active{background:#fff!important;color:#222!important;box-shadow:0 2px 5px #00000005} #app .sidebar .nav-item:hover:not(.active),#app .sidebar .nav-group:hover{background:#e2e2e2!important;color:#222!important} #app .sidebar-feedback-entry + .sidebar-bottom{border-color:#dedede!important} #app .sidebar .nav-count,#app .sidebar .group-badge{background:#d9d9d9!important;color:#494949!important} #app .sidebar-version{color:#8a8a8a!important} #app .pool-added-notice{position:fixed;z-index:2000;top:82px;left:calc(50% + 110px);transform:translate(-50%,-22px);opacity:0;pointer-events:none;display:flex;align-items:center;gap:12px;padding:11px 16px;min-height:44px;max-width:calc(100vw - 36px);background:#fff;color:#393632;border:1px solid #e4ded5;border-radius:10px;box-shadow:0 5px 18px #3d322318;transition:transform .3s cubic-bezier(.2,.75,.25,1),opacity .25s!important} #app.sidebar-collapsed .pool-added-notice{left:calc(50% + 32px)} #app .pool-added-notice.visible{transform:translate(-50%,0);opacity:1;pointer-events:auto} #app .pool-notice-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;border:1px solid #86745e;color:#86745e;border-radius:50%;font-size:12px} #app .pool-notice-view{background:none;border:0;color:#286be7!important;font:inherit;font-weight:600;padding:0;white-space:nowrap;cursor:pointer} #app .pool-notice-close{background:none;border:0;color:#8d857b;font-size:18px;padding:0 0 0 5px;cursor:pointer} @media(max-width:768px){#app .pool-added-notice,#app.sidebar-collapsed .pool-added-notice{left:50%;top:70px}} /* Keep the original top bar; sidebar is one shade deeper than the page. */ #app .layout,#app .sidebar{background:#e8e5df!important} #app .sidebar{border-color:#e0dcd5!important} #app .topbar{background:#35312e!important;color:#eee9e2!important;border-bottom-color:#48423c!important} #app .topbar .brand{color:#fffaf3!important} #app .topbar .app-version,#app .top-icon-btn,#app .sidebar-toggle{color:#ddd5cb!important} #app .sidebar .nav-item:hover:not(.active),#app .sidebar .nav-group:hover{background:#dedad3!important;color:#393632!important} #app .sidebar-feedback-entry + .sidebar-bottom{border-color:#d9d4cc!important} /* Stronger navigation contrast without changing type size. */ #app .sidebar .nav-item,#app .sidebar .nav-group{color:#25231f!important;font-weight:500} #app .sidebar .nav-icon,#app .sidebar .nav-chevron{color:#49443c!important;opacity:1!important} #app .sidebar .nav-item.active{background:#d1c9bd!important;color:#201c17!important;font-weight:600;box-shadow:none!important} #app .sidebar .nav-item.active .nav-icon{color:#30291f!important} #app .sidebar .nav-count,#app .sidebar .group-badge{background:#c9c3ba!important;color:#302b24!important} #app .sidebar .nav-item.active{background:#35312e!important;color:#fffaf3!important;box-shadow:none!important} #app .sidebar .nav-item.active .nav-icon{color:#eee5da!important} #app .sidebar .nav-item.active .nav-count{background:#625c55!important;color:#fffaf3!important} #app .all-products-actions .recycle-action{width:auto!important;height:auto!important;min-width:44px;flex-shrink:0;white-space:nowrap;border:1px solid #d4cec5;border-radius:7px;background:#fff;color:#39332c;padding:6px 8px;cursor:pointer;font:inherit;font-size:12px} #app .all-products-actions:has(.recycle-action){gap:6px!important;padding:8px!important} #app .all-products-table.is-recycle .all-products-grid{grid-template-columns:48px minmax(240px,1fr) 120px 95px 90px 75px 135px 150px;min-width:1000px} #app .all-products-table.is-recycle .all-products-grid > :nth-child(8){display:none!important} /* Pair dark interactive fills with explicit foregrounds; never inherit grey labels. */ :is(#app,#modalRoot,#siteBatchMenu) .plan-cycle button.selected, :is(#app,#modalRoot,#siteBatchMenu) .plan-duration button.selected{background:#625547!important;border-color:#625547!important;color:#fff!important} :is(#app,#modalRoot,#siteBatchMenu) .plan-cycle button:not(.selected), :is(#app,#modalRoot,#siteBatchMenu) .plan-duration button:not(.selected){background:#fff!important;color:#39332c!important} :is(#app,#modalRoot,#siteBatchMenu) .pg-num.active, :is(#app,#modalRoot,#siteBatchMenu) .phone-circle-btn, :is(#app,#modalRoot,#siteBatchMenu) .toast.info .ico, :is(#app,#modalRoot,#siteBatchMenu) .store-order-header .store-batch-bar button, :is(#app,#modalRoot,#siteBatchMenu) .all-products-price-panel > button, :is(#app,#modalRoot,#siteBatchMenu) .product-site-buy{color:#fff!important} :is(#app,#modalRoot) .account-plan .plan-link{background:#625547!important;color:#fff!important;border-color:#625547!important;border-radius:7px} :is(#app,#modalRoot) .account-plan .plan-link:hover{background:#514639!important;color:#fff!important} #modalRoot .plan-options{grid-template-columns:repeat(3,minmax(0,1fr))} #modalRoot .plan-option{align-self:stretch;padding:16px;vertical-align:top} #modalRoot .plan-duration[hidden],#modalRoot .plan-total[hidden],#modalRoot .plan-payment[hidden]{display:none!important} @media(max-width:620px){#modalRoot .plan-options{grid-template-columns:1fr}} #modalRoot .plan-option{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start} /* Summary strips have one outer border; their metrics are not separate cards. */ #app .stat-row:not(.shipped-status-tabs) > .stat-box { border:0 !important; } /* Settlement: warm neutral workspace and contextual selection. */ #app .settlement-page{border:1px solid #e7e2da;border-radius:16px;overflow:hidden;background:#fff} #app .settlement-page > .card{border:0!important;box-shadow:none!important;border-radius:0!important;margin-bottom:0} #app .settlement-page .stat-row{background:#f8f7f4!important;border-color:#e7e2da!important} #app .settlement-page .filter-bar{gap:10px;align-items:center} #app .settlement-page .btn{box-shadow:none!important} #app .settlement-page #settlementTableArea tr[data-order-id]{background:#fff!important} #app .settlement-page #settlementTableArea tr[data-order-id]:hover{background:#f8f7f4!important} #app .settlement-page #settlementTableArea tr[data-order-id]:has(input:checked){background:#eeeae3!important} #app .settlement-page #settlementTableArea tbody tr:not([data-order-id]){background:#f5f3ef!important} #app .settlement-page #settlementTableArea td{color:#49443c!important;border-bottom-color:#eeeae4!important} #app .settlement-page #settlementTableArea .tag{background:#eeeae3!important;color:#62594f!important;border:1px solid #e3ddd4;border-radius:6px} #app .settlement-page #settlementTableArea tr[data-settled="1"] .tag{background:#f4f3f0!important;color:#777168!important} #app .settlement-page #settlementTableArea select{border:1px solid #dcd6cd;border-radius:6px;background:#fff;color:#49443c;padding:4px 8px} #app .settlement-selection{display:inline-block;max-width:0;opacity:0;visibility:hidden;overflow:hidden;white-space:nowrap;transform:translateX(24px);color:#62594f!important;font-size:13px;font-weight:500;transition:transform .28s ease,opacity .28s ease,max-width .28s ease,visibility .28s} #app .settlement-selection.is-visible{max-width:180px;opacity:1;visibility:visible;transform:translateX(0)} @media(prefers-reduced-motion:reduce){#app .settlement-selection{transition:none}} /* 管理后台主题：按账号应用，不影响客户店铺。 */ html[data-admin-theme=light]{--adm-bar:#263c52;--adm-side:#e8edf2;--adm-work:#f2f5f8;--adm-accent:#263c52} html[data-admin-theme=sage]{--adm-bar:#435d4a;--adm-side:#e4ece2;--adm-work:#f1f5ef;--adm-accent:#506d59} html[data-admin-theme=dark]{--adm-bar:#191b1f;--adm-side:#dedede;--adm-work:#e8e8e8;--adm-accent:#313439} html[data-admin-theme=warm]{--adm-bar:#35312e;--adm-side:#eae7e1;--adm-work:#f4f1eb;--adm-accent:#655747} html[data-admin-theme] #app .topbar{background:var(--adm-bar)!important;color:#fff!important} html[data-admin-theme] #app .topbar .brand,html[data-admin-theme] #app .topbar .brand span,html[data-admin-theme] #app .topbar button{color:#fff!important} html[data-admin-theme] #app .sidebar{background:var(--adm-side)!important} html[data-admin-theme] #app .main{background:var(--adm-work)!important} html[data-admin-theme] #app .sidebar .nav-item.active{background:var(--adm-accent)!important;color:#fff!important} html[data-admin-theme] #app .btn-primary{background:var(--adm-accent)!important;border-color:var(--adm-accent)!important;color:#fff!important} html[data-admin-theme=white]{--adm-bar:#fff;--adm-side:#f8f9fb;--adm-work:#f2f5f9;--adm-accent:#397ef0} html[data-admin-theme=white] #app .topbar{border-bottom:1px solid #e4eaf1!important} html[data-admin-theme=white] #app .topbar .brand,html[data-admin-theme=white] #app .topbar .brand span,html[data-admin-theme=white] #app .topbar button{color:#26384c!important} html[data-admin-theme=white] #app .topbar .brand{color:#3276dc!important} /* 后台主题组件配色：使用同一组页面、卡片、边框、强调与悬停颜色。 */ html[data-admin-theme=warm]{--theme-surface:#fffdfa;--theme-header:#f2eee8;--theme-border:#e5dbd0;--theme-text:#39342e;--theme-muted:#817364;--theme-hover:#eae4da;--theme-badge:#d1c7ba;--theme-focus:#86725e} html[data-admin-theme=light]{--theme-surface:#fff;--theme-header:#edf2f7;--theme-border:#d6e0eb;--theme-text:#24394e;--theme-muted:#6b7d8e;--theme-hover:#dce7f1;--theme-badge:#c6d6e6;--theme-focus:#3975a9} html[data-admin-theme=white]{--theme-surface:#fff;--theme-header:#f5f7fa;--theme-border:#e2e8f0;--theme-text:#26384c;--theme-muted:#718096;--theme-hover:#e7f0ff;--theme-badge:#dceafe;--theme-focus:#397ef0} html[data-admin-theme=sage]{--theme-surface:#fffefa;--theme-header:#eaf1e8;--theme-border:#d6e3d3;--theme-text:#344c39;--theme-muted:#728875;--theme-hover:#dcebd9;--theme-badge:#d1e3ce;--theme-focus:#598262} html[data-admin-theme=dark]{--adm-side:#26292e;--adm-work:#1e2024;--adm-accent:#bda789;--theme-surface:#30343a;--theme-header:#393e45;--theme-border:#4c525a;--theme-text:#f0f0ed;--theme-muted:#c0c5c8;--theme-hover:#454b53;--theme-badge:#555d67;--theme-focus:#cbb38f} html[data-admin-theme] #app :is(.store-orders,.store-orders-panel,.store-order-card,.card,.sg-card,.store-settings-row,.settlement-page,.all-products-panel){background:var(--theme-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-text)!important} html[data-admin-theme] #app :is(.store-order-header,.store-order-card .store-order-meta,.store-order-card .store-order-row,.store-order-meta .related-quick-actions){background:var(--theme-header)!important;border-color:var(--theme-border)!important;color:var(--theme-text)!important} html[data-admin-theme] #app .store-order-card .store-order-row{background:var(--theme-surface)!important} html[data-admin-theme] #app .store-order-card .store-order-row>div{border-color:var(--theme-border)!important} html[data-admin-theme] #app :is(.store-order-muted,.store-order-card .store-order-meta-main){color:var(--theme-muted)!important} html[data-admin-theme] #app :is(.nav-item,.nav-group):hover:not(.active){background:var(--theme-hover)!important} html[data-admin-theme] #app :is(.nav-count,.group-badge){background:var(--theme-badge)!important;color:var(--theme-text)!important} html[data-admin-theme] #app .nav-item.active .nav-count{background:var(--theme-hover)!important;color:var(--theme-text)!important} html[data-admin-theme] #app :is(input,select,textarea){accent-color:var(--theme-focus);caret-color:var(--theme-focus)} html[data-admin-theme] #app :is(input,select,textarea):focus-visible{outline:2px solid var(--theme-focus)!important;outline-offset:1px} html[data-admin-theme] #app .store-order-tabs button.selected{border-color:var(--theme-focus)!important} html[data-admin-theme=dark] #app :is(.sidebar .nav-item,.nav-group,.page-title,.store-order-page-head h1,.card h3,.sg-card h3){color:var(--theme-text)!important} html[data-admin-theme=dark] #app :is(.store-order-tabs,.store-order-filters,.store-order-table,.store-pagination){background:var(--theme-surface)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important} html[data-admin-theme=dark] #app :is(.store-order-tabs button,.store-order-fold,.store-order-grid){color:var(--theme-text)!important} /* Keep shipping views and shared tables in the selected admin palette. */ html[data-admin-theme] #app #mainContent{background:var(--adm-work)!important;border-color:var(--theme-border)!important;color:var(--theme-text)!important} html[data-admin-theme] #app #mainContent :is(.card,.legacy-tab-panel,.store-orders-panel,.all-products-panel){background:var(--theme-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-text)!important} html[data-admin-theme] #app #mainContent :is(thead,th,.store-order-header){background:var(--theme-header)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important} html[data-admin-theme] #app #mainContent .shipping-product-card{background:var(--theme-header)!important;border-color:var(--theme-border)!important;color:var(--theme-text)!important} html[data-admin-theme] #app #mainContent .shipping-product-card:hover{background:var(--theme-hover)!important;border-color:var(--theme-focus)!important} html[data-admin-theme] #app #mainContent .shipping-product-info small{color:var(--theme-muted)!important} html[data-admin-theme] #app #mainContent .shipping-product-image{background:var(--theme-hover)!important;color:var(--theme-muted)!important} html[data-admin-theme] #app #mainContent .tag{background:var(--theme-header)!important;color:var(--theme-text)!important} html[data-admin-theme] #app #mainContent .shipped-status-tabs :is(.stat-box,.stat-filter-card){color:var(--theme-muted)!important} html[data-admin-theme] #app #mainContent .shipped-status-tabs :is(.stat-box,.stat-filter-card).active{color:var(--theme-focus)!important} html[data-admin-theme] #app #mainContent .sliding-tabs::after{background:var(--theme-focus)!important} html[data-admin-theme] #app #mainContent .btn-primary:not(:disabled):not(.btn-disabled){background:var(--adm-accent)!important;border-color:var(--adm-accent)!important;color:#fff!important} html[data-admin-theme] #app #mainContent .btn-primary:not(:disabled):not(.btn-disabled):hover{background:var(--theme-focus)!important} html[data-admin-theme] #app #mainContent .btn-ghost:not(:disabled):hover{background:var(--theme-hover)!important;border-color:var(--theme-focus)!important} html[data-admin-theme] #app #mainContent button:focus-visible{outline-color:var(--theme-focus)!important} html[data-admin-theme=dark] #app #mainContent :is(table,tr,td){background:var(--theme-surface)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important} html[data-admin-theme=dark] #app #mainContent th{background:var(--theme-header)!important;color:var(--theme-text)!important} /* Dark workspace inspired by modern admin interfaces: neutral layers and readable controls. */ html[data-admin-theme=dark]{--adm-bar:#1a1a1a;--adm-side:#242424;--adm-work:#1f1f1f;--adm-accent:#e3e3e3;--theme-surface:#303030;--theme-header:#383838;--theme-border:#505050;--theme-text:#f2f2f2;--theme-muted:#c4c4c4;--theme-hover:#454545;--theme-badge:#505050;--theme-focus:#b5c8ff} html[data-admin-theme=dark] #app :is(.sidebar .nav-icon,.sidebar .nav-chevron){color:#c7c7c7!important;stroke:#c7c7c7!important} html[data-admin-theme=dark] #app .sidebar .nav-item.active{background:#505050!important;color:#fff!important} html[data-admin-theme=dark] #app #mainContent .btn-primary:not(:disabled){background:#e3e3e3!important;border-color:#e3e3e3!important;color:#202020!important} html[data-admin-theme=dark] #app #mainContent .btn-primary:not(:disabled):hover{background:#fff!important} html[data-admin-theme=dark] #app #mainContent :is(.sg-field>label,.sg-field>span,.sg-help,.store-settings-intro,.store-settings-text>span){color:#c9c9c9!important} html[data-admin-theme=dark] #app #mainContent :is(.sg-field input:not([type=hidden]),.sg-trigger,.shop-wa-row select){background:#242424!important;color:#f2f2f2!important;border-color:#666!important} html[data-admin-theme=dark] #app #mainContent :is(.sg-field input::placeholder){color:#bcbcbc!important} html[data-admin-theme=dark] #app #mainContent .sg-options{background:#303030!important;border-color:#626262!important} html[data-admin-theme=dark] #app #mainContent .sg-options button{color:#f2f2f2!important} html[data-admin-theme=dark] #app #mainContent .sg-options button:is(:hover,:focus-visible,[aria-pressed=true]){background:#505050!important} html[data-admin-theme=dark] #app #mainContent .shop-theme-preview[data-theme=dark]{--preview-header:#1a1a1a;--preview-side:#242424;--preview-bg:#1f1f1f;--preview-card:#303030;--preview-text:#f2f2f2;--preview-active:#505050} /* Dark navigation with a light workspace, matching the requested reference. */ html[data-admin-theme=dark]{--adm-bar:#111;--adm-side:#111;--adm-work:#f6f6f6;--adm-accent:#303030;--theme-surface:#fff;--theme-header:#f4f4f4;--theme-border:#dedede;--theme-text:#252525;--theme-muted:#666;--theme-hover:#e9e9e9;--theme-badge:#515151;--theme-focus:#4b4b4b} html[data-admin-theme=dark] #app .sidebar .nav-item,html[data-admin-theme=dark] #app .sidebar .nav-group{color:#e5e5e5!important} html[data-admin-theme=dark] #app .sidebar .nav-item.active{background:#383838!important;color:#fff!important} html[data-admin-theme=dark] #app .sidebar :is(.nav-item,.nav-group):hover:not(.active){background:#303030!important} html[data-admin-theme=dark] #app .sidebar :is(.nav-count,.group-badge){background:#4d4d4d!important;color:#fff!important} html[data-admin-theme=dark] #app #mainContent :is(.page-title,.store-order-page-head h1,.card h3,.sg-card h3){color:#252525!important} html[data-admin-theme=dark] #app #mainContent :is(.sg-field>label,.sg-field>span,.sg-help,.store-settings-intro,.store-settings-text>span){color:#555!important} html[data-admin-theme=dark] #app #mainContent :is(.sg-field input:not([type=hidden]),.sg-trigger,.shop-wa-row select){background:#fff!important;color:#252525!important;border-color:#c9c9c9!important} html[data-admin-theme=dark] #app #mainContent .sg-options{background:#fff!important;border-color:#ccc!important} html[data-admin-theme=dark] #app #mainContent .sg-options button{color:#252525!important} html[data-admin-theme=dark] #app #mainContent .sg-options button:is(:hover,:focus-visible,[aria-pressed=true]){background:#eee!important} html[data-admin-theme=dark] #app #mainContent .btn-primary:not(:disabled){background:#303030!important;border-color:#303030!important;color:#fff!important} html[data-admin-theme=dark] #app #mainContent .btn-primary:not(:disabled):hover{background:#4a4a4a!important} html[data-admin-theme=dark] #app #mainContent .shop-theme-preview[data-theme=dark]{--preview-header:#111;--preview-side:#111;--preview-bg:#f6f6f6;--preview-card:#fff;--preview-text:#252525;--preview-active:#383838} #app .shop-theme-preview[data-theme=dark] .shop-theme-dashboard aside{color:#e5e5e5} /* Keep dark-navigation hover and focus labels legible. */ html[data-admin-theme=dark] #app .sidebar :is(.nav-item,.nav-group):is(:hover,:focus-visible){background:#303030!important;color:#fff!important} html[data-admin-theme=dark] #app .sidebar :is(.nav-item,.nav-group):is(:hover,:focus-visible) :is(span,svg){color:#fff!important;stroke:currentColor!important} html[data-admin-theme=dark] #app .sidebar .nav-item.active:is(:hover,:focus-visible){background:#454545!important;color:#fff!important} /* Header popovers have light surfaces regardless of the header colour. */ html[data-admin-theme] #app .topbar :is(.language-menu,.account-menu){background:#fff!important;color:#26313d!important;border-color:#d9dfe6!important} html[data-admin-theme] #app .topbar :is(.language-menu,.account-menu) button{background:#fff!important;color:#26313d!important} html[data-admin-theme] #app .topbar :is(.language-menu,.account-menu) button:is(:hover,:focus-visible,.selected){background:#e8edf3!important;color:#192a3b!important} html[data-admin-theme=dark] #app .sidebar .nav-children .nav-item{color:#e5e5e5!important} html[data-admin-theme=dark] #app .sidebar .nav-children .nav-item:hover{background:#303030!important;color:#fff!important} html[data-admin-theme=dark] #app .sidebar .nav-children .nav-item.active{background:#383838!important;color:#fff!important} html[data-admin-theme] #app .topbar .account-menu :is(p,span,strong){color:#26313d!important}