@media(max-width:767px){
 #main-content .order-detail-refined{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:0}
 #main-content .order-detail-refined>*{grid-column:1/-1;min-width:0}
 #main-content .order-detail-refined>.site-back-row{grid-column:1;grid-row:1;align-self:center;margin:0 0 12px}
 #main-content .order-detail-refined>.od-heading{grid-column:2;grid-row:1;justify-self:end;justify-content:flex-end;align-self:center;gap:0;margin:0 0 12px;text-align:left}
 #main-content .order-detail-refined>.od-heading>div{text-align:left}
 #main-content .order-detail-refined>.od-heading h1{margin:2px 0 0;font-size:19px;line-height:1.5;text-align:left}
 #main-content .reports-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;align-items:center}
 #main-content .reports-heading>div:first-child{display:contents}
 #main-content .reports-heading h1{grid-column:1;grid-row:1;margin:0;font-size:18px;line-height:1.8;letter-spacing:0}
 #main-content .reports-heading p{grid-column:1/-1;grid-row:2;margin:0;font-size:10.5px;line-height:1.9}
 #main-content .reports-heading>.heading-actions{grid-column:2;grid-row:1;display:flex;align-items:center;margin:0}
 #main-content .reports-heading [data-action="export-report"]{min-height:36px;padding:7px 10px;font-size:11px;white-space:nowrap}
 #main-content .management-report-filters>.toolbar-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;min-width:0;flex-basis:100%;align-items:center}
 #main-content .management-report-filters .toolbar-group>.select-trigger,#main-content .management-report-filters .toolbar-group>select:not(.picker-native){grid-column:1;grid-row:1;width:100%;min-width:0;max-width:none;min-height:38px;height:38px;box-sizing:border-box;font-size:11px}
 #main-content .management-report-filters .toolbar-group>.pill-tabs{grid-column:2;grid-row:1;display:flex;flex-wrap:nowrap;align-items:center;width:100%;min-width:0;max-width:none;min-height:38px;box-sizing:border-box;gap:2px;padding:3px}
 #main-content .management-report-filters .pill-tabs>button{flex:1;min-width:0;min-height:30px;padding:4px 3px;font-size:10px;line-height:1.8;white-space:nowrap}
 #main-content .management-report-filters>.small{width:100%;margin-top:2px}
}

.od-record-product{display:flex;flex-direction:column;gap:3px;margin:8px 0}
.od-record-product>strong{font-size:11px;font-weight:500;color:#55748d;line-height:1.9;overflow-wrap:anywhere}
.od-record-product>small{font-size:10px;color:#8197a7;line-height:1.8}
.od-record-data{display:grid;gap:5px;margin:0}
.od-record-data>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.od-record-data dt{font-size:10px;color:#8a9dab;font-weight:400}
.od-record-data dd{margin:0;font-size:11px;color:#55748d;text-align:end;line-height:1.8}
.od-record-shipment{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 6px}
@media(max-width:767px){
 #main-content .order-detail-refined{grid-template-columns:auto minmax(0,1fr)}
 #main-content .order-detail-refined>.od-heading{grid-column:1;grid-row:1;justify-self:start;justify-content:flex-start;text-align:right}
 #main-content .order-detail-refined>.od-heading>div,#main-content .order-detail-refined>.od-heading h1{text-align:right}
 #main-content .order-detail-refined>.site-back-row{grid-column:2;grid-row:1;justify-self:end}
 #main-content .od-record{padding:13px 0}
 #main-content .od-record header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
 #main-content .od-record header>strong{justify-self:start;max-width:100%;font-size:11px;line-height:1.8;overflow-wrap:anywhere}
 #main-content .od-record header>.badge{justify-self:end;font-size:10px;line-height:1.7}
 #main-content .od-record-product{margin:8px 0 10px;gap:3px}
 #main-content .od-record-product>strong{font-size:12px;line-height:1.9;color:#355975}
 #main-content .od-record-product>small{font-size:11px;line-height:1.8}
 #main-content .od-record-data{gap:7px}
 #main-content .od-record-data>div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;align-items:baseline}
 #main-content .od-record-data dt{font-size:10.5px;line-height:1.8}
 #main-content .od-record-data dd{font-size:11px;line-height:1.8;overflow-wrap:anywhere}
 #main-content .od-record>small{margin-top:8px;font-size:10.5px;line-height:1.9}
 #main-content .od-record footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:7px;border-top:1px dashed #edf2f6}
 #main-content .od-record footer>.od-record-shipment{font-size:10px;line-height:1.8;min-width:0;max-width:60%}
 #main-content .od-record-shipment bdi{color:#6d8ca5;overflow-wrap:anywhere}
 #main-content .od-record footer>.btn{font-size:11px;min-height:36px;line-height:1.8;white-space:nowrap}
}

@media(max-width:767px){
 .modal-footer:has([data-action="editor-leave-save"]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:stretch}
 .modal-footer:has([data-action="editor-leave-save"])>.btn{width:100%;min-width:0;min-height:48px;margin:0;padding:7px 5px;font-size:10.5px;line-height:1.7;white-space:normal;box-sizing:border-box}
 #product-wizard-form .editor-savebar{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 #product-wizard-form .editor-savebar>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}
 #product-wizard-form .editor-save-state{flex:1;min-width:0;font-size:10px;line-height:1.8}
 #product-wizard-form .editor-savebar .text-link{flex:none;max-width:52%;margin:0;font-size:10.5px;line-height:1.8;text-align:end}
 #product-wizard-form .editor-save-actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;width:100%}
 #product-wizard-form .editor-save-actions>.btn{width:100%;min-width:0;min-height:40px;padding:8px 10px;box-sizing:border-box}
}

#new-shipment-form .shipment-more-orders{min-width:0}
#new-shipment-form .shipment-more-orders>summary{cursor:pointer;color:#286cae;font-size:12px;padding:9px 0;list-style:none;text-align:center}
#new-shipment-form .shipment-more-orders>summary::-webkit-details-marker{display:none}
#new-shipment-form .shipment-more-orders>summary:hover{text-decoration:underline;text-underline-offset:3px}
#new-shipment-form .shipment-show-less{display:none}
#new-shipment-form .shipment-more-orders[open] .shipment-show-more{display:none}
#new-shipment-form .shipment-more-orders[open] .shipment-show-less{display:inline}
#new-shipment-form .shipment-extra-orders{display:grid;gap:8px}

/* Keep the seller tab marker anchored to its own tab across layout changes. */
@media(max-width:767px){
 #app>.mobile-nav::before{display:none}
 #app>.mobile-nav>a.active::before{content:"";display:block;position:absolute;top:-5px;left:50%;right:auto;transform:translateX(-50%);width:28px;height:2px;border-radius:2px;background:var(--brand);pointer-events:none}
}

/* Record boundaries are solid; inner sections use a lighter dashed rule. */
#main-content .od-record:not(:last-child){border-bottom:2px solid #bfcedc;margin-bottom:5px;padding-bottom:16px}
#main-content .od-record footer{border-top:1px dashed #e6edf3}

@media(max-width:767px){
 #main-content>.page-heading:has(.heading-actions>a[href$="/products/new"]){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px}
 #main-content>.page-heading:has(.heading-actions>a[href$="/products/new"])>div:first-child{display:contents}
 #main-content>.page-heading:has(.heading-actions>a[href$="/products/new"]) h1{grid-column:1;grid-row:1;margin:0;font-size:18px;line-height:1.8;min-width:0}
 #main-content>.page-heading:has(.heading-actions>a[href$="/products/new"]) p{grid-column:1/-1;grid-row:2;margin:0;line-height:1.9}
 #main-content>.page-heading:has(.heading-actions>a[href$="/products/new"])>.heading-actions{grid-column:2;grid-row:1;justify-self:end;margin:0;flex-wrap:nowrap}
}

@media(max-width:767px){
 #main-content .monthly-finance .mf-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;min-height:92px;padding:13px 0}
 #main-content .monthly-finance .mf-row>div:first-child{grid-column:1;grid-row:1;gap:4px}
 #main-content .monthly-finance .mf-row>div:first-child>strong{font-size:12px;font-weight:600;line-height:1.8}
 #main-content .monthly-finance .mf-row>div:first-child>small{font-size:10px;line-height:1.8}
 #main-content .monthly-finance .mf-row>.mf-row-value{display:contents}
 #main-content .monthly-finance .mf-row-value>.mf-row-amount{grid-column:2;grid-row:1;display:inline-flex;justify-self:end;white-space:nowrap;gap:4px}
 #main-content .monthly-finance .mf-row .money b{font-size:16px;font-weight:650}
 #main-content .monthly-finance .mf-row .money small{font-size:9px}
 #main-content .monthly-finance .mf-row-value>.mf-state{grid-column:1;grid-row:2;justify-self:start;font-size:10px;white-space:nowrap;padding:3px 7px}
 #main-content .monthly-finance .mf-row>.mf-detail-button{grid-column:2;grid-row:2;justify-self:end;min-width:0;min-height:30px;padding:5px 8px;font-size:11px}
 #main-content .monthly-finance .mf-search input{font-size:14px}
}

#main-content .monthly-finance .mf-cycle-help{margin-top:18px;padding:0 12px;border:1px solid #cbdfee;border-radius:10px;background:#f1f8ff}
#main-content .monthly-finance .mf-cycle-help>summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:11px 0;list-style:none;font-size:12px;font-weight:600;line-height:1.8;color:#286cae;cursor:pointer}
#main-content .monthly-finance .mf-cycle-help>summary::-webkit-details-marker{display:none}
#main-content .monthly-finance .mf-cycle-help>summary>span{flex:1;min-width:0}
#main-content .monthly-finance .mf-cycle-help>summary>.icon{width:17px;height:17px;flex:none}
#main-content .monthly-finance .mf-cycle-help>summary>.icon:last-child{transition:transform 180ms ease}
#main-content .monthly-finance .mf-cycle-help[open]>summary{border-bottom:1px solid #dce9f3;margin-bottom:10px}
#main-content .monthly-finance .mf-cycle-help[open]>summary>.icon:last-child{transform:rotate(180deg)}
#main-content .monthly-finance .mf-cycle-help>summary:focus-visible{outline:2px solid #7fa9c9;outline-offset:3px;border-radius:6px}

@media(max-width:767px){
 #main-content .promotions-page>.page-heading .heading-actions>a[href="#/seller/reports/promotions"]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 11px;border:1px solid #cbdfee;border-radius:7px;background:#f3f8fd;color:#286cae;font-size:11px;font-weight:500;line-height:1.8;text-decoration:none;box-sizing:border-box}
 #main-content .promotions-page>.page-heading .heading-actions>a[href="#/seller/reports/promotions"]:hover{background:#e8f2fc;border-color:#a9cae5}
 #main-content .promotions-page>.page-heading .heading-actions>a[href="#/seller/reports/promotions"]>.icon{width:15px;height:15px}
 #main-content .monthly-finance .mf-current{padding:15px;border:1px solid #d7e5f2;border-radius:12px;background:#f3f8fd;margin-bottom:18px}
 #main-content .monthly-finance .mf-current>header{align-items:center;gap:12px}
 #main-content .monthly-finance .mf-current header small{font-size:10px;color:#7c92aa}
 #main-content .monthly-finance .mf-current h2{font-size:17px;font-weight:650;line-height:1.8;color:#203f60;margin:2px 0 0}
 #main-content .monthly-finance .mf-current>header>.mf-state{font-size:10px;line-height:1.8;padding:4px 8px;border-radius:6px;background:#e4effb;color:#3977ac;white-space:nowrap}
 #main-content .monthly-finance .mf-current-total{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 12px;margin:14px 0 11px;border:1px solid #e0eaf4;border-radius:8px;background:#fff}
 #main-content .monthly-finance .mf-current-total>div{min-width:0;gap:7px}
 #main-content .monthly-finance .mf-current-total>div>span:first-child{font-size:11px;line-height:1.8;color:#7a8fa6}
 #main-content .monthly-finance .mf-current-total .money{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px}
 #main-content .monthly-finance .mf-current-total .money b{font-size:24px;font-weight:700;color:#174b79;line-height:1.4;letter-spacing:0}
 #main-content .monthly-finance .mf-current-total .money small{font-size:10px;color:#7a8fa6}
 #main-content .monthly-finance .mf-current-total>.mf-detail-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:35px;padding:6px 9px;border:1px solid #c9deef;border-radius:7px;background:#f2f8fd;color:#286cae;font-size:11px;line-height:1.8;white-space:nowrap}
 #main-content .monthly-finance .mf-current>footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px 10px;border-top:1px dashed #d7e4ef;padding-top:10px;color:#71899f;font-size:10px;line-height:1.8}
 #main-content .monthly-finance .mf-current>footer>small{font-size:9px;color:#8a9baf}
}
@media(max-width:350px){
 #main-content .monthly-finance .mf-current-total{grid-template-columns:minmax(0,1fr)}
 #main-content .monthly-finance .mf-current-total>.mf-detail-button{justify-self:end}
}

/* Quiet placeholders and search surfaces across the seller panel. */
:is(#app,#modal-root) :is(input,textarea)::placeholder{font-size:12px;line-height:1.8;opacity:1}
body :is(.picker-search,.search-field,.cp-search,.ad-search,.sd-product-search,.sp-search):focus-within{box-shadow:none}
#modal-root :is(.cp-search,.ad-search,.sd-product-search)>input:is(:hover,:focus){border:0;box-shadow:none;outline:0;background:transparent}
:root{scrollbar-width:thin;scrollbar-color:#91aec4 #f3f6f9}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:6px;height:6px}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#f3f6f9}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:#91aec4;border:1px solid #f3f6f9;border-radius:10px}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:#6f97b5}

@media(min-width:768px){
 #main-content .management-report-filters{display:flex;align-items:center;gap:14px;width:100%;box-sizing:border-box}
 #main-content .management-report-filters>.toolbar-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:1;min-width:0;gap:12px}
 #main-content .management-report-filters .toolbar-group>.select-trigger,#main-content .management-report-filters .toolbar-group>select:not(.picker-native){width:100%;max-width:none;min-width:0;grid-column:1;grid-row:1;min-height:40px;height:40px}
 #main-content .management-report-filters .toolbar-group>.pill-tabs{display:flex;flex-wrap:nowrap;grid-column:2;grid-row:1;width:100%;min-width:0;box-sizing:border-box;min-height:40px}
 #main-content .management-report-filters .pill-tabs>button{flex:1;min-width:0;min-height:32px}
 #main-content .management-report-filters>.small{flex:none;white-space:nowrap}
}