/* Plasco wholesale identity — compact operational interface. */
:root{--brand:#286cae;--action:#286cae;--blue:#286cae;--ink:#172c40;--muted:#667a8d;--line:#e4ebf2;--bg:#f5f7fa;--rose:#edf4fb;--radius:12px;--sidebar:220px}
body{line-height:1.7;color:var(--ink);background:var(--bg)}
.sidebar{padding:18px 12px 10px}
.brand{padding:0 10px 17px;gap:9px}
.brand-symbol{width:33px;height:33px;border-radius:9px;background:#edf4fb;color:var(--brand)}
.brand-symbol .icon{width:21px;height:21px}
.brand .brand-wordmark{font-size:27px}
.sidebar-nav{padding:12px 0}
.nav-caption{font-size:10px;padding:11px 12px 5px;color:#7b8b9b}
.side-link{padding:9px 11px;min-height:39px;margin-bottom:2px;border-radius:8px;color:#506579;font-size:12px;gap:9px}
.side-link .icon{width:18px;height:18px}
.side-link:hover{background:#f4f7fb}
.side-link.active{background:#eaf2fa;color:var(--brand)}
.side-link .nav-number,.side-link.active .nav-number{background:#e6eef7;color:#286cae;font-size:10px}
.sidebar-bottom{padding-top:8px}.store-chip{padding:7px 5px}
.avatar{width:33px;height:33px;background:#eaf2fa;color:var(--brand);border-radius:9px}
.topbar{height:62px;padding-inline:24px;background:#ffffffed;backdrop-filter:blur(12px)}
.breadcrumb{color:#7a8b9b;font-size:11px}.breadcrumb strong{color:#334e68}
.topbar-actions{gap:7px}.icon-button{width:35px;height:35px;border-radius:9px}
.icon-button:hover{background:#f0f5fb}.topbar-user small{font-size:10px}
.preview-indicator{color:#728498;background:#f4f7fb;font-size:10px}.preview-indicator i{background:#84a4c2}
.content{max-width:1480px;padding:22px 24px 32px}
.page-heading{margin-bottom:18px;gap:12px}.page-heading h1{font-size:22px;letter-spacing:-.5px}
.page-heading p{margin-top:3px;font-size:12px}.heading-actions{gap:8px}
.btn{min-height:38px;padding:7px 13px;border-radius:8px;font-size:12px;box-shadow:none}
.btn-primary,.btn-blue{background:#286cae;border-color:#286cae;color:#fff;box-shadow:none}
.btn-primary:hover,.btn-blue:hover{background:#205a92;border-color:#205a92}
.btn-soft{background:#edf4fb;color:#286cae;border-color:#dce8f5}
.btn:hover:not(.btn-primary):not(.btn-blue):not(.btn-danger){background:#f0f5fb}
.btn-sm{min-height:32px;padding:5px 10px;font-size:11px}.btn-ghost{background:transparent}
.btn-danger,.danger-text{color:#b91f38}.btn-danger{background:#fff3f5;border-color:#f4d9e0}
.panel{padding:17px;border-radius:12px;box-shadow:0 1px 2px #16324d03}
.panel+.panel{margin-top:14px}.section-heading{margin-bottom:14px}.section-heading h2{font-size:14px}
.page-footer{margin-top:24px;padding-top:14px;color:#7a8b9b}
.notice{padding:10px 12px;margin-bottom:14px;border-radius:8px;background:#f2f7fc;border-color:#dce8f4;color:#506f8d}
.notice.rose{background:#f2f7fc;border-color:#dce8f4;color:#506f8d}
.badge.neutral{background:#f0f3f6;color:#677b8e}.badge.danger{background:#fff0f3;color:#b52c43}
.empty-state{padding:32px 16px;gap:8px}.empty-icon{width:44px;height:44px;border-radius:12px;background:#edf4fb;color:#7297bc}
.empty-icon .icon{width:23px;height:23px}
/* One metric strip instead of four oversized tiles. */
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:16px;overflow:hidden}
.stat{padding:15px 17px;border:0;border-radius:0;box-shadow:none;background:transparent;border-inline-end:1px solid var(--line);min-width:0}
.stat:last-child{border-inline-end:0}.stat-top{margin-bottom:8px}.stat-label{color:#526b80;font-size:11px}
.stat-icon,.stat-icon.blue{width:27px;height:27px;border-radius:8px;background:#edf4fb;color:#286cae}
.stat-icon .icon{width:16px;height:16px}.stat-icon.sand{background:#fff6e9;color:#a87524}.stat-icon.green{background:#edf7f1;color:#27815f}
.stat-value,.stat-value .money b{font-size:24px;letter-spacing:-.5px;font-weight:750}
.stat-bottom{margin-top:7px;color:#728396;font-size:10px;line-height:1.6;flex-wrap:wrap;gap:4px}
.stat-bottom .trend-chip{font-size:10px}.stat-value .money small{font-size:10px}
.dashboard-filter{margin-bottom:13px}.store-status{font-size:11px}
.dashboard-grid,.section-row{grid-template-columns:minmax(0,1.65fr) minmax(285px,1fr);gap:16px;margin-bottom:16px}
.chart-frame{height:174px;margin-top:12px}.chart-summary .money b{font-size:23px}.chart-summary>span:last-child,.chart-labels{font-size:10px;color:#768a9e}
.chart-tooltip{font-size:11px;color:#728599}.chart-labels{margin-top:8px}
.task-item{padding:11px 0;gap:9px;border-color:#edf1f6}.task-item strong{font-size:12px}.task-item p{font-size:11px;margin-top:2px;color:#728396}
.task-icon,.task-icon.blue{width:30px;height:30px;border-radius:8px;background:#edf4fb;color:#286cae}.task-icon .icon{width:16px;height:16px}
.task-icon.amber{background:#fff6e9;color:#a87524}.task-item>.icon{color:#8da3b9}
.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.quick-card{padding:12px;gap:9px;border-radius:10px;transform:none}
.quick-card:hover{border-color:#b5cde4;transform:none}.quick-card>span,.quick-card>span.blue{width:30px;height:30px;border-radius:8px;background:#edf4fb;color:#286cae}
.quick-card>span .icon{width:17px;height:17px}.quick-card strong{font-size:12px}.quick-card small{font-size:10px;color:#728599}
.growth-card{background:#eef5fc;border-color:#dae8f5;min-height:170px}
.growth-card .eyebrow{color:#557b9f}.growth-card h2{font-size:18px;color:#1d4c76;max-width:none}.growth-card p{font-size:12px;color:#5d7a94;max-width:290px;margin-top:6px}
.growth-card .btn{margin-top:14px}.growth-card .growth-art{opacity:.04}.growth-art .icon{width:90px;height:90px}
.order-mini{padding:10px 0;gap:10px}.order-mini strong{font-size:12px}.order-mini small{font-size:11px;color:#728599}
/* Grouped tools: one clear section, compact rows, no tall icon tiles. */
.workbench-group{margin-bottom:20px}.workbench-group>h2{margin-bottom:10px;font-size:13px;color:#445f77}
.workbench-group>h2>.icon{color:#6d8baa}
.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.tool-card{border:0;border-radius:0;padding:13px;min-height:74px;gap:10px;position:relative;flex-wrap:nowrap;align-items:center;box-shadow:inset 0 -1px 0 #edf1f6}
.tool-card:hover{background:#f2f7fc}.tool-card>span,.tool-card>span.blue,.tool-card>span.sage,.tool-card>span.sand{width:32px;height:32px;border-radius:9px;background:#edf4fb;color:#286cae}
.tool-card>span .icon{width:18px;height:18px}.tool-card>div{width:auto;min-width:0}
.tool-card h3{font-size:12px;line-height:1.7}.tool-card p{font-size:11px;color:#728599;margin-top:2px}
.tool-card>.icon{position:static;width:13px;color:#8ba4bc;margin-inline-start:auto}
/* Product management is a compact catalog, rather than a storefront grid. */
.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.product-card{display:grid;grid-template-columns:100px minmax(0,1fr);border-radius:12px;box-shadow:none;min-width:0}
.product-card:hover{transform:none;box-shadow:0 2px 9px #234b7008;border-color:#b8cfe4}
.product-card .product-thumb{width:100%;height:100%;min-height:170px;background:#f0f3f6}
.product-card-top{top:8px;right:auto;left:10px;gap:6px;justify-content:flex-end}
.product-card-top .badge{font-size:10px;padding:3px 7px}.product-card-body{padding:36px 12px 12px;min-width:0}
.product-card h3{font-size:12px;min-height:0;margin-bottom:2px;line-height:1.8}
.product-id{font-size:10px;color:#728599}.product-price{font-size:13px;margin-top:4px}
.color-dots{margin-top:7px}.color-dots small{font-size:10px;color:#728599}
.product-card-bottom{margin-top:8px;padding-top:7px;font-size:11px;border-color:#edf1f6;color:#667d91;gap:8px}
.card-actions{margin-top:8px;gap:6px}.card-actions .btn{min-height:32px;font-size:11px}
.catalog-summary{font-size:11px;color:#728599}.catalog-context{background:#edf1f5;color:#536a7f}.catalog-context.wholesale{background:#eaf3fc;color:#286cae}
th{padding:10px 14px;color:#627a91;background:#f7f9fc;font-size:11px}
td{padding:11px 14px;border-color:#edf1f6;font-size:12px}tbody tr:hover{background:#f7faff}
.table-product strong{font-size:12px}.table-product small{font-size:10px;color:#728599}.table-product .product-thumb{width:32px;height:38px}
.tabs{gap:22px;margin-bottom:16px}.tabs a,.tabs button{padding-bottom:10px;font-size:12px}
.pill-tabs{background:#eaf0f6;border-color:#e1e9f2;padding:3px;border-radius:8px}.pill-tabs button,.pill-tabs a{font-size:11px;border-radius:6px}
.pill-tabs .active,.pill-tabs .active.wholesale{background:#fff;color:#286cae;box-shadow:0 1px 3px #18395712}
.count-chip{background:#eaf2fa;color:#286cae}.pagination{padding:11px 14px}.page-number.active{background:#edf4fb;border-color:#b8cfe4;color:#286cae}
/* Campaigns use a small identifying icon, not a decorative banner. */
.campaign-grid{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.campaign-card{border-radius:12px;position:relative;padding-top:0}
.campaign-art,.campaign-art.blue,.campaign-art.sage{height:36px;width:36px;border-radius:10px;background:#edf4fb;color:#286cae;position:absolute;top:16px;inset-inline-end:16px}
.campaign-art:before,.campaign-art:after{display:none}.campaign-art>.icon{width:20px;height:20px;stroke-width:1.8;transform:none}
.campaign-body{padding:16px}.campaign-body h3{font-size:14px;margin:7px 0;max-width:calc(100% - 44px)}
.campaign-body p{font-size:12px;min-height:40px;max-width:calc(100% - 5px)}
.campaign-body .detail-row{margin-top:10px;font-size:11px}.campaign-body .btn{margin-top:14px;min-height:36px}
.detail-grid{gap:16px}.detail-list{gap:12px}.detail-row{font-size:12px}
.balance-card{background:#173e64;min-height:180px}.balance-card:after{opacity:.4}
.balance-card .eyebrow,.balance-card .money small,.balance-meta small{color:#bbd2e8}.balance-card .money b{font-size:29px}
.balance-card .balance-meta{margin-top:18px}.balance-card .section-heading>.icon{color:#bbd2e8}
.profile-layout{grid-template-columns:190px minmax(0,1fr);gap:16px}.profile-menu{padding:8px}.profile-menu>a{padding:9px 10px;color:#667d91}
.profile-menu>a.active{background:#eaf2fa;color:#286cae}.profile-hero{padding-bottom:16px;margin-bottom:18px;gap:12px}.profile-hero .avatar{width:44px;height:44px;border-radius:12px;font-size:16px}
.profile-hero h2{font-size:17px}.score-ring{width:120px;height:120px;background:conic-gradient(#286cae 0 316.8deg,#e8f0f8 316.8deg)}.score-ring strong{font-size:32px;color:#286cae}
.progress-track{background:#eaf0f6}.progress-track i{background:#5b96ce}.metric-row>.icon{color:#6c92b7}
.wizard-layout{grid-template-columns:180px minmax(0,1fr);gap:18px}.wizard-step{padding:11px 10px;color:#728599;font-size:12px}
.wizard-step.active{background:#eaf2fa;color:#286cae}.wizard-step i{border-color:#dce6f0}.wizard-step.active i{background:#286cae;border-color:#286cae}
.wizard-description{margin-bottom:20px}.wizard-actions{padding-top:16px;margin-top:20px}
.choice:has(input:checked){background:#edf4fb;border-color:#7fadd5;color:#205e97}
.choice{border-color:#dfe7ef}.upload-area{background:#f8fbfe;border-color:#b8cfe4;min-height:150px;padding:20px;gap:8px}
.upload-area>.icon{color:#739dc3;width:27px;height:27px}.title-preview{padding:16px;background:#f2f7fc;border-color:#dce8f4}.title-preview h3{color:#245b8b}
.field input,.field select,.field textarea{border-color:#dce5ee;border-radius:8px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#6d9fc9;box-shadow:0 0 0 3px #286cae0d}
.field span{color:#4c657c}.field input::placeholder,.field textarea::placeholder{color:#91a0af}
.radio-card:has(input:checked){border-color:#8eb4d6;background:#f2f7fc}
.timeline-step.done i{background:#edf4fb}.timeline-step{color:#8b9cae}
.chat-layout{border-radius:12px;min-height:440px;height:calc(100dvh - 200px)}
.conversation-item.active{background:#edf4fb}.conversation-item p{color:#728599}
.chat-messages{background:#f7f9fc}.message.seller{background:#eaf3fc;color:#244b70;border-color:#d9e8f5}
.support-message.reply{background:#f2f7fc}.support-message p{color:#526d84}
.notification-row{padding:15px}.notification-row.unread{background:#f5f9fd}.notification-row>span{width:32px;height:32px;background:#edf4fb;color:#286cae}
.modal{border-radius:14px}.modal-header{padding:16px 20px}.modal-header h2{font-size:17px}.modal-body{padding:20px}.modal-header .eyebrow{color:#728599}
.modal-body .invoice-total{background:#edf4fb;padding:14px;border-radius:9px}.modal-overlay{background:#112c4555}
.modal-body .invoice-line{border-radius:10px}.notification-dot{background:#286cae}
@media(min-width:1600px){.content{padding-top:24px}.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px){:root{--sidebar:210px}.content{padding:20px}.topbar{padding-inline:20px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:13px}.stat-value,.stat-value .money b{font-size:21px}.stat-bottom{font-size:10px}}
@media(max-width:1000px) and (min-width:768px){:root{--sidebar:68px}.sidebar{padding-inline:8px}.brand{padding:2px 0 15px}.side-link{padding:10px 0}.dashboard-grid,.section-row{grid-template-columns:1fr}.stat-value,.stat-value .money b{font-size:19px}.stat-top{gap:6px}.stat-label{font-size:10px}.stat-icon{width:24px;height:24px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{grid-template-columns:80px minmax(0,1fr)}.profile-layout{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:767px){
 :root{--sidebar:0px}.topbar{height:58px;padding-inline:16px}.topbar-actions{gap:4px}.topbar-actions .icon-button{width:36px;height:36px}.mobile-brand .brand-wordmark{font-size:25px}.mobile-brand small{color:#728599;font-size:10px}
 .content{padding:18px 16px 92px}.page-heading{margin-bottom:16px;gap:10px}.page-heading h1{font-size:20px}.page-heading p{font-size:12px;line-height:1.8}.heading-actions .btn{min-height:38px;font-size:12px;padding:7px 11px}.page-heading .date-label{font-size:11px}
 .mobile-nav{padding:5px 8px calc(5px + env(safe-area-inset-bottom));box-shadow:none;background:#ffffffed;backdrop-filter:blur(14px)}
 .mobile-nav a{min-height:48px;font-size:11px;color:#6b8094;gap:3px}.mobile-nav .icon{width:21px;height:21px}.mobile-nav a.active:before{display:none}.mobile-nav a.active .icon{filter:none}.mobile-nav a.active .icon-wrap{background:#eaf2fa;border-radius:8px;padding:3px}
 .panel{padding:15px;border-radius:12px}.dashboard-grid,.section-row{grid-template-columns:1fr;gap:14px;margin-bottom:14px}.section-heading{margin-bottom:12px}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:14px}.stat{padding:13px}.stat:nth-child(2){border-inline-end:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .stat-top{margin-bottom:6px;gap:5px}.stat-label{font-size:11px}.stat-icon{width:24px;height:24px}.stat-value,.stat-value .money b{font-size:21px}.stat-bottom{font-size:10px;margin-top:6px}.stat-bottom .trend-chip{font-size:9px}.stat-value .money small{font-size:9px}
 .chart-frame{height:148px}.chart-summary .money b{font-size:22px}.chart-summary>span:last-child{font-size:10px}.chart-labels{font-size:9px}.chart-tooltip{font-size:10px}
 .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.quick-card{padding:10px;gap:8px}.quick-card strong{font-size:11px}.quick-card small{font-size:10px;display:block}.quick-card>span{width:28px;height:28px}.quick-card>.icon{display:none}
 .growth-card{min-height:155px}.growth-card h2{font-size:17px;max-width:none}.growth-card p{font-size:12px}.task-item strong{font-size:12px}.task-item p{font-size:11px}
 .workbench-group{margin-bottom:19px}.workbench-group>h2{font-size:13px;margin-bottom:9px}.tool-grid{grid-template-columns:1fr;gap:0;border-radius:12px}
 .tool-card{padding:11px 12px;min-height:65px;flex-wrap:nowrap;align-items:center;gap:10px}.tool-card>span{width:30px;height:30px;border-radius:8px}.tool-card>div{width:auto;flex:1}.tool-card h3{font-size:12px}.tool-card p{font-size:11px;margin-top:1px}.tool-card>.icon{position:static;display:block;align-self:center;width:13px}
 .products-grid{grid-template-columns:1fr;gap:10px}.product-card{grid-template-columns:83px minmax(0,1fr)}.product-card .product-thumb{height:100%;min-height:160px}.product-card h3{font-size:12px}.product-card-body{padding:35px 11px 11px}.product-card-top{top:8px;left:10px;right:auto}.product-card-top .badge{font-size:10px;padding:3px 7px}.product-card-top .icon-button{height:27px;width:27px}.product-price{font-size:13px}.product-card-bottom{font-size:11px}.card-actions .btn{min-height:34px;font-size:11px}.catalog-summary{font-size:11px}
 .toolbar{gap:10px}.toolbar .input{font-size:12px}.pill-tabs button,.pill-tabs a{padding:5px 11px;font-size:11px}.tabs a,.tabs button{font-size:12px}
 .responsive-table tbody tr{padding:13px;gap:9px 12px}.responsive-table td{font-size:12px}.responsive-table td:before{font-size:10px;color:#728599}.responsive-table td .money{font-size:12px}
 .campaign-grid{grid-template-columns:1fr;gap:10px}.campaign-art{height:34px;width:34px;top:15px;inset-inline-end:15px}.campaign-body{padding:15px}.campaign-body h3{font-size:14px}.campaign-body p{min-height:0;font-size:12px;padding-inline-end:25px}.campaign-body .detail-row{font-size:12px}.campaign-body .btn{min-height:40px}
 .detail-grid{grid-template-columns:1fr;gap:14px}.profile-layout{grid-template-columns:1fr;gap:14px}.profile-menu{padding:6px}.profile-menu>a{padding:9px;font-size:11px}.profile-hero .avatar{width:42px;height:42px}.profile-hero h2{font-size:16px}.balance-card{min-height:175px}.balance-card .money b{font-size:28px}
 .wizard-layout{grid-template-columns:1fr;gap:12px}.wizard-steps{padding-bottom:6px}.wizard-step{padding:7px 6px;font-size:10px;gap:5px;min-width:55px}.wizard-step i{height:24px;width:24px;border-radius:7px}.wizard-panel{padding:16px}.wizard-panel h2{font-size:16px}.wizard-description{font-size:12px;margin-bottom:18px}
 .wizard-actions .btn{min-height:42px}.field input,.field textarea,.field select{min-height:44px;font-size:16px}.field textarea{font-size:14px}.upload-area{min-height:140px}.upload-area small{font-size:11px}.notice{font-size:11px}.choice{font-size:12px;min-height:42px}.radio-card b{font-size:12px}.radio-card small{font-size:11px}
 .chat-layout{height:calc(100dvh - 195px);min-height:400px}.chat-header h2{font-size:12px}.chat-header p{font-size:10px}.chat-header .btn{font-size:11px}.conversation-item{padding:14px}.notification-row{padding:14px}.notification-row p{font-size:11px}
 .modal{border-radius:18px 18px 0 0}.modal-header{padding:16px}.modal-body{padding:16px 16px 24px}.modal-body .invoice-line .form-grid{grid-template-columns:1fr 1fr}.modal-body .invoice-line .field:nth-child(-n+2){grid-column:1/-1}.modal-body .invoice-line input,.modal-body .invoice-line select{font-size:16px}.toast{font-size:12px;bottom:80px}
}
@media(max-width:360px){.content{padding-inline:12px}.topbar{padding-inline:12px}.stat{padding:11px}.stat-label{font-size:10px}.stat-value,.stat-value .money b{font-size:19px}.stat-bottom{font-size:9px}.quick-card{padding:9px}.quick-card small{display:none}.product-card{grid-template-columns:72px minmax(0,1fr)}.page-heading h1{font-size:19px}.store-status{display:none}.wizard-actions .btn{padding-inline:8px;font-size:10px}}
@media print{.content{padding:0}.stats-grid{break-inside:avoid}.product-card:hover{box-shadow:none}}

.dashboard-grid>.panel+.panel,.section-row>.panel+.panel{margin-top:0}
.stat-value .money{max-width:100%;flex-wrap:wrap;gap:2px 4px}
@media(max-width:767px){.stat-value .money b{font-size:18px}.stat-value .money small{font-size:8px}.stat-value .money{gap:2px 3px}}
@media(max-width:360px){.stat-value .money b{font-size:16px}}
/* Dashboard daily operations only. */
.workbench-mode,.workbench-operations,.trade-context{--mode-accent:#286cae;--mode-soft:#eef5fc;--mode-line:#cddff0}
.workbench-mode[data-mode="wholesale"],.workbench-operations[data-mode="wholesale"],.trade-context[data-mode="wholesale"]{--mode-accent:#237c82;--mode-soft:#eef8f7;--mode-line:#cce4e2}
.workbench-mode{border:0;border-radius:0;overflow:visible;margin-bottom:17px;background:transparent}
.workbench-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:transparent;padding:0;gap:8px;border-bottom:1px solid var(--line)}
.workbench-mode[data-mode="management"],.workbench-operations[data-mode="management"]{--mode-accent:#9f5664;--mode-soft:#fcf8f9;--mode-line:#ece5e8}
.workbench-operations[data-mode="management"] .workbench-group>h2{color:#526779}
.workbench-operations[data-mode="management"] .tool-card>span{color:#967982;background:#f8f3f5}
.workbench-mode[data-mode="management"] .workbench-mode-summary strong{color:#71535b}
.workbench-mode-tabs button{min-width:0;padding:6px 3px}.workbench-mode-tabs button span{min-width:0}

.workbench-mode-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;font-weight:600;font-size:12px;color:#647a8e}
.workbench-mode-tabs button .icon{width:15px;height:15px}.workbench-mode-tabs button[aria-selected="true"]{background:transparent;border-bottom-color:var(--mode-accent);color:var(--mode-accent)}
.workbench-mode-tabs button i{display:none;width:6px;height:6px;border-radius:50%;background:currentColor}.workbench-mode-tabs button[aria-selected="true"] i{display:none}
.workbench-mode-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;background:var(--mode-soft);border-radius:8px;margin-top:8px}
.workbench-mode-summary strong{display:block;color:var(--mode-accent);font-size:13px}.workbench-mode-summary small{display:block;color:#627b8a;font-size:11px;margin-top:3px}
.mode-add{background:var(--mode-accent);border-color:var(--mode-accent);color:#fff}.mode-add:hover:not(.btn-primary):not(.btn-blue):not(.btn-danger){background:var(--mode-accent);filter:brightness(.95)}
.workbench-operations .workbench-group>h2{color:var(--mode-accent)}.workbench-operations .tool-grid{border-color:var(--mode-line)}
.workbench-operations .tool-card>span{background:var(--mode-soft);color:var(--mode-accent)}.workbench-operations .tool-card:hover{background:var(--mode-soft)}
.workbench-common-label{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:18px}
.workbench-common-label strong{font-size:13px;color:#526b7f}.workbench-common-label span{font-size:11px;color:var(--muted)}
.trade-context{display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid var(--mode-line);border-radius:9px;background:var(--mode-soft);margin-bottom:16px;font-size:11px;color:#607b8a}
.trade-chip{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:700;color:var(--mode-accent);white-space:nowrap}.trade-chip .icon{width:17px;height:17px}.trade-context .text-link{margin-inline-start:auto;color:var(--mode-accent)}
.content[data-trade-mode="wholesale"] .tabs .active{color:#237c82;border-color:#237c82}.content[data-trade-mode="wholesale"] .heading-actions .btn-blue,.content[data-trade-mode="wholesale"] .wizard-actions .btn-blue{background:#237c82;border-color:#237c82}
@media(max-width:767px){.workbench-mode{margin-bottom:17px}.workbench-mode-summary{padding:9px 11px;gap:8px}.workbench-mode-summary strong{font-size:13px}.workbench-mode-summary small{font-size:10px;max-width:160px}.mode-add{font-size:11px;padding-inline:9px;min-height:40px}.mode-add .icon{width:15px;height:15px}.trade-context{gap:8px;flex-wrap:wrap}.trade-context>span:not(.trade-chip){display:none}.workbench-common-label{padding-top:15px;margin-bottom:15px}}
.workbench-group>.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:767px){
 .workbench-group>.tool-grid{gap:0}
 .workbench-group .tool-card{flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;gap:9px;padding:14px 6px 11px;min-height:108px;border-inline-end:1px solid var(--line)}
 .workbench-group .tool-card:nth-child(3n){border-inline-end:0}
 .workbench-group .tool-card>div{flex:0;width:100%}
 .workbench-group .tool-card h3{font-size:12px;line-height:1.8;overflow-wrap:anywhere}
 .workbench-group .tool-card p,.workbench-group .tool-card>.icon{display:none}
}
@media(max-width:360px){.workbench-group .tool-card{padding-inline:4px}.workbench-group .tool-card h3{font-size:11px}}
.daily-panel{margin-bottom:16px;padding:15px 17px}.daily-panel .section-heading{margin-bottom:12px}.daily-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.daily-item{display:flex;flex-direction:column;justify-content:space-between;gap:13px;text-align:start;border:0;border-inline-end:1px solid var(--line);background:#fff;padding:12px;min-width:0;color:var(--ink)}.daily-item:last-child{border-inline-end:0}.daily-item:hover{background:#f2f7fc}.daily-item-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#526c83;line-height:1.8}.daily-item-label>.icon{width:15px;height:15px;color:#5789b6}.daily-item-value{display:flex;align-items:baseline;gap:5px}.daily-item-value strong{font-size:23px;line-height:1.4;font-variant-numeric:tabular-nums}.daily-item-value small{font-size:10px;color:var(--muted)}.daily-item-value>.icon{width:12px;height:12px;align-self:center;margin-inline-start:auto;color:#8ca5bc}.daily-item.has-overdue{background:#fff8f2}.daily-item.has-overdue strong{color:#a35f16}.daily-note{font-size:10px;color:var(--muted);margin-top:10px;line-height:1.9}.daily-detail-list{display:flex;flex-direction:column}.daily-detail-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.daily-detail-row:last-child{border:0}.daily-detail-row strong{font-size:12px;display:block}.daily-detail-row small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.daily-detail-row>.icon{width:15px;height:15px;color:var(--blue)}
@media(max-width:1100px){.daily-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.daily-item:nth-child(3n){border-inline-end:0}.daily-item:nth-child(-n+3){border-bottom:1px solid var(--line)}}
@media(max-width:767px){.daily-panel{padding:14px;margin-bottom:14px}.daily-panel .section-heading{align-items:flex-start;gap:8px}.daily-panel .section-hint{font-size:10px}.daily-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-item{padding:11px;gap:9px;min-height:86px;border-inline-end:1px solid var(--line)}.daily-item:nth-child(3n){border-inline-end:1px solid var(--line)}.daily-item:nth-child(2n){border-inline-end:0}.daily-item:nth-child(-n+4){border-bottom:1px solid var(--line)}.daily-item-label{font-size:11px;gap:5px}.daily-item-label>.icon{width:14px;height:14px}.daily-item-value strong{font-size:22px}.daily-note{font-size:10px}}

@media(max-width:767px){.workbench-mode-tabs button{font-size:11px;gap:5px;min-height:40px;line-height:1.4}.workbench-mode-tabs button .icon{width:14px;height:14px}.workbench-mode[data-mode="management"] .workbench-mode-summary small{max-width:none}}
/* Compact, independent actions: unfinished rows no longer form blank panels. */
.content:has(.workbench-mode)>.page-footer{display:none}
.workbench-upcoming{border-top:1px solid var(--mode-line,var(--line));padding-top:14px;margin-top:8px}
.workbench-upcoming-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
.workbench-upcoming-heading h2{font-size:13px;color:var(--ink)}.workbench-upcoming-heading>span{font-size:10px;color:var(--muted)}
.workbench-task{width:100%;display:grid;grid-template-columns:26px minmax(0,1fr) auto 13px;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:11px 0;text-align:start;min-height:55px;border-radius:0;transition:background-color 180ms ease}
.workbench-task:last-child{border-bottom:0}.workbench-task:hover{background:var(--mode-soft,#f2f7fc)}
.workbench-task-icon{color:var(--mode-accent,var(--blue));display:grid;place-items:center}.workbench-task-icon .icon{width:19px;height:19px}
.workbench-task-text{min-width:0}.workbench-task-text strong{display:block;font-size:12px;font-weight:600}.workbench-task-text small{display:block;font-size:11px;color:var(--muted);margin-top:2px;line-height:1.7}
.workbench-task-count{font-size:11px;min-width:23px;text-align:center;border-radius:6px;background:var(--mode-soft,#eef5fc);color:var(--mode-accent,var(--blue));padding:1px 5px}
.workbench-task>.icon{width:12px;height:12px;color:#8a9cad}.workbench-no-tasks{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding:10px 0}.workbench-no-tasks .icon{width:17px;height:17px;color:var(--green)}
.workbench-task-detail{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.workbench-task-detail:last-child{border-bottom:0}.workbench-task-detail strong{display:block;font-size:12px}.workbench-task-detail small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.workbench-task-detail>.icon{width:14px;height:14px;color:var(--blue)}
@media(max-width:360px){.workbench-upcoming-heading{align-items:flex-start;flex-direction:column;gap:3px}.workbench-task{gap:7px}.workbench-task-text small{font-size:10px}}
.sidebar-nav{position:relative;isolation:isolate}
.sidebar-nav::before{content:'';position:absolute;top:0;left:0;right:0;height:var(--nav-height,39px);transform:translateY(var(--nav-y,0px));opacity:var(--nav-visible,0);background:#eaf2fa;border-radius:8px;pointer-events:none;z-index:-1}
.sidebar-nav.nav-motion-ready::before{transition:transform 300ms cubic-bezier(.22,.8,.25,1),height 220ms ease,opacity 180ms ease}
.sidebar-nav .side-link{position:relative;transition:color 240ms ease,background-color 180ms ease}
.sidebar-nav .side-link.active,.sidebar-nav .side-link.active:hover{background:transparent}
.sidebar-nav .side-link>.icon{transition:color 240ms ease,transform 180ms ease}
@media(hover:hover){.sidebar-nav .side-link:hover>.icon{transform:translateX(-2px)}.mobile-nav a:hover{color:var(--brand)}}
@media(max-width:767px){
 .mobile-nav::before{content:'';display:block;position:absolute;top:0;left:var(--nav-x,0px);width:28px;height:2px;border-radius:2px;background:var(--brand);opacity:var(--nav-visible,0);pointer-events:none}
 .mobile-nav.nav-motion-ready::before{transition:left 300ms cubic-bezier(.22,.8,.25,1),opacity 180ms ease}
 .mobile-nav a{transition:color 240ms ease}
 .mobile-nav .icon-wrap{display:grid;place-items:center;padding:3px;margin:-3px;border-radius:8px;background:transparent;transition:background-color 240ms ease}
}
@media(prefers-reduced-motion:reduce){.sidebar-nav::before,.sidebar-nav .side-link,.sidebar-nav .side-link>.icon,.mobile-nav::before,.mobile-nav a,.mobile-nav .icon-wrap{transition:none!important}}
.workbench-mode-tabs{position:relative;isolation:isolate}
.workbench-mode-tabs::after{content:'';position:absolute;bottom:-1px;right:0;width:calc((100% - 16px)/3);height:2px;border-radius:2px;background:var(--mode-accent);pointer-events:none;transform:translateX(0);transition:transform 300ms cubic-bezier(.22,.8,.25,1),background-color 300ms ease}
.workbench-mode-tabs[data-active-tab="wholesale"]::after{transform:translateX(calc(-100% - 8px))}
.workbench-mode-tabs[data-active-tab="management"]::after{transform:translateX(calc(-200% - 16px))}
.workbench-mode-tabs button,.workbench-mode-tabs button[aria-selected="true"]{border-bottom-color:transparent;transition:color 250ms ease,background-color 180ms ease}
@media(hover:hover){.workbench-mode-tabs button:hover{background:#286cae06;color:var(--mode-accent)}}
@media(prefers-reduced-motion:reduce){.workbench-mode-tabs::after,.workbench-mode-tabs button{transition:none!important}}
.workbench-group{margin-bottom:16px}.workbench-group>h2{margin-bottom:8px}
.workbench-group>.tool-grid{gap:8px;border:0;border-radius:0;background:transparent;overflow:visible}
.workbench-group .tool-card{min-height:62px;padding:10px 11px;border:1px solid var(--mode-line,var(--line));border-radius:10px;background:#fff;box-shadow:none;gap:9px;transition:background .15s,border-color .15s}
.workbench-group .tool-card:nth-child(3n){border-inline-end:1px solid var(--mode-line,var(--line))}
.workbench-group .tool-card:hover{border-color:var(--mode-accent,var(--blue))}
.workbench-group .tool-card>span{width:28px;height:28px;border-radius:8px}
.workbench-group .tool-card>span .icon{width:17px;height:17px}
.workbench-group .tool-card p{margin-top:1px}
@media(max-width:767px){
 .workbench-operations .workbench-group{margin-bottom:15px}
 .workbench-group>.tool-grid{gap:7px}
 .workbench-group .tool-card{min-height:76px;padding:8px 5px;gap:5px;justify-content:center}
 .workbench-group .tool-card>span{width:24px;height:24px;border-radius:7px}
 .workbench-group .tool-card>span .icon{width:16px;height:16px}
 .workbench-group .tool-card h3{font-size:12px;line-height:1.5;font-weight:600}
 .workbench-group .tool-card>div{width:100%;flex:0}
}
@media(max-width:360px){.workbench-group>.tool-grid{gap:6px}.workbench-group .tool-card{padding-inline:4px}.workbench-group .tool-card h3{font-size:11px}}
/* Focused workbench refinement: compact hierarchy and actionable signals. */
.workbench-mode{margin-bottom:16px}
.workbench-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;min-height:34px}
.workbench-group-heading h2{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--mode-accent);margin:0}
.workbench-group-heading h2>.icon{width:16px;height:16px}
.workbench-group-heading .mode-add{min-height:34px;padding:6px 10px;font-size:12px;border-radius:8px}
.workbench-operations[data-mode="management"] .workbench-group-heading h2{color:#526779}
.workbench-group .tool-card,.workbench-group .tool-card:nth-child(3n){border-color:#e3eaf1;border-radius:9px;min-height:64px}
.workbench-group .tool-card>span{background:transparent;width:24px;height:24px;border-radius:0}
.workbench-operations[data-mode="management"] .tool-card>span{background:transparent}
.workbench-group .tool-card h3{font-size:12px;font-weight:600;line-height:1.6}
.tool-signal{display:block;color:var(--mode-accent);font-size:11px;line-height:1.6;margin-top:3px;font-weight:500}
.tool-signal.is-urgent{color:#a34846}
.workbench-group .tool-card:focus-visible,.workbench-task:focus-visible,.workbench-mode-tabs button:focus-visible{outline:2px solid var(--mode-accent);outline-offset:3px}
@media(hover:hover){.workbench-group .tool-card:hover{border-color:var(--mode-line);background:var(--mode-soft)}}
@media(max-width:767px){.workbench-group .tool-card{min-height:78px;padding:9px 4px;gap:5px}.workbench-group-heading .mode-add{font-size:11px}.workbench-group>.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-signal{font-size:11px}}
/* Editing: direct step navigation and right-aligned workbench breadcrumb. */
button.wizard-step{width:100%;border:0;background:transparent;text-align:start;font-family:inherit;cursor:pointer;min-height:44px;border-radius:9px;transition:background-color 180ms ease,color 180ms ease}
button.wizard-step.active{background:#eaf2fa;color:#286cae}
button.wizard-step:hover:not(.active){background:#f0f5fa;color:#286cae}
button.wizard-step:focus-visible,.trade-back:focus-visible{outline:2px solid var(--mode-accent,#286cae);outline-offset:2px}
.trade-context{background:transparent;border:0;border-bottom:1px solid var(--mode-line);border-radius:0;padding:0 0 9px;gap:9px}
.trade-back{display:inline-flex;align-items:center;gap:4px;min-height:36px;color:var(--mode-accent);font-size:12px;font-weight:600;white-space:nowrap;border-radius:6px;padding-inline:4px}
.trade-back>.icon{width:14px;height:14px}.trade-divider{color:#b3c2cf}.trade-context .trade-chip{font-size:11px;font-weight:500}
@media(max-width:767px){button.wizard-step{width:auto;flex:1}.trade-context>.trade-divider{display:inline}.trade-context{flex-wrap:nowrap;gap:7px}}
@media(prefers-reduced-motion:reduce){button.wizard-step{transition:none}}
/* Shared searchable selectors, retaining native values for every form. */
.picker-native{position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%)!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;padding:0!important;margin:0!important}
.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;min-height:44px;padding:11px 12px;background:#fff;border:1px solid #d7e3ef;border-radius:9px;color:#193b57;font-family:inherit;font-size:13px;text-align:start;cursor:pointer;transition:border-color 160ms,box-shadow 160ms}.select-trigger:focus-visible{outline:0;border-color:#286cae;box-shadow:0 0 0 3px #286cae18}.select-trigger:disabled{background:#f4f6f9;color:#8192a1;cursor:not-allowed}.select-trigger>.icon{width:16px;height:16px;flex-shrink:0;color:#728da4}.select-summary{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.selection-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;background:#edf4fb;color:#285e8e;font-size:12px}.selection-chip .color-dot{width:10px;height:10px;margin:0;border:1px solid #00000015}
.picker-open{overflow:hidden}.picker-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;background:#142d464d;backdrop-filter:blur(3px)}
.select-picker{width:440px;max-width:100%;max-height:min(640px,85dvh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #e1e9f0;border-radius:16px;background:#fff;box-shadow:0 20px 70px #142d4626;direction:rtl;animation:picker-enter 160ms ease-out}
.select-picker>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 12px}.select-picker h2{font-size:16px;color:#173b58;margin:0}.select-picker header small{display:block;font-size:12px;color:#7a8d9d;margin-top:4px}.picker-search{display:flex;align-items:center;gap:8px;margin:0 18px 10px;padding:0 11px;border:1px solid #d9e5f0;border-radius:9px;background:#f7fafd;flex-shrink:0}.picker-search>.icon{width:18px;color:#7a94ac}.picker-search input{width:100%;min-width:0;min-height:44px;border:0;background:transparent;outline:0;color:#173b58;font:inherit;font-size:14px}.picker-search:focus-within{border-color:#286cae;box-shadow:0 0 0 2px #286cae0f}
.picker-options{overflow:auto;min-height:60px;padding:0 10px 10px;overscroll-behavior:contain}.picker-option{display:flex;align-items:center;gap:10px;width:100%;min-height:45px;padding:10px;border:0;border-radius:8px;background:transparent;color:#25455f;font:inherit;font-size:13px;text-align:start;cursor:pointer;margin:2px 0}.picker-option>span{flex:1}.picker-option .color-dot{width:16px;height:16px;margin:0;border:1px solid #00000015}.picker-option:hover,.picker-option:focus-visible{outline:0;background:#f1f6fb}.picker-option[aria-selected="true"]{background:#eaf3fc;color:#286cae}.picker-option:disabled{opacity:.45;cursor:not-allowed}.picker-check{width:20px;height:20px;border:1px solid #cfdce7;border-radius:6px;display:grid;place-items:center;flex-shrink:0}.picker-check>.icon{width:14px;height:14px}.picker-option[aria-selected="true"] .picker-check{background:#286cae;border-color:#286cae;color:#fff}.picker-empty{padding:24px 12px;color:#74899c;font-size:13px;text-align:center}.select-picker>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;border-top:1px solid #e5edf4;background:#fafcfe;flex-shrink:0}.picker-count{font-size:12px;color:#668099}
@keyframes picker-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){.picker-overlay{padding:12px;align-items:flex-end}.select-picker{width:100%;max-height:78dvh;border-radius:16px}.select-picker>footer{padding-bottom:max(13px,env(safe-area-inset-bottom))}.picker-search input{font-size:16px}.toolbar-group>.select-trigger{width:auto;flex:1;min-width:130px}}
@media(prefers-reduced-motion:reduce){.select-picker{animation:none}.select-trigger{transition:none}}
/* Product creation and direct management: scoped editor layout. */
.product-editor{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:start;gap:22px;max-width:1150px}.editor-sections{display:flex;flex-direction:column;gap:5px;position:sticky;top:78px}.editor-sections button{display:flex;align-items:center;gap:9px;text-align:start;min-height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:#71879c;font:inherit;font-size:12px;cursor:pointer}.editor-sections button.active{color:var(--mode-accent,#286cae);background:var(--mode-soft,#eaf3fc);font-weight:650}.editor-sections button i{font-style:normal;display:grid;place-items:center;min-width:23px;height:23px;border-radius:7px;background:#fff;border:1px solid #dbe5ef}.editor-sections button:focus-visible{outline:2px solid #286cae;outline-offset:2px}.editor-panel{min-width:0;background:white;border:1px solid #e0e9f1;border-radius:12px;padding:22px}.editor-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.editor-section-title h2{font-size:16px}.editor-section-title>span{font-size:11px;color:#8394a3}.editor-panel .form-grid{gap:16px}.editor-panel .field{margin-bottom:15px}.editor-panel .form-grid .field{margin-bottom:0}.editor-panel .form-grid{margin-bottom:18px}.editor-panel .field>span{font-size:12px}.editor-panel .btn-ghost{font-size:12px}.editor-restored{font-size:12px;color:#587c9b;margin-bottom:15px}.editor-savebar{position:sticky;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0 0;margin-top:24px;background:#fffffff5;border-top:1px solid #e4ecf3;z-index:3}.editor-savebar>div:first-child{min-width:0}.editor-save-state{font-size:11px;color:#7c90a2;display:block;line-height:1.7}.editor-savebar .text-link{font-size:11px;margin-top:4px}.editor-save-actions{display:flex;gap:8px;flex-shrink:0}.editor-save-actions .btn{min-height:40px}.color-size-groups{display:grid;gap:10px;margin:10px 0 20px}.color-size-group{border:1px solid #e5edf3;border-radius:9px;padding:13px}.color-size-title{display:flex;align-items:center;gap:7px;margin-bottom:10px;font-size:12px}.color-size-title .color-dot{width:14px;height:14px;margin:0}.color-size-title>span{margin-inline-start:auto;font-size:11px;color:#8a9ba8}.color-size-group .field{margin:0}.compact-upload{min-height:125px;padding:20px;border-color:#cbddec;background:#f8fbfe}.compact-upload>.icon{width:23px;height:23px;color:#6b93b5}.product-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.gallery-item{border:1px solid #e1eaf2;border-radius:10px;overflow:hidden;min-width:0}.gallery-item>img{width:100%;height:150px;object-fit:contain;background:#f6f9fc}.gallery-item-body{padding:10px}.gallery-label{font-size:12px;font-weight:600;display:block;margin-bottom:10px}.gallery-item .select-trigger{font-size:11px;min-height:36px;padding:7px}.gallery-actions{display:flex;align-items:center;gap:5px;margin-top:8px}.gallery-actions .icon-button{width:32px;height:32px;min-width:32px}.gallery-actions .icon{width:15px;height:15px}.gallery-item .field{margin:0}.gallery-item .field>span{font-size:11px}.offer-modes{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:0 0 18px;padding:0}.offer-modes legend{font-size:12px;margin-bottom:10px}.offer-modes .choice{border-color:#d9e5ef}.offer-modes .choice:has(input:checked){color:var(--mode-accent,#286cae);border-color:var(--mode-line,#cddff0);background:var(--mode-soft,#eaf3fc)}.variant-color{border:1px solid #e3ebf2;border-radius:9px;margin-bottom:10px;padding:0 12px;overflow:hidden}.variant-color summary{display:flex;align-items:center;gap:8px;min-height:43px;cursor:pointer;font-size:13px;font-weight:600}.variant-color summary .color-dot{width:12px;height:12px;margin:0}.variant-color summary>span{margin-inline-start:auto;font-size:11px;font-weight:400;color:#899ba9}.variant-offer-head,.variant-offer-row{display:grid;grid-template-columns:45px minmax(70px,1fr) minmax(95px,1.2fr);gap:10px;align-items:center;padding:10px 0;border-top:1px solid #eaf0f5}.variant-offer-head{font-size:10px;color:#7a90a2}.variant-offer-row>strong{font-size:12px}.variant-offer-row input[type=number]{width:100%;min-width:0;min-height:38px;border:1px solid #d8e5ef;border-radius:7px;padding:6px;font:inherit;font-size:13px}.variant-price-control label,.availability-toggle{display:flex;align-items:center;gap:7px;font-size:11px}.variant-price-control input[type=number]{margin-top:7px}.variant-offers{margin:20px 0}.pack-fields{padding:14px;border:1px solid #e0e9f1;border-radius:9px;margin:15px 0}.pack-fields .form-grid{margin:0}.title-approval{background:#f5f9fd;border:1px solid #dae7f3;border-radius:9px;padding:15px;margin:18px 0}.title-approval>strong{display:block;font-size:15px;color:#286cae;margin:7px 0 13px}.title-approval .check-label{font-size:12px}.product-review{display:grid;gap:0}.product-review>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #edf2f6;font-size:12px}.product-review dt{color:#8396a5}.product-review dd{margin:0}.editor-issues{margin-top:20px;padding:13px;background:#fff8f5;border-radius:9px;font-size:12px}.editor-issues>strong{display:block;color:#9b6245}.editor-issues button,.editor-panel .form-error button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:start;background:transparent;border:0;padding:10px 0;color:#9c5846;font:inherit;font-size:12px;cursor:pointer}.editor-issues .icon{width:14px}.editor-panel .form-error:empty{display:none}
@media(min-width:768px){.product-editor.is-editing .editor-sections{gap:6px}}
@media(max-width:767px){.product-editor{grid-template-columns:minmax(0,1fr);gap:14px}.editor-sections{position:static;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.is-editing .editor-sections{grid-template-columns:repeat(4,minmax(0,1fr))}.editor-sections button{flex-direction:column;justify-content:center;gap:5px;font-size:10px;padding:7px 2px;text-align:center;line-height:1.7;min-width:0}.is-editing .editor-sections button{min-height:43px;font-size:11px}.editor-panel{padding:16px}.editor-savebar{bottom:65px;margin-inline:-16px;padding:12px 16px 4px;gap:8px;box-shadow:0 -5px 12px #18395304}.editor-save-actions{gap:5px}.editor-save-actions .btn{font-size:11px;padding-inline:10px}.editor-save-state{font-size:10px}.product-gallery{gap:8px}.gallery-item>img{height:125px}.gallery-actions{flex-wrap:wrap}.variant-offer-head,.variant-offer-row{grid-template-columns:35px minmax(65px,1fr) minmax(85px,1.2fr);gap:8px}.variant-offer-row input[type=number]{font-size:16px}.color-size-group{padding:11px}.editor-section-title{margin-bottom:16px}}
/* Orders: compact action queue, isolated from report tables. */
.orders-page{--order-accent:#286cae;--order-soft:#edf5fc;--order-line:#dce7f0}.orders-page[data-type=wholesale]{--order-accent:#237c82;--order-soft:#eef8f7;--order-line:#d8e9e7}.orders-catalog-tabs{margin-bottom:16px}.orders-views{display:flex;gap:6px;border-bottom:1px solid #e1e9f1;margin-bottom:16px}.orders-views button{display:flex;justify-content:center;align-items:center;gap:7px;min-height:42px;border:0;border-bottom:2px solid transparent;background:transparent;color:#6d8294;font:inherit;font-size:12px;padding:8px 13px;cursor:pointer}.orders-views button[aria-pressed=true]{color:var(--order-accent);border-color:var(--order-accent);font-weight:600}.orders-views button>span{font-size:11px;padding:1px 5px;background:var(--order-soft);border-radius:5px}.orders-controls{margin-bottom:16px}.orders-controls>.search-field{max-width:440px;min-height:42px;background:white;border:1px solid #dae5ef;border-radius:9px;margin-bottom:11px}.orders-controls>.search-field input{width:100%;font-size:13px}.orders-filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.orders-filter-row>.field{min-width:145px;flex:1;max-width:225px}.orders-filter-row>.field>span{font-size:11px;margin-bottom:6px}.orders-filter-row .select-trigger{font-size:12px;min-height:39px;padding:8px 10px}.orders-dates{position:relative;min-height:39px}.orders-dates>summary{display:flex;gap:7px;align-items:center;min-height:39px;border:1px solid #dae5ef;border-radius:8px;padding:8px 11px;background:#fff;cursor:pointer;font-size:12px;list-style:none}.orders-dates>summary>.icon{width:14px}.orders-dates>div{position:absolute;z-index:9;inset-inline-end:0;top:calc(100% + 7px);display:flex;gap:10px;padding:13px;border:1px solid #dce6ee;background:#fff;box-shadow:0 8px 25px #193b5812;border-radius:10px}.orders-dates input{width:150px;min-height:40px;border:1px solid #dce6ee;border-radius:7px;padding:5px;font:inherit;font-size:12px}.orders-filter-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.orders-filter-chips button{display:flex;align-items:center;gap:6px;background:#edf3f8;border:0;border-radius:6px;padding:5px 8px;color:#526f89;font:inherit;font-size:11px;cursor:pointer}.orders-filter-chips .icon{width:12px;height:12px}.orders-list-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px 0;font-size:12px;color:#778d9f}.orders-list-heading label{display:flex;align-items:center;gap:7px}.orders-bulk{display:flex;align-items:center;gap:12px;background:var(--order-soft);border:1px solid var(--order-line);border-radius:9px;padding:10px 12px;margin-bottom:10px;font-size:12px}.orders-bulk>.btn{margin-inline-start:auto}.orders-bulk>.text-link{font-size:11px}.orders-table-wrap{border:1px solid #dfe8f0;border-radius:11px;overflow:auto;background:#fff}.orders-table{width:100%;border-collapse:collapse;white-space:normal}.orders-table th{font-size:11px;font-weight:500;color:#7d91a2;padding:12px;text-align:start;background:#f9fbfd;border-bottom:1px solid #e4ecf3}.orders-table td{font-size:12px;padding:14px 12px;border-bottom:1px solid #eaf0f5;vertical-align:middle}.orders-table tr:last-child td{border-bottom:0}.orders-table tbody tr:hover{background:#f8fbfe}.orders-table td small{display:block;font-size:11px;color:#7f93a5;margin-top:4px;line-height:1.7}.order-identity>div{display:flex;align-items:center;gap:10px}.order-identity>div>span{display:flex;flex-direction:column;gap:5px}.order-id{direction:ltr;display:inline-block;font-size:12px;color:var(--order-accent);font-weight:650}.order-identity strong{font-size:12px;font-weight:500}.order-status{display:inline-flex;border-radius:6px;background:#edf3f8;padding:4px 7px;font-size:11px;color:#58748c;white-space:nowrap}.order-status.warning{background:#fff4e9;color:#9d6a35}.order-status.success{background:#eef7f2;color:#54866a}.order-late,.orders-table td small.order-late{color:#a14f49}.order-today,.orders-table td small.order-today{color:var(--order-accent,#286cae)}.order-amount .money{font-size:12px}.order-amount .money small{display:inline;font-size:9px}.order-actions{min-width:145px}.order-actions>.btn{font-size:11px;min-height:34px}.order-actions>.text-link{display:block;font-size:10px;margin-top:7px}.orders-table .is-overdue .order-id{color:#a75f56}.orders-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:18px;font-size:12px}.order-detail-page{max-width:1000px}.order-next{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px;background:#fff;border:1px solid #dce8f1;border-radius:11px;margin-bottom:18px}.order-next h2{font-size:14px;line-height:1.9;margin:8px 0;color:#25465f}.order-next .order-deadline{display:flex;gap:9px;font-size:12px;align-items:center}.order-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0}.order-progress>div{display:flex;align-items:center;gap:7px;font-size:11px;color:#99a9b6}.order-progress i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;background:#eaf0f5;border-radius:7px}.order-progress .done{color:#286cae}.order-progress .done i{background:#eaf3fc}.order-progress i .icon{width:14px;height:14px}.order-detail-item{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #e9eff4}.order-detail-item:last-child{border:0}.order-detail-item .product-thumb{width:52px;height:65px;border-radius:8px}.order-detail-item strong{font-size:13px}.order-detail-item p{font-size:12px;color:#738b9e;margin:6px 0}.order-detail-item small{font-size:11px;color:#718ba1}.order-record{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #e8eff5}.order-record:last-child{border:0}.order-record strong{font-size:12px}.order-record small{display:block;margin-top:5px;color:#7c93a5;font-size:11px}.order-history summary,.order-financial summary{font-size:13px;font-weight:600;cursor:pointer}.order-history>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf2f6;font-size:12px}.order-history time{font-size:11px;color:#8a9cab}.order-financial .detail-row{margin-top:12px}.order-financial p{margin:10px 0}.shipment-order-options{margin-top:18px}.shipment-order-options .radio-card{margin-bottom:8px}.shipment-late{padding:12px;background:#fff7ed;border-radius:8px;font-size:12px;line-height:1.9;color:#986739}
@media(max-width:767px){.orders-views{gap:0}.orders-views button{flex:1;padding:8px 3px;font-size:11px;gap:5px}.orders-controls>.search-field{max-width:none}.orders-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.orders-filter-row>.field{min-width:0;max-width:none}.orders-dates>div{width:min(350px,calc(100vw - 32px));flex-wrap:wrap}.orders-dates input{width:100%}.orders-dates>div>.field{flex:1;min-width:130px}.orders-table-wrap{overflow:visible;border:0;background:transparent}.orders-table thead{display:none}.orders-table,.orders-table tbody{display:block}.orders-table tr{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;border:1px solid #e1eaf1;border-radius:10px;background:#fff;padding:13px;margin-bottom:10px}.orders-table td,.orders-table tr:last-child td{display:block;padding:0;border:0;min-width:0}.orders-table td[data-label]::before{content:attr(data-label);display:block;font-size:10px;color:#90a0ae;margin-bottom:4px}.orders-table td.order-identity{grid-column:1/-1;padding-bottom:10px;border-bottom:1px solid #edf2f6}.order-identity>div>span{width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:9px}.orders-table td.order-amount{align-self:center}.orders-table td.order-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.order-actions>.text-link{margin:0}.order-actions>.btn{font-size:10px;padding:7px 8px;white-space:normal}.orders-bulk{flex-wrap:wrap;gap:8px}.orders-bulk>strong{font-size:11px}.orders-bulk>.btn{font-size:11px}.order-next{padding:15px;flex-direction:column;align-items:stretch;gap:12px}.order-next h2{font-size:13px}.order-next>.btn{align-self:flex-start;font-size:12px}.order-progress{gap:4px}.order-progress>div{flex-direction:column;text-align:center;font-size:10px;line-height:1.7}.order-record{align-items:center}.order-record strong{font-size:11px;overflow-wrap:anywhere}.order-history>div{flex-direction:column;gap:5px}}
/* Retail retains the original status tabs and continuous list treatment. */
.retail-order-statuses{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 16px}.retail-order-statuses button{display:inline-flex;gap:6px;align-items:center;min-height:35px;font-size:11px}.retail-order-statuses button span{font-size:10px;opacity:.75}.orders-page[data-type=retail] .order-identity .product-thumb{width:38px;height:46px;object-fit:cover;border-radius:7px;flex-shrink:0}.orders-page[data-type=retail] .orders-table-wrap{background:#fff;border:1px solid #dfe8f0;border-radius:11px;overflow:hidden}
@media(max-width:767px){.retail-order-statuses{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.retail-order-statuses button{flex-shrink:0}.orders-page[data-type=retail] .orders-table tr{border:0;border-bottom:1px solid #e5edf4;border-radius:0;margin:0;padding:14px 13px;gap:10px 12px}.orders-page[data-type=retail] .orders-table tr:last-child{border-bottom:0}.orders-page[data-type=retail] .orders-table td.order-identity{border:0;padding-bottom:3px}.orders-page[data-type=retail] .order-identity>div>span{flex-direction:column;align-items:flex-start;gap:4px}.orders-page[data-type=retail] .orders-table td{font-size:12px}.orders-page[data-type=retail] .orders-table td[data-label]::before{font-size:10px}.orders-page[data-type=retail] .order-actions>.text-link{font-size:11px}}
/* Quiet status controls and one destination per order action. */
.retail-statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid #e2eaf2}.retail-status-shortcuts{display:flex;flex-wrap:wrap;gap:5px}.retail-status-shortcuts button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:37px;padding:7px 11px;background:transparent;border:1px solid transparent;border-radius:8px;color:#7a8fa1;font:inherit;font-size:12px;cursor:pointer}.retail-status-shortcuts button[aria-pressed=true]{background:#edf5fc;border-color:#d8e7f4;color:#286cae;font-weight:600}.retail-status-shortcuts button span{font-size:10px;min-width:17px;padding:0 3px;line-height:18px;background:#e7eef5;border-radius:5px;color:#68829a}.retail-statusbar>.field{width:190px;flex-shrink:0;margin:0}.retail-statusbar>.field>span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.retail-statusbar .select-trigger{min-height:38px;font-size:12px;padding:8px 10px;background:#fff}.order-view-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;font-size:12px;color:#476c8c;font-weight:500}.order-view-link>.icon{width:15px;height:15px;color:#7b97ae}.order-details-link{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:5px 0;font-size:11px;color:#6e87a0}.order-details-link>.icon{width:13px;height:13px}.order-actions>.btn{border-radius:7px}.order-demo-label{display:inline!important;font-size:9px!important;font-weight:400;margin-inline-start:5px;color:#8a9eaf!important}.orders-table .order-actions .order-view-link:hover,.orders-table .order-actions .order-details-link:hover{color:#286cae}
@media(max-width:767px){.retail-statusbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(135px,42%);gap:8px}.retail-statusbar>.field{width:100%;min-width:0}.retail-status-shortcuts{gap:3px}.retail-status-shortcuts button{font-size:11px;padding:6px 8px}.retail-statusbar .select-trigger{font-size:11px}.orders-page .orders-table td.order-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #edf2f6}.orders-page .order-actions>.order-view-link{width:100%;min-height:34px;font-size:11px}.orders-page .order-actions>.btn{font-size:11px;min-height:36px;padding:8px 11px}.orders-page .order-actions>.order-details-link{font-size:11px}.orders-page .order-actions>.order-details-link:only-child{width:100%}}
/* New orders: preparation-first and persistent unread indicators. */
.orders-catalog-tabs a{display:inline-flex;align-items:center;gap:7px}.orders-unread-count{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:6px;padding:0 4px;font-size:10px;font-weight:600;background:#e7f0fa;color:#286cae}.orders-page[data-type=wholesale] .orders-catalog-tabs a.active .orders-unread-count{color:#237c82;background:#e5f3f1}.orders-catalog-tabs a.has-unread:not(.active){color:#4f7393}.order-unread-label{display:inline-flex;margin-inline-start:7px;padding:1px 5px;border-radius:5px;background:#eaf3fe;color:#286cae;font-size:9px;font-weight:500;direction:rtl}.orders-table tr.is-unread .order-id{font-weight:750}.orders-page[data-type=wholesale] .order-unread-label{background:#edf8f6;color:#237c82}
.orders-page[data-type=wholesale] .retail-status-shortcuts button[aria-pressed=true]{background:var(--order-soft);border-color:var(--order-line);color:var(--order-accent)}.orders-page[data-type=wholesale] .retail-status-shortcuts button span{background:#e5f1ef;color:#5a8989}
/* Compact order filters: single row, accessible labels retained. */
.orders-filter-row>.field>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.orders-filter-row>.field{margin:0}.orders-filter-row .select-trigger,.orders-dates>summary{min-height:40px}.orders-filter-row .select-summary{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-filter-row .select-summary>span{display:inline}.orders-controls>.search-field{margin-bottom:8px}.orders-filter-chips{margin-top:8px}
@media(max-width:767px){.orders-filter-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,.9fr);gap:6px;align-items:center}.orders-filter-row>.field{min-width:0;max-width:none}.orders-filter-row .select-trigger{padding:8px;font-size:11px;gap:5px;border-radius:8px}.orders-filter-row .select-trigger>.icon{width:13px;height:13px}.orders-dates{min-width:0;min-height:40px}.orders-dates>summary{justify-content:center;padding:8px 6px;font-size:11px;gap:4px;white-space:nowrap}.orders-dates>summary>.icon{width:12px;height:12px;flex-shrink:0}}
/* Dashboard: daily operations first, no repeated cards or promotional blocks. */
.seller-dashboard{max-width:1120px;--dash-accent:#286cae;--dash-soft:#edf5fc}.seller-dashboard[data-catalog=wholesale]{--dash-accent:#237c82;--dash-soft:#eef8f7}.dash-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.dash-heading h1{font-size:20px;font-weight:700;line-height:1.8;color:#193d58}.dash-heading time{display:block;margin-top:2px;color:#8296a6;font-size:12px}.dash-heading>.btn{font-size:12px;min-height:38px;padding:8px 12px}.dash-scope{display:inline-flex;align-items:center;gap:3px;margin-bottom:20px;padding:3px;background:#eaf0f6;border-radius:8px}.dash-scope button{border:0;background:transparent;border-radius:6px;min-height:31px;min-width:54px;padding:5px 12px;color:#7b91a3;font:inherit;font-size:12px;cursor:pointer}.dash-scope button[aria-pressed=true]{background:#fff;color:var(--dash-accent);font-weight:650;box-shadow:0 1px 4px #21466a09}.dash-section{background:#fff;border:1px solid #e2eaf2;border-radius:12px;padding:18px 20px;margin-bottom:16px}.dash-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.dash-section-heading h2{font-size:14px;font-weight:650;color:#2a4b63;margin:0}.dash-section-heading>div>small{display:block;margin-top:5px;color:#8c9eac;font-size:11px}.dash-section-heading>.text-link{font-size:11px;display:flex;align-items:center;gap:5px}.dash-section-heading .text-link>.icon{width:13px;height:13px}.dash-help{position:relative}.dash-help summary{display:grid;place-items:center;cursor:pointer;color:#9aafbf;list-style:none;min-width:30px;min-height:30px;border-radius:6px}.dash-help summary>.icon{width:17px;height:17px}.dash-help>p{position:absolute;inset-inline-end:0;top:calc(100% + 5px);width:min(300px,calc(100vw - 60px));z-index:8;padding:13px;border:1px solid #dbe6ef;border-radius:9px;background:white;box-shadow:0 7px 22px #24436313;font-size:12px;line-height:2;color:#70899c}.dash-groups{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr) minmax(0,2fr);gap:16px}.seller-dashboard[data-catalog=retail] .dash-groups{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}.dash-group{min-width:0}.dash-group h3{display:flex;gap:6px;align-items:center;font-size:11px;color:#869ba9;font-weight:500;margin-bottom:8px}.dash-group h3>.icon{width:14px;height:14px}.dash-group>div{display:grid;gap:7px}.dash-group-shipping>div{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-group-chats>div{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-metric{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:79px;gap:10px;padding:11px 12px;border:0;border-radius:8px;background:#f5f8fb;color:#658197;text-align:start;font:inherit;cursor:pointer;transition:background-color 160ms}.dash-metric>span:first-child{font-size:11px;line-height:1.8;white-space:nowrap}.dash-metric-count{display:flex;align-items:center;justify-content:space-between;gap:9px}.dash-metric-count strong{font-size:23px;font-weight:650;line-height:1.3;color:#315b7c}.dash-metric-count>.icon{width:12px;height:12px;color:#a2b4c3}.dash-metric.is-urgent{background:#fff5f1}.dash-metric.is-urgent>span:first-child,.dash-metric.is-urgent strong{color:#a46a57}.dash-metric:hover{background:var(--dash-soft)}.dash-metric:focus-visible,.dash-scope button:focus-visible,.dash-help summary:focus-visible{outline:2px solid var(--dash-accent);outline-offset:2px}.dash-action{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf2f6}.dash-action:first-child{padding-top:0}.dash-action:last-child{border:0;padding-bottom:0}.dash-action-icon{width:28px;height:28px;display:grid;place-items:center;color:var(--dash-accent);background:var(--dash-soft);border-radius:8px}.dash-action-icon>.icon{width:16px;height:16px}.dash-action.is-urgent .dash-action-icon{color:#aa7059;background:#fff4ee}.dash-action-copy{min-width:0}.dash-action-copy strong{display:block;font-size:12px;font-weight:600;color:#33546c}.dash-action-copy p{font-size:11px;line-height:1.8;color:#8196a7;margin-top:3px}.dash-action-copy>small{display:flex;align-items:center;gap:7px;color:#92a5b4;font-size:10px;margin-top:4px}.dash-catalog{font-size:9px;color:#6b8ca9}.dash-catalog[data-type=wholesale]{color:#5f9694}.dash-action>.btn{min-height:35px;padding:7px 10px;font-size:11px;color:var(--dash-accent);border-color:#dbe7f1;background:#fff;white-space:nowrap}.dash-action>.btn:hover{background:var(--dash-soft)}.dash-clear{display:flex;align-items:center;gap:8px;min-height:47px;font-size:12px;color:#7a9788}.dash-clear>.icon{width:18px;height:18px}.dash-more{display:flex;align-items:center;gap:6px;margin-top:13px;min-height:34px;padding:0;background:transparent;border:0;color:#7b94a8;font:inherit;font-size:11px;cursor:pointer}.dash-more>.icon{width:12px;height:12px}.dash-sales-values{display:grid;grid-template-columns:2fr 1fr;gap:20px;padding:5px 0 1px}.dash-sales-values>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.dash-sales-values>div+div{border-inline-start:1px solid #eaf0f5;padding-inline-start:25px}.dash-sales-values>div>span{font-size:11px;color:#8197a8}.dash-sales-values>div>strong{font-size:22px;font-weight:650;color:#2f526c}.dash-sales-values .money{font-size:22px}.dash-sales-values .money small{font-size:10px;color:#92a7b7;margin-inline-start:6px}.dash-restriction{padding:12px;border:1px solid #efddd1;border-radius:8px;background:#fff7f1;font-size:12px;margin-bottom:15px}.dash-restriction .text-link{margin-inline-start:10px}.content:has(.seller-dashboard)>.page-footer{display:none}
@media(max-width:767px){.dash-heading{margin-bottom:12px;gap:10px}.dash-heading h1{font-size:17px}.dash-heading time{font-size:11px}.dash-heading>.btn{font-size:11px;padding:8px 10px}.dash-scope{margin-bottom:16px}.dash-scope button{font-size:11px;min-height:32px;min-width:48px}.dash-section{padding:15px;margin-bottom:13px;border-radius:10px}.dash-section-heading{margin-bottom:12px}.dash-section-heading h2{font-size:13px}.dash-groups,.seller-dashboard[data-catalog=retail] .dash-groups{grid-template-columns:minmax(0,1fr);gap:13px}.dash-group h3{font-size:10px;margin-bottom:6px}.dash-group-shipping>div{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-group-shipping .dash-metric:last-child,.dash-group-orders .dash-metric{grid-column:1/-1;min-height:42px;flex-direction:row;align-items:center;gap:10px}.dash-group-shipping .dash-metric:last-child .dash-metric-count,.dash-group-orders .dash-metric-count{gap:13px}.dash-metric{min-height:65px;padding:9px 10px;gap:7px}.dash-metric>span:first-child{font-size:11px}.dash-metric-count strong{font-size:21px}.dash-action{grid-template-columns:23px minmax(0,1fr) auto;gap:9px;padding:12px 0}.dash-action-icon{width:23px;height:23px;border-radius:6px}.dash-action-icon>.icon{width:14px;height:14px}.dash-action-copy strong{font-size:12px}.dash-action-copy p{font-size:10px}.dash-action-copy>small{font-size:9px;flex-wrap:wrap;gap:5px}.dash-action>.btn{font-size:10px;padding:7px;min-height:36px;max-width:117px;white-space:normal;text-align:center}.dash-sales-values{gap:12px}.dash-sales-values>div+div{padding-inline-start:15px}.dash-sales-values>div>strong,.dash-sales-values .money{font-size:19px}.dash-sales-values>div>span{font-size:10px}.dash-section-heading>div>small{font-size:10px}.dash-section-heading>.text-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){.dash-metric{transition:none}}
/* Compact dashboard: retain cards, chart and clear visual hierarchy. */
.dashboard-refined{display:grid;gap:12px}.refined-dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.refined-greeting{font-size:11px;color:#8297aa}.refined-dashboard-heading h1{font-size:21px;line-height:1.8;margin:0;color:#173c59}.refined-dashboard-heading time{font-size:11px;color:#8498aa}.refined-heading-actions{display:flex;align-items:center;gap:17px}.refined-heading-actions .btn{font-size:12px;min-height:37px}.refined-heading-actions .text-link{font-size:11px}.refined-dashboard-toolbar{display:flex;align-items:center;justify-content:space-between}.dashboard-refined .dash-scope{margin:0}.refined-period{display:flex;align-items:center;gap:6px;font-size:11px;color:#8297a8}.refined-period .icon{width:15px;height:15px}.dashboard-refined .panel{margin:0;padding:12px 14px;border:1px solid #e0e9f2;border-radius:12px;box-shadow:none}.dashboard-refined .section-heading{margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:10px}.dashboard-refined .section-heading h2{font-size:13px;margin:0;color:#30516a}.dashboard-refined .section-heading .text-link{display:flex;align-items:center;gap:5px;font-size:10px}.dashboard-refined .section-heading .text-link .icon{width:12px;height:12px}.refined-daily-grid{display:grid;grid-template-columns:repeat(var(--daily-columns),minmax(0,1fr));gap:8px}.refined-daily-item{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:50px;font:inherit;text-align:right;border:0;background:#f5f8fc;border-radius:8px;padding:9px 10px;cursor:pointer;transition:background .2s}.refined-daily-item:hover{background:#eaf3fc}.refined-daily-label{display:flex;align-items:center;gap:5px;font-size:11px;color:#718ba1;line-height:1.6}.refined-daily-label .icon{width:14px;height:14px;color:#638aaf}.refined-daily-value{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-shrink:0;margin-top:0}.refined-daily-value strong{font-size:21px;color:#2b587d;font-weight:650;line-height:1.2}.refined-daily-value .icon{width:12px;height:12px;color:#98adbf}.refined-daily-item.has-overdue{background:#fff7f1}.refined-daily-item.has-overdue strong{color:#a8704e}.refined-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.refined-stat{position:relative;min-height:76px;background:white;border:1px solid #e0e9f2;border-radius:11px;padding:10px 12px;min-width:0}.refined-stat>div{display:flex;align-items:center;justify-content:space-between;gap:5px}.refined-stat>div>span{padding-inline-end:32px;font-size:11px;color:#7a91a4}.refined-stat i{position:absolute;inset-inline-end:12px;top:9px;display:grid;place-items:center;width:29px;height:29px;background:#edf5fc;color:#3978b3;border-radius:8px;font-style:normal}.refined-stat i.teal{background:#edf7f6;color:#38898a}.refined-stat i.amber{background:#fff7e9;color:#b48c45}.refined-stat i .icon{width:16px;height:16px}.refined-stat>strong{display:block;margin-top:3px;font-size:21px;font-weight:650;color:#254c6b;line-height:1.5}.refined-stat .money{font-size:19px}.refined-stat .money small{font-size:9px;color:#91a4b5}.refined-dashboard-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px;align-items:start}.refined-chart-legend{display:flex;align-items:center;justify-content:space-between;color:#8498aa;font-size:10px}.refined-chart-legend span{display:flex;align-items:center;gap:6px}.refined-chart-legend i{width:6px;height:6px;background:#3978b3;border-radius:50%}.refined-chart-frame{height:145px;margin-top:6px}.refined-chart-frame svg{height:100%;width:100%;overflow:visible}.refined-chart-dates{display:flex;justify-content:space-between;direction:ltr;font-size:9px;color:#93a6b6}.refined-action-count{font-size:10px;color:#ad805b;background:#fff7ee;padding:3px 7px;border-radius:5px}.dashboard-refined .dash-action{gap:8px;grid-template-columns:23px minmax(0,1fr) auto;padding:7px 0}.dashboard-refined .dash-action-icon{width:23px;height:23px}.dashboard-refined .dash-action-copy strong{font-size:11px}.dashboard-refined .dash-action-copy p{font-size:10px;margin:2px 0}.dashboard-refined .dash-action-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 5px}.dashboard-refined .dash-action-copy>small{display:flex;grid-column:2;grid-row:1;margin:0;align-self:center}.dashboard-refined .dash-action-copy>small>.ltr{display:none}.dashboard-refined .dash-action-copy>p{grid-column:1/-1;grid-row:2;margin:0}.dashboard-refined .dash-action>.btn{font-size:10px;padding:7px 9px;min-height:36px}.dashboard-refined .dash-more{margin-top:6px;min-height:28px;font-size:10px}.refined-shortcuts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.refined-shortcut{display:flex;align-items:center;gap:7px;border:1px solid #dfe9f2;border-radius:7px;background:#fff;padding:9px 13px;font:inherit;font-size:11px;color:#537997;cursor:pointer;transition:background .2s}.refined-shortcut:hover{background:#edf5fc}.refined-shortcut .icon{width:16px;height:16px}.refined-recent-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #edf2f7;color:#2e506b}.refined-recent-row:last-child{border:0;padding-bottom:0}.refined-recent-row .product-thumb{width:37px;height:37px;flex-shrink:0}.refined-recent-copy{flex:1;min-width:0}.refined-recent-copy strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.refined-recent-copy>small{font-size:9px;display:flex;align-items:center;gap:5px;color:#91a3b2;margin-top:4px}.refined-recent-total{text-align:left;font-size:11px}.refined-recent-total .money{font-size:12px}.refined-recent-total .money small{font-size:8px;color:#94a7b7}.refined-recent-total>small{display:block;margin-top:4px;color:#899eaf;font-size:9px}.refined-recent-row>.icon{width:13px;height:13px;color:#9bafbf}
@media(max-width:767px){.dashboard-refined{gap:12px}.refined-dashboard-heading h1{font-size:18px}.refined-heading-actions{gap:10px}.refined-heading-actions>.text-link{display:none}.refined-heading-actions .btn{font-size:11px;min-height:36px;padding:8px 10px}.refined-period{font-size:10px}.dashboard-refined .panel{padding:13px;border-radius:10px}.refined-daily-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.refined-daily-item{padding:8px 10px;min-height:48px}.refined-daily-label{font-size:11px}.refined-daily-value{margin-top:0}.refined-daily-value strong{font-size:21px}.refined-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.refined-stat{padding:9px 10px;min-height:70px}.refined-stat>div>span{font-size:10px}.refined-stat i{inset-inline-end:10px;top:8px;width:25px;height:25px}.refined-stat>strong{font-size:21px;margin-top:3px}.refined-stat .money{font-size:17px}.refined-dashboard-main{grid-template-columns:minmax(0,1fr);gap:12px}.refined-actions-panel{grid-row:1}.refined-chart-frame{height:120px}.refined-shortcuts{gap:7px}.refined-shortcut{font-size:10px;padding:8px 10px;gap:5px}.refined-recent-row{gap:8px}.refined-recent-copy>small{flex-wrap:wrap;gap:3px}.refined-recent-row .product-thumb{width:34px;height:34px}.dashboard-refined .dash-action>.btn{max-width:105px}.refined-recent-total .money{font-size:11px}}
@media(min-width:768px) and (max-width:1100px){.refined-daily-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.refined-dashboard-main{grid-template-columns:minmax(0,1fr)}.refined-actions-panel{grid-row:1}.refined-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.refined-stat .money{font-size:15px;display:flex;flex-wrap:wrap;gap:0 3px;align-items:baseline}.refined-stat .money small{font-size:8px;margin:0}.refined-stat .money b{overflow-wrap:anywhere}.refined-daily-label{font-size:10px;gap:4px}.refined-daily-label .icon{display:none}.refined-daily-value{gap:3px}.refined-daily-value strong{font-size:19px}.refined-stat{padding-inline-start:10px}.refined-stat i{display:none}.refined-recent-copy>small{font-size:9px}}
/* Store score summary shares its sample values with the performance page. */
.dashboard-score-title{display:flex;align-items:center;gap:10px;min-width:0}.dashboard-score-title>strong{font-size:22px;line-height:1.3;color:#286cae;font-weight:650}.dashboard-score-title>strong small{font-size:10px;font-weight:400;color:#879cae}.dashboard-score-sample{font-size:9px;color:#8b9eac;background:#f2f5f8;border-radius:4px;padding:2px 5px}.dashboard-score-dimensions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding:4px 0 3px}.dashboard-score-dimension>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:11px;color:#6c869b;line-height:1.7}.dashboard-score-dimension strong{font-size:13px;font-weight:600;color:#365d7d;white-space:nowrap}.dashboard-score-dimension strong small{font-size:9px;margin-inline-start:2px;font-weight:400;color:#839bac}.dashboard-score-track{height:4px;border-radius:8px;background:#edf2f7;margin-top:7px;overflow:hidden}.dashboard-score-track i{display:block;height:100%;background:#7ea8cb;border-radius:inherit}.dashboard-score .section-heading{margin-bottom:13px}
@media(max-width:1100px){.dashboard-score-dimensions{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 18px}}
@media(max-width:767px){.dashboard-score-title{gap:7px}.dashboard-score-title>strong{font-size:21px}.dashboard-score-dimensions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.dashboard-score-dimension:last-child{grid-column:1/-1}.dashboard-score-dimension>div:first-child{font-size:11px}.dashboard-score .section-heading{margin-bottom:11px}}
@media(max-width:380px){.dashboard-score-title{gap:5px}.dashboard-score-title h2{font-size:12px!important}.dashboard-score-title>strong{font-size:19px}.dashboard-score-title>strong small{font-size:9px}.dashboard-score-sample{font-size:8px}.dashboard-score-dimensions{gap:12px}.dashboard-score-dimension>div:first-child{font-size:10px}}
/* Five-star scores, including fractional star fill. */
.rating-stars{position:relative;display:inline-block;direction:ltr;unicode-bidi:isolate;font-family:Arial,sans-serif;font-size:16px;line-height:1.2;letter-spacing:2px;color:#e2e8ef;white-space:nowrap;flex-shrink:0}.rating-stars-fill{position:absolute;left:0;top:0;overflow:hidden;color:#d7a448;white-space:nowrap}.dashboard-score-title{flex-wrap:wrap}.dashboard-score .section-heading>.text-link{flex-shrink:0}.performance-rating{display:flex;align-items:center;flex-direction:column;gap:10px;margin:22px 0}.performance-rating>strong{font-size:34px;color:#286cae}.performance-rating>strong small{font-size:13px;color:#879cae;font-weight:400}.performance-rating .rating-stars{font-size:25px;letter-spacing:3px}
.dashboard-refined .dash-scope{position:relative;isolation:isolate}.dashboard-refined .dash-scope button{position:relative;z-index:1;transition:color .24s ease,background-color .2s ease}.dashboard-refined .dash-scope button:hover{color:var(--dash-accent);background:#ffffff55}.dashboard-refined .dash-scope.scope-motion-ready::before{content:"";position:absolute;z-index:0;left:0;top:3px;bottom:3px;width:var(--scope-width);transform:translateX(var(--scope-x));border-radius:6px;background:#fff;box-shadow:0 1px 4px #21466a09;transition:transform .3s cubic-bezier(.2,.75,.25,1),width .3s cubic-bezier(.2,.75,.25,1)}.dashboard-refined .dash-scope.scope-motion-ready button[aria-pressed=true]{background:transparent;box-shadow:none}.dashboard-refined .dash-scope button:focus-visible{outline:2px solid var(--dash-accent);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.dashboard-refined .dash-scope button,.dashboard-refined .dash-scope.scope-motion-ready::before{transition:none}}
.dashboard-promotions .section-heading h2{display:flex;align-items:center;gap:6px}.dashboard-promotions .section-heading h2>.icon{width:16px;height:16px;color:#628ab0}.dashboard-promo-summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;font-size:10px;color:#718da3;margin-bottom:5px}.dashboard-promo-summary>span+span{color:#a07c4d}.dashboard-promo-summary>small{font-size:9px;color:#a0afbb;margin-inline-start:auto}.dashboard-promo-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf2f7}.dashboard-promo-row:last-child{border:0;padding-bottom:2px}.dashboard-promo-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#f0f5fb;color:#658caf}.dashboard-promo-icon>.icon{width:17px;height:17px}.dashboard-promo-copy{min-width:0}.dashboard-promo-copy>strong{display:block;font-size:12px;font-weight:600;color:#365873}.dashboard-promo-copy>small{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:10px;color:#869aab;margin-top:3px}.dashboard-promo-row>.btn{min-height:36px;font-size:10px;padding:7px 10px;color:var(--dash-accent);background:#fff;border-color:#dce7f1}.dashboard-promo-row>.btn .icon{width:12px;height:12px}.dashboard-promo-status{font-size:10px;color:#8b795e;padding:7px 0}.dashboard-promo-row>.btn:hover{background:var(--dash-soft)}
@media(max-width:380px){.dashboard-promo-row{grid-template-columns:24px minmax(0,1fr) auto;gap:6px}.dashboard-promo-icon{width:24px;height:24px}.dashboard-promo-copy>strong{font-size:11px}.dashboard-promo-copy>small{font-size:9px;gap:4px}.dashboard-promo-row>.btn{padding:7px;font-size:9px}.dashboard-promo-status{font-size:9px;max-width:65px}.dashboard-promo-summary{font-size:9px}}
.orders-page .orders-table tr.is-selected{background:var(--order-soft)}.orders-page .orders-list-heading label{transition:color .2s ease}.orders-page .orders-list-heading label:has(input:checked){color:var(--order-accent,#286cae)}.orders-page input[data-orders-all],.orders-page input[data-order-select]{accent-color:var(--order-accent,#286cae);cursor:pointer}.orders-page input[data-orders-all]:focus-visible,.orders-page input[data-order-select]:focus-visible{outline:2px solid var(--order-accent,#286cae);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.orders-page .orders-list-heading label{transition:none}}
@media(min-width:768px) and (max-width:1100px){.dashboard-refined .refined-daily-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-refined[data-catalog=retail] .refined-daily-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.dashboard-refined[data-catalog=retail] .refined-daily-item:last-child{grid-column:1/-1}}
.dashboard-refined .refined-recent>.section-heading>.text-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid #e1eaf3;border-radius:8px;background:#f5f8fc;color:#426e94;font-family:inherit;font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.dashboard-refined .refined-recent>.section-heading>.text-link:hover{background:#eaf2fb;border-color:#cbdff0;color:#286cae}.dashboard-refined .dashboard-promo-row>.btn{min-height:40px;padding:9px 12px;border:1px solid #d9e8f7;border-radius:8px;background:#edf5fd;color:#286cae;font-size:11px;font-weight:650;line-height:1.5;box-shadow:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.dashboard-refined .dashboard-promo-row>.btn:hover{background:#dfedfc;border-color:#b9d3ed;color:#205e9a}.dashboard-refined .refined-recent>.section-heading>.text-link .icon,.dashboard-refined .dashboard-promo-row>.btn .icon{width:13px;height:13px;transition:transform .2s ease}.dashboard-refined .refined-recent>.section-heading>.text-link:hover .icon,.dashboard-refined .dashboard-promo-row>.btn:hover .icon{transform:translateX(-2px)}.dashboard-refined .refined-recent>.section-heading>.text-link:active,.dashboard-refined .dashboard-promo-row>.btn:active{transform:translateY(1px)}.dashboard-refined .refined-recent>.section-heading>.text-link:focus-visible,.dashboard-refined .dashboard-promo-row>.btn:focus-visible{outline:2px solid #8db8e0;outline-offset:3px}
@media(max-width:380px){.dashboard-refined .dashboard-promo-row>.btn{font-size:10px;padding:8px;gap:4px}.dashboard-refined .refined-recent>.section-heading>.text-link{font-size:10px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.dashboard-refined .refined-recent>.section-heading>.text-link,.dashboard-refined .dashboard-promo-row>.btn,.dashboard-refined .refined-recent>.section-heading>.text-link .icon,.dashboard-refined .dashboard-promo-row>.btn .icon{transition:none}}