.dashboard-refined .dash-action{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 0;align-items:center}
.dashboard-refined .dash-action-copy{display:flex;flex-direction:column;gap:5px}
.dashboard-refined .dash-action-copy strong{font-size:12px;line-height:1.8;font-weight:600}
.dashboard-refined .dash-action-copy>small{display:flex;flex-wrap:wrap;gap:4px 8px;line-height:1.7;font-size:10px;color:#8a9dac}
.dashboard-refined .dash-action-buyer{overflow-wrap:anywhere}
.dashboard-refined .dash-action>.btn{border:0;background:transparent;box-shadow:none;padding:8px 0;min-height:44px;font-size:10px;white-space:nowrap;max-width:none;color:#3978a9}
.dashboard-refined .dash-action>.btn:hover{background:transparent;color:#205b8e;text-decoration:underline}
.dashboard-refined .dash-more{margin-top:10px;min-height:40px}
.content .panel-global-back{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px}
.content .panel-global-back .icon{width:19px;height:19px}

@media(max-width:767px){
 .dashboard-refined .dashboard-score-dimensions{grid-template-columns:minmax(0,1fr);gap:22px;padding:8px 0 7px}
 .dashboard-refined .dashboard-score-dimension:last-child{grid-column:auto}
 .dashboard-refined .dashboard-score-dimension>div:first-child{font-size:12px;gap:16px;line-height:1.9}
 .dashboard-refined .dashboard-score-track{margin-top:9px}
 .dashboard-refined .dashboard-score .section-heading{margin-bottom:18px}
}

/* Shared baselines: issue above, buyer and action below. */
.dashboard-refined .dash-action{grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:15px 0;text-align:start}
.dashboard-refined .dash-action-copy{display:contents}
.dashboard-refined .dash-action-copy>a{grid-column:1/-1;grid-row:1;text-align:start;min-width:0}
.dashboard-refined .dash-action-copy strong{line-height:1.9}
.dashboard-refined .dash-action-copy>small{grid-column:1;grid-row:2;align-self:center;justify-content:flex-start;align-items:baseline;gap:5px;margin:0;text-align:start;line-height:1.9}
.dashboard-refined .dash-action-buyer{unicode-bidi:isolate}
.dashboard-refined .dash-action-separator{color:#a5b5c2}
.dashboard-refined .dash-action>.btn{grid-column:2;grid-row:2;justify-self:end;align-self:center;line-height:1.9;min-height:32px;padding:4px 0;text-align:end}
.dashboard-refined .dash-more{width:100%;justify-content:flex-end;line-height:1.9}

@media(max-width:767px){
 .dashboard-refined .dashboard-score>.section-heading{align-items:flex-start;gap:12px}
 .dashboard-refined .dashboard-score-title{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:14px 10px}
 .dashboard-refined .dashboard-score-title>h2{grid-column:1;grid-row:1}
 .dashboard-refined .dashboard-score-sample{grid-column:2;grid-row:1;justify-self:start}
 .dashboard-refined .dashboard-score-title>strong{grid-column:1;grid-row:2;white-space:nowrap}
 .dashboard-refined .dashboard-score-title>.rating-stars{grid-column:2;grid-row:2}
 .dashboard-refined .dashboard-score>.section-heading>.text-link{padding-top:3px}
 .dashboard-refined .dashboard-promotions>.section-heading{margin-bottom:18px}
 .dashboard-refined .dashboard-promo-summary{gap:10px 16px;margin-bottom:16px;line-height:1.9}
 .dashboard-refined .dashboard-promo-summary>small{flex-basis:100%;margin-inline-start:0}
 .dashboard-refined .dashboard-promo-row{padding:20px 0;gap:12px}
 .dashboard-refined .dashboard-promo-row:last-child{padding-bottom:8px}
 .dashboard-refined .dashboard-promo-copy>strong{line-height:1.9}
 .dashboard-refined .dashboard-promo-copy>small{margin-top:9px;gap:7px 10px;line-height:1.9}
}

@media(max-width:767px){
 .content .fulfillment-heading{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center}
 #main-content .fulfillment-heading>div:first-child,#main-content .fulfillment-heading>.heading-actions{display:contents}
 .content .fulfillment-heading h1{grid-column:2;grid-row:1;margin:0;font-size:17px;line-height:1.8}
 .content .fulfillment-heading p{grid-column:2/-1;grid-row:2;margin:0;font-size:11px;line-height:1.9}
 .content .fulfillment-heading .heading-actions>.btn{grid-column:3;grid-row:1;margin:0;white-space:nowrap;min-height:40px;font-size:11px;padding:8px 10px}
 .content .fulfillment-heading .panel-global-back{grid-column:1;grid-row:1;justify-self:start;margin:0;min-width:36px;width:36px;height:40px;padding:7px;border:0;background:transparent}
 .fulfillment-page .fulfillment-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
 .fulfillment-page .fulfillment-overview>button:first-child{grid-column:1/-1}
 .fulfillment-page .fulfillment-overview>button{min-height:56px;padding:12px;gap:8px;text-align:start;line-height:1.8}
 .fulfillment-page .fulfillment-overview>button>span{font-size:11px}
 .fulfillment-page .fulfillment-overview>button>strong{font-size:21px;line-height:1.3;font-variant-numeric:tabular-nums}
}

.dashboard-inline-back{display:none!important}
@media(max-width:767px){
 #main-content:has(.seller-dashboard)>.page-return{display:none}
 .refined-dashboard-heading h1{display:flex;align-items:center;gap:8px}
 .content .dashboard-inline-back{display:inline-flex!important;margin:0;min-width:32px;min-height:40px;padding:6px;border:0;background:transparent}
 #main-content .orders-heading{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center}
 #main-content .orders-heading>div:first-child,#main-content .orders-heading>.heading-actions{display:contents}
 #main-content .orders-heading h1{grid-column:2;grid-row:1;margin:0;font-size:17px;line-height:1.8}
 #main-content .orders-heading .heading-actions>.btn{grid-column:3;grid-row:1;white-space:nowrap;margin:0;padding:8px 10px;font-size:11px}
 #main-content .orders-heading .panel-global-back{grid-column:1;grid-row:1;justify-self:start;min-width:36px;width:36px;height:40px;margin:0;padding:7px;border:0;background:transparent}
 .orders-page .retail-statusbar{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,.65fr) minmax(0,1.05fr) minmax(0,1.2fr);gap:4px;align-items:center}
 .orders-page .retail-status-shortcuts{display:contents}
 .orders-page .retail-status-shortcuts button{min-width:0;min-height:40px;padding:7px 3px;gap:3px;font-size:10px;white-space:nowrap}
 .orders-page .retail-status-shortcuts button span{min-width:14px;padding:0 2px;font-size:9px;line-height:17px}
 .orders-page .retail-statusbar>.field{grid-column:-2/-1;min-width:0;width:100%}
 .orders-page .retail-statusbar .select-trigger{min-width:0;width:100%;min-height:40px;padding:7px 5px;gap:3px;font-size:10px}
 .orders-page .retail-statusbar .select-summary{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .orders-page .retail-statusbar .select-trigger>.icon{width:11px;height:11px;flex-shrink:0}
}

.fulfillment-tools{display:grid;grid-template-columns:minmax(0,1fr) auto}
.fulfillment-tools .fulfillment-help{grid-column:1/-1;margin:0}
@media(max-width:767px){
 #main-content .refined-dashboard-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;align-items:center}
 #main-content .refined-dashboard-heading>.refined-heading-identity{display:contents}
 #main-content .refined-heading-identity>.refined-greeting{grid-column:1;grid-row:1;padding-inline-start:40px;line-height:1.8;font-size:10px}
 #main-content .refined-heading-identity>time{grid-column:2;grid-row:1;text-align:end;line-height:1.8;font-size:10px;white-space:nowrap}
 #main-content .refined-heading-identity>h1{grid-column:1;grid-row:2;display:flex;align-items:center;gap:8px;margin:0;font-size:18px;line-height:1.8;letter-spacing:0;min-width:0}
 #main-content .refined-heading-identity>h1>.dashboard-inline-back{flex:none;min-width:32px;width:32px;padding:6px}
 #main-content .refined-dashboard-heading>.refined-heading-actions{grid-column:2;grid-row:2;align-self:center;margin:0}
 #main-content .refined-heading-actions>.btn{min-height:38px;padding:8px 11px}
 #main-content .fulfillment-heading{grid-template-columns:32px minmax(0,1fr) auto;gap:4px 8px;align-items:center}
 #main-content .fulfillment-heading h1{margin:0;padding:0;font-size:18px;font-weight:650;line-height:1.8;letter-spacing:0;text-align:start;min-width:0}
 #main-content .fulfillment-heading p{grid-column:2/-1;grid-row:2;justify-self:stretch;width:100%;margin:0;padding:0;font-size:10.5px;line-height:1.9;letter-spacing:0;text-align:start}
 #main-content .fulfillment-heading .panel-global-back{min-width:32px;width:32px;padding:6px}
 #main-content .fulfillment-heading .heading-actions>.btn{min-height:38px;padding:8px 10px;line-height:1.8}
 .fulfillment-page .fulfillment-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;align-items:start;margin-bottom:14px}
 .fulfillment-page .fulfillment-tools>.search-field{grid-column:1/-1;grid-row:1;width:100%;max-width:none;margin:0}
 .fulfillment-page .fulfillment-tools>span{grid-column:1;grid-row:2;justify-self:start;align-self:start;margin:0;min-height:28px;display:flex;align-items:center;font-size:10px;line-height:1.8;white-space:nowrap;z-index:1}
 .fulfillment-page .fulfillment-tools>.fulfillment-help{grid-column:1/-1;grid-row:2;margin:0;min-width:0}
 .fulfillment-page .fulfillment-help>summary{margin-inline-start:auto;min-height:28px;gap:5px;font-size:10px;line-height:1.8}
 .fulfillment-page .fulfillment-help>p{margin:8px 0 0;padding:11px 12px;text-align:start;line-height:2}
}
@media(max-width:380px){
 .fulfillment-page .fulfillment-tools>span,.fulfillment-page .fulfillment-help>summary{font-size:9px}
 .fulfillment-page .fulfillment-help>summary{gap:4px}
 .fulfillment-page .fulfillment-help>summary>.icon{width:12px;height:12px}
}

.daily-reference-icon{display:none}
@media(max-width:767px){
 #main-content .dashboard-refined{gap:12px}
 #main-content .refined-dashboard-heading{position:relative;isolation:isolate;margin:-18px -16px 0;padding:15px 16px 13px;overflow:hidden;background:#fff;gap:9px 12px}
 #main-content .refined-dashboard-heading::after{content:none;position:absolute;z-index:-1;pointer-events:none;inset:auto -10% -39px;height:58px;border-radius:50% 55% 0 0;background:#d5eaff80;transform:rotate(-3deg)}
 #main-content .refined-heading-identity>.refined-greeting{padding-inline-start:0;color:#7b91aa;font-size:10px}
 #main-content .refined-heading-identity>time{color:#7b91aa;font-size:10px}
 #main-content .refined-heading-identity>h1{font-size:19px;font-weight:700;color:#142c49;gap:5px}
 #main-content .refined-heading-identity>h1>.dashboard-inline-back{width:24px;min-width:24px;padding:3px;color:#29486a}
 #main-content .refined-heading-actions>.btn{background:#086bd3;border-color:#086bd3;color:#fff;border-radius:8px;min-height:36px;padding:8px 12px;box-shadow:none;font-size:11px}
 #main-content .refined-dashboard-toolbar{margin:-12px -16px 0;padding:7px 16px;min-height:46px;background:#fafdff;border-top:1px solid #e7f0fa;border-bottom:1px solid #e5edf7;box-sizing:border-box;gap:10px}
 #main-content .refined-dashboard-toolbar .dash-scope{display:flex;flex:none;padding:3px;gap:2px;background:#f0f5fb;border:0;border-radius:10px;margin:0}
 #main-content .refined-dashboard-toolbar .dash-scope button{min-height:30px;min-width:45px;padding:5px 9px;border:1px solid transparent;border-radius:8px;font-size:10px;color:#6f87a3}
 #main-content .refined-dashboard-toolbar .dash-scope button[aria-pressed=true]{color:#096bd4;background:#fff;border-color:#c7dfff;box-shadow:0 2px 6px #397bc012;font-weight:650}
 #main-content .refined-period{gap:5px;color:#6581a2;font-size:10px;white-space:nowrap}
 #main-content .refined-period .icon{width:16px;height:16px}
 #main-content .dashboard-refined .refined-daily-panel{padding:0 6px 6px;border:1px solid #e3edf8;border-radius:12px;background:#fff}
 #main-content .refined-daily-panel>.section-heading{padding:11px 9px;margin:0 -6px 7px;border-radius:12px 12px 0 0;background:linear-gradient(100deg,#f0f8ff,#e0efff);min-height:40px;box-sizing:border-box}
 #main-content .refined-daily-panel>.section-heading h2{font-size:14px;font-weight:700;color:#18334f}
 #main-content .refined-daily-panel .dash-help summary{color:#56799c}
 #main-content .refined-daily-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 #main-content .refined-daily-item{display:grid;grid-template-columns:minmax(0,1fr) 32px;grid-template-rows:auto auto;align-content:center;gap:2px 8px;min-height:80px;padding:9px 10px;border:1px solid #e8eef6;border-radius:10px;background:#fff;text-align:start;box-shadow:none}
 #main-content .refined-daily-item:hover{background:#f8fbff;border-color:#cfdef0}
 #main-content .refined-daily-item:focus-visible{outline:2px solid #3688d7;outline-offset:2px}
 #main-content .refined-daily-label,#main-content .refined-daily-value{display:contents}
 #main-content .refined-daily-title{grid-column:1;grid-row:2;font-size:10.5px;font-weight:400;line-height:1.65;color:#7890ab}
 #main-content .refined-daily-value>strong{grid-column:1;grid-row:1;text-align:start;font-size:22px;font-weight:700;line-height:1.2;color:#142c49}
 #main-content .refined-daily-value>.icon{display:none}
 #main-content .refined-daily-label>.icon{grid-column:2;grid-row:1/3;align-self:center;justify-self:center;width:18px;height:18px;padding:7px;box-sizing:content-box;border-radius:10px;background:#eaf4ff;color:#086bd3}
 #main-content .refined-daily-item[data-value=ordersToday] .refined-daily-label>.icon:not(.daily-reference-icon),#main-content .refined-daily-item[data-value=dueNow] .refined-daily-label>.icon:not(.daily-reference-icon){display:none}
 #main-content .refined-daily-label>.daily-reference-icon{display:block}
 #main-content .refined-daily-item[data-value=dueNow] .refined-daily-label>.icon{color:#da790d;background:#fff4e7}
 #main-content .refined-daily-item.has-overdue .refined-daily-value>strong{color:#c96a0c}
 #main-content .refined-daily-item[data-value=upcoming] .refined-daily-label>.icon{color:#168453;background:#e8f7ef}
 #main-content .refined-daily-item[data-value=openNegotiations] .refined-daily-value>strong{color:#0a65c0}
}

@media(max-width:767px){
 #main-content:has(.dashboard-refined){padding:10px 5px 92px}
 #main-content .dashboard-refined{width:100%;max-width:100%;min-width:0;gap:12px;box-sizing:border-box}
 #main-content .refined-dashboard-heading{margin:0 10px;padding:13px 13px 12px;border:1px solid #dceaf6;border-bottom:0;border-radius:12px 12px 0 0;box-sizing:border-box;min-width:0}
 #main-content .refined-dashboard-toolbar{margin:-12px 10px 0;padding:5px 13px;border:1px solid #dceaf6;border-radius:0 0 12px 12px;min-height:42px;box-sizing:border-box;min-width:0}
 #main-content .dashboard-refined>.panel{margin-inline:10px;min-width:0;box-sizing:border-box}
 #main-content .dashboard-refined>.refined-dashboard-main{margin-inline:10px;min-width:0}
 #main-content .dashboard-refined .refined-daily-panel{padding:0 6px 6px}
 #main-content .refined-daily-panel>.section-heading{padding:10px 12px;margin:0 -6px 6px;min-height:39px}
 #main-content .refined-daily-grid{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;box-sizing:border-box;align-items:stretch}
 #main-content .refined-daily-item{width:100%;min-width:0;min-height:72px;padding:9px;gap:2px 6px;box-sizing:border-box}
 #main-content .refined-daily-title{min-width:0;font-size:10px;line-height:1.65;overflow-wrap:normal}
}

@media(max-width:767px){
 #main-content .refined-daily-grid .refined-daily-label>.icon{display:none}
 #main-content .refined-daily-item{grid-template-columns:minmax(0,1fr);padding:10px 12px}
 #main-content .refined-daily-title{font-size:11px;line-height:1.7}
 #main-content .dashboard-promotions .section-heading h2{font-size:14px}
 #main-content .dashboard-promotions .section-heading>.text-link{font-size:11px}
 #main-content .dashboard-promo-summary{font-size:11px;line-height:1.9}
 #main-content .dashboard-promo-summary>small{font-size:10.5px}
 #main-content .dashboard-promo-row{grid-template-columns:26px minmax(0,1fr) auto;gap:10px}
 #main-content .dashboard-promo-copy>strong{font-size:13px;line-height:1.85}
 #main-content .dashboard-promo-copy>small{font-size:11px;line-height:1.85;gap:5px 8px}
 #main-content .dashboard-promotions .dash-catalog{font-size:10.5px}
 #main-content .dashboard-promo-status{font-size:11px;line-height:1.8;max-width:84px;text-align:end}
}

.fulfillment-back-label{display:none}
@media(max-width:767px){
 #main-content .fulfillment-heading{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}
 #main-content .fulfillment-heading .panel-global-back{grid-column:1;grid-row:1;display:inline-flex;align-items:center;justify-content:flex-start;justify-self:start;direction:rtl;width:max-content;min-width:0;height:auto;min-height:22px;padding:0;margin:0;gap:3px;border:0;border-radius:0;background:transparent;color:#87939f;font-size:10px;font-weight:400;line-height:1.8;text-decoration:none}
 #main-content .fulfillment-heading .panel-global-back>.icon{width:12px;height:12px}
 #main-content .fulfillment-heading .fulfillment-back-label{display:inline}
 #main-content .fulfillment-heading .panel-global-back:hover{background:transparent;color:#687785}
 #main-content .fulfillment-heading .panel-global-back:hover .fulfillment-back-label{text-decoration:underline;text-underline-offset:3px}
 #main-content .fulfillment-heading h1{grid-column:1;grid-row:2}
 #main-content .fulfillment-heading .heading-actions>.btn{grid-column:2;grid-row:2}
 #main-content .fulfillment-heading p{grid-column:1/-1;grid-row:3}
}

@media(max-width:767px){
 #main-content .fulfillment-page .fulfillment-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}
 #main-content .fulfillment-overview>button:first-child{grid-column:1/-1}
 #main-content .fulfillment-page .fulfillment-overview>button{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:48px;padding:10px;border:1px solid #d7e3ef;border-radius:9px;background:#fff;box-shadow:0 1px 2px #254c7110;color:#657e95;text-align:start;cursor:pointer;transition:background-color .15s,border-color .15s}
 #main-content .fulfillment-overview>button::before{content:"";grid-column:1;grid-row:1;display:grid;place-items:center;width:16px;height:16px;box-sizing:border-box;border:1px solid #bdcede;border-radius:50%;background:#fff;font:11px/1 Arial,sans-serif;color:transparent}
 #main-content .fulfillment-page .fulfillment-overview>button>span{grid-column:2;grid-row:1;min-width:0;font-size:11px;line-height:1.8}
 #main-content .fulfillment-page .fulfillment-overview>button>strong{grid-column:3;grid-row:1;display:grid;place-items:center;min-width:24px;min-height:24px;padding:1px 5px;box-sizing:border-box;border-radius:6px;background:#f0f4f8;color:#657f96;font-size:12px;font-weight:600;line-height:1.6}
 #main-content .fulfillment-page .fulfillment-overview>button.has-late>strong{color:#a46b36;background:#fff5e9}
 #main-content .fulfillment-page .fulfillment-overview>button:hover{background:#f6faff;border-color:#a9c7e5}
 #main-content .fulfillment-page .fulfillment-overview>button[aria-pressed=true]{background:#eaf4ff;border-color:#83b0df;color:#2368a7;box-shadow:inset 0 0 0 1px #83b0df33}
 #main-content .fulfillment-overview>button[aria-pressed=true]::before{content:"✓";border-color:#2c7bc2;background:#2c7bc2;color:#fff}
 #main-content .fulfillment-page .fulfillment-overview>button[aria-pressed=true]>span{font-weight:650}
 #main-content .fulfillment-page .fulfillment-overview>button[aria-pressed=true]>strong{color:#2368a7;background:#fff}
 #main-content .fulfillment-page .fulfillment-overview>button:focus-visible{outline:2px solid #387fc1;outline-offset:3px}
 #main-content .fulfillment-page .fulfillment-overview>button:active{background:#deedfd}
}
@media(prefers-reduced-motion:reduce){#main-content .fulfillment-page .fulfillment-overview>button{transition:none}}

.refined-desktop-chart{display:none}
@media(min-width:768px){
 .workspace>#main-content.content{width:100%;max-width:none;margin-inline:0;box-sizing:border-box;min-width:0}
 .dashboard-refined .refined-chart-frame,.dashboard-refined .refined-chart-dates{display:none}
 .dashboard-refined .refined-desktop-chart{display:block;margin-top:14px;direction:ltr}
 .refined-chart-unit{font-size:11px;color:#7890a5;text-align:left;margin-bottom:6px}
 .refined-desktop-plot{display:grid;grid-template-columns:86px minmax(0,1fr);height:230px;gap:12px}
 .refined-chart-axis{display:flex;flex-direction:column;justify-content:space-between;padding-block:28px 32px;font-size:11px;color:#71869a;text-align:right;font-variant-numeric:tabular-nums}
 .refined-desktop-plot>svg{display:block;width:100%;height:100%;min-width:0;overflow:visible}
 .refined-chart-values{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-left:98px;gap:4px;padding-top:2px}
 .refined-chart-values>div{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;min-width:0;padding:8px 1px;border-top:1px solid #e8eef5}
 .refined-chart-values span{font-size:11px;color:#7890a5}
 .refined-chart-values strong{font-size:11px;font-weight:600;color:#286cae;font-variant-numeric:tabular-nums;direction:rtl;overflow-wrap:anywhere}
}

@media(min-width:768px){
 .dashboard-refined>.refined-dashboard-main{align-items:stretch}
 .dashboard-refined .refined-actions-panel{display:flex;flex-direction:column}
 .dashboard-refined .refined-actions-panel>.dash-more{margin-top:auto;padding-top:10px}
}

/* Desktop only: fill the workspace instead of retaining the legacy 1120px cap. */
@media(min-width:768px){
 #main-content>.seller-dashboard.dashboard-refined{width:100%;max-width:none;margin-inline:0;justify-self:stretch;box-sizing:border-box}
}
