/* Shared customer presentation. Loaded after page styles; never applied to admin views. */
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('vendor/fonts/space-grotesk-v15-latin-regular.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('vendor/fonts/space-grotesk-v15-latin-600.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('vendor/fonts/space-grotesk-v15-latin-700.woff2') format('woff2')}
body[data-customer-layout]{--shop-font-body:'Space Grotesk','Helvetica Neue',Arial,sans-serif;--shop-font-display:var(--shop-font-body);--ui-gap:24px;--ui-radius:8px;font-family:var(--shop-font-body);font-size:16px;line-height:1.55}
body.marketing-public[data-customer-layout]{--shop-text:#243d4a;--shop-heading:#1c3446;--shop-muted:#526570;--shop-surface:#fff;--shop-surface-raised:#fff;--shop-surface-soft:#edf4f3;--shop-border-color:#c8d5d9;--shop-action:#226c62;--shop-focus:#226c62;--shop-danger:#b42318}
html body[data-customer-layout] :is(.site-main,.marketing-public-main,.shop-fragment)>:is(.container,.marketing-shell){max-width:1200px;padding-inline:16px;margin-inline:auto;box-sizing:border-box}
html body[data-customer-layout] :is(.site-main,.marketing-public-main){padding-block:24px 48px;font:inherit}
html body[data-customer-layout] :is(main h1,main h2,main h3,main h4,main p,main label,main button,main input,main select,main textarea){font-family:var(--shop-font-body)}
html body[data-customer-layout] main h1{font-size:clamp(28px,3vw,36px);line-height:1.15;font-weight:700;margin-block:0 16px}
html body[data-customer-layout] main h2{font-size:clamp(20px,2vw,24px);line-height:1.3;font-weight:600}
html body[data-customer-layout] main h3{font-size:20px;line-height:1.35;font-weight:600}
html body[data-customer-layout] main :is(p,li,dd,dt,label){font-size:16px}
html body[data-customer-layout] main :is(small,.text-muted,.muted,.rate-source,.service-badge,.order-status-label,.order-subtitle,.coupon-muted,.primer-meta){font-size:14px;line-height:1.45}
html body[data-customer-layout] main :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not(.v2-sample-input),select:not(.v2-sample-select),textarea){font:inherit;font-size:16px;min-height:44px;min-width:0;max-width:100%;box-sizing:border-box;border:1px solid var(--shop-border-color);border-radius:8px;padding:10px 12px;background:var(--shop-surface);color:var(--shop-text)}
html body[data-customer-layout] main input[type=file]{width:100%;overflow:hidden}
html body[data-customer-layout] main :is(button,.btn,.portal-btn,.shop-btn-pill,.marketing-action,.btn-submit,.btn-login,.store-backlink):not(.ui-help-trigger):not(.shop-help__trigger):not(.order-info-trigger):not(.v2-fill-handle):not(.v2-button){min-height:44px;padding:10px 16px;border-radius:8px;font-family:var(--shop-font-body);font-size:14px;line-height:1.4;white-space:normal}
html body[data-customer-layout] main button:disabled{cursor:not-allowed;opacity:.6}
html body[data-customer-layout] :focus-visible{outline:3px solid var(--shop-action,#226c62);outline-offset:3px}
html body[data-customer-layout] main :is(.store-shell,.rates-page,.po-intake,.verification-page,.marketing-quote-page){max-width:1200px;margin-inline:auto}
html body[data-customer-layout] main :is(.shop-surface-card,.form-section,.lab-card,.rates-page,.info-card,.summary-card,.primer-row,.order-section){border-radius:8px;box-shadow:none}
html body[data-customer-layout] main :is(.shop-surface-card,.lab-card,.rates-page,.order-section) :is(.info-card,.summary-card,.order-tier-box,.form-section){border-radius:0;box-shadow:none;border-inline:0}
html body[data-customer-layout] main :is(.login-card,.forgot-password-card,.reset-password-card){width:100%;max-width:520px;margin-inline:auto;box-sizing:border-box;padding:24px}
html body[data-customer-layout] main :is(.shop-form-grid,.form-grid){gap:24px}
html body[data-customer-layout] main :is(.form-field,.shop-form-field){min-width:0}
html body[data-customer-layout] main :is(.form-field,.shop-form-field)>label{display:block;margin-bottom:8px}
html body[data-customer-layout] main :is(.form-field,.shop-form-field)>:is(input,select,textarea){width:100%}
html body[data-customer-layout] main :is(.back-link,.form-actions,.po-intake-actions){margin-top:24px}
html body[data-customer-layout] main :is(.po-intake-error,.shop-flash,.alert){overflow-wrap:anywhere}
html body[data-customer-layout] main :is(.table-wrap,.table-responsive,.primer-table-wrap){max-width:100%;overflow-x:auto}
html body[data-customer-layout] main :is(th,td){overflow-wrap:anywhere}
html body[data-customer-layout] main :is(.order-service,.primer-meta,.dropbox-preference__meta,.pickup-group__summary){overflow-wrap:anywhere}
/* Inline help uses an unbreakable last word + trigger; content is moved to a viewport popup. */
html body[data-customer-layout] .ui-help-tail{display:inline;white-space:nowrap;font:inherit}
html body[data-customer-layout] .ui-help{display:inline;position:static;white-space:normal}
html body[data-customer-layout] .ui-help-trigger{display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:-8px 0;vertical-align:middle;border:0;border-radius:8px;background:transparent;color:var(--shop-action);font:600 14px var(--shop-font-body);cursor:pointer;box-shadow:none}
html body[data-customer-layout] .ui-help-trigger::before{content:'i';display:grid;place-items:center;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;line-height:1}
html body[data-customer-layout] .ui-help-trigger:hover{background:var(--shop-surface-soft)}
html body[data-customer-layout] .ui-help-content{display:none!important}
html body[data-customer-layout] .ui-help-popup{position:fixed;z-index:10050;width:min(360px,calc(100vw - 32px));box-sizing:border-box;padding:16px;border:1px solid var(--shop-border-color);border-radius:8px;background:var(--shop-surface);color:var(--shop-text);box-shadow:0 8px 28px #0003;font:400 14px/1.55 var(--shop-font-body);white-space:normal;overflow-wrap:anywhere;max-height:calc(100dvh - 32px);overflow-y:auto}
html body[data-customer-layout] .ui-help-popup :is(p,li,a,span){font:inherit}
html body[data-customer-layout] .ui-help-popup>:first-child{margin-top:0}
html body[data-customer-layout] .ui-help-popup>:last-child{margin-bottom:0}
html body[data-customer-layout] .ui-help-popup a{color:var(--shop-action);text-decoration:underline}
html body[data-customer-layout] [hidden]{display:none!important}
/* Service quotation and pricing. */
html body[data-customer-layout] .rates-toolbar .toolbar-input{flex:1;min-width:0}
html body[data-customer-layout] .rates-toolbar input[type=text]{width:100%}
html body[data-customer-layout] .rate-source{display:block;margin-top:8px;font-weight:400}
html body[data-customer-layout] .marketing-quick-quote .marketing-catalog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
html body[data-customer-layout] .marketing-quick-quote [data-quote-row]{display:grid;grid-template-rows:auto auto 1fr auto auto auto auto;gap:12px;min-width:0;padding:24px;border:1px solid var(--shop-border-color);border-radius:8px}
html body[data-customer-layout] .marketing-quick-quote [data-quote-row]>:is(h3,p){margin:0}
html body[data-customer-layout] .marketing-quick-quote [data-quote-row]>h3{min-height:3.9em}
html body[data-customer-layout] .marketing-quote-quantity{display:grid;grid-template-columns:1fr;gap:8px}
html body[data-customer-layout] .marketing-quote-quantity input{width:100%}
html body[data-customer-layout] .marketing-quote-price{font-size:26px}
html body[data-customer-layout] .marketing-quote-page> a{display:inline-block;margin-bottom:24px}
/* Submission form and document preview. */
html body[data-customer-layout] .po-intake{padding:0 0 32px}
html body[data-customer-layout] .po-intake-heading{display:block;margin-bottom:24px}
html body[data-customer-layout] .po-dropzone{background:var(--shop-surface-soft);border-color:var(--shop-border-color);padding:24px}
html body[data-customer-layout] .po-intake-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
html body[data-customer-layout] .po-intake-error:empty{min-height:0;margin:0}
html body[data-customer-layout] .po-intake-options-grid label{display:block}
html body[data-customer-layout] .po-intake-options-grid :is(input,select,textarea){display:block;width:100%;margin-top:8px}
html body[data-customer-layout] .po-intake input[readonly]{background:var(--shop-surface-soft)}
html body[data-customer-layout] .v2-hero{gap:16px}
html body[data-customer-layout] .v2-title-row{display:block}
html body[data-customer-layout] .v2-secondary-actions{margin-block:0 24px}
html body[data-customer-layout] .v2-service-card{padding:16px;min-width:0}
html body[data-customer-layout] .ui-service-code{display:inline-block;font-size:14px;color:var(--shop-muted);margin-inline-end:8px}
html body[data-customer-layout] .customer-coupons{margin-block:24px}
html body[data-customer-layout] .coupon-actions{display:flex;gap:12px;margin-top:16px}
/* Long prose remains readable. Scientific output keeps its own scrolling region. */
html body[data-customer-layout] :is(.verification-hero p,.verification-help>p,.terms-section p,.about-page p){max-width:70ch}
html body[data-customer-layout] .primer-row code{display:block;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}
html body[data-customer-layout] :is(.tools-page pre,.dna-viewer pre,.primer-row){min-width:0;max-width:100%}
html body[data-customer-layout] .verification-hero h1{font-size:clamp(30px,4.8vw,48px)}
html body[data-customer-layout] .customer-sequencing-landing :is(h1,h2,h3,p,button,a){font-family:var(--shop-font-body)}
html body[data-customer-layout] .customer-sequencing-landing h1{font-size:clamp(34px,5vw,64px)}
@media(max-width:1000px){
 html body[data-customer-layout] .marketing-quick-quote .marketing-catalog-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 html body[data-customer-layout] :is(.site-main,.marketing-public-main){padding-top:16px}
 html body[data-customer-layout] main :is(.store-shell,.rates-page){padding-inline:0}
 html body[data-customer-layout] main :is(.shop-form-grid,.form-grid,.po-intake-layout,.po-intake-options-grid){grid-template-columns:minmax(0,1fr);gap:16px}
 html body[data-customer-layout] .marketing-quick-quote .marketing-catalog-list{grid-template-columns:minmax(0,1fr);gap:16px}
 html body[data-customer-layout] .marketing-quick-quote [data-quote-row]>h3{min-height:0}
 html body[data-customer-layout] .rates-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:12px}
 html body[data-customer-layout] .rates-toolbar .toolbar-actions{display:flex;gap:12px}
 html body[data-customer-layout] table.ui-stack-table{display:block;width:100%}
 html body[data-customer-layout] .ui-stack-table thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 html body[data-customer-layout] .ui-stack-table :is(tbody,tr){display:block;width:100%}
 html body[data-customer-layout] .ui-stack-table tr{padding-block:16px;border-bottom:1px solid var(--shop-border-color)}
 html body[data-customer-layout] .ui-stack-table td{display:block;width:auto!important;text-align:left!important;padding:8px 0;border:0;white-space:normal}
 html body[data-customer-layout] .ui-stack-table td[data-ui-label]::before{content:attr(data-ui-label);display:block;color:var(--shop-muted);font-size:14px;font-weight:600;margin-bottom:4px}
 html body[data-customer-layout] .ui-stack-table .hide-on-narrow{display:none}
 html body[data-customer-layout] .service-order-v2{padding-bottom:calc(160px + env(safe-area-inset-bottom))}
 html body[data-customer-layout] .v2-summary{padding-bottom:calc(16px + env(safe-area-inset-bottom));max-height:45dvh;overflow-y:auto}
 html body[data-customer-layout] .po-dropzone{padding:16px}
 html body[data-customer-layout] :is(.login-card,.forgot-password-card,.reset-password-card){padding:16px}
}
html body[data-customer-layout] .shop-auth-identity{margin-bottom:24px}
html body[data-customer-layout] .shop-auth-identity img{max-height:100px;width:auto;max-width:100%}
html body[data-customer-layout] .v2-service-name{font-size:16px;line-height:1.5}
html body[data-customer-layout] .shop-feature-card p{font-size:14px;color:var(--shop-muted)}
html body[data-customer-layout] .po-intake-options-grid input[type=checkbox]{display:inline-block;width:auto;min-height:0}
/* Override older component typography only within the customer shell. */
html body[data-customer-layout] main :is(h1,h2,h3,h4,.flat-title,.store-hero-title,.flat-section-title){font-family:'Space Grotesk','Helvetica Neue',Arial,sans-serif!important}
html body[data-customer-layout] main h1{display:block;font-size:clamp(28px,3vw,36px)!important;line-height:1.2!important}
html body[data-customer-layout] main :is(.flat-copy,.shop-field-help,.v2-service-cue,.v2-service-price-source,.v2-service-price,.order-label,.rate-source){font-size:14px!important;line-height:1.5}
html body[data-customer-layout] .customer-sequencing-landing h1{font-size:clamp(34px,5vw,64px)!important}
html body[data-customer-layout] .verification-hero h1{font-size:clamp(30px,4.8vw,48px)!important}
html body[data-customer-layout] .packing-guide-page{display:block;min-width:0;width:100%;max-width:1200px}
html body[data-customer-layout] .packing-guide-page>section{margin-block:24px}
html body[data-customer-layout] .packing-guide-page :is(svg,img){max-width:100%;height:auto}
html body[data-customer-layout] .packing-guide-page :is(.packing-method,.packing-guide-downloads,.packing-final-section){min-width:0}
html body[data-customer-layout] .po-detail-section .shop-migrated-065{flex-wrap:wrap;min-width:0}
html body[data-customer-layout] .po-detail-section .shop-migrated-070{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
html body[data-customer-layout] .po-detail-section :is(.shop-migrated-071,.shop-migrated-079){min-width:0;overflow-wrap:anywhere}
html body[data-customer-layout] .customer-tools .list-group{display:grid;gap:16px}
html body[data-customer-layout] .customer-tools .list-group-item{display:block;padding:16px;border:1px solid var(--shop-border-color);border-radius:8px;text-decoration:none;color:var(--shop-text)}
html body[data-customer-layout] .customer-tools .list-group-item:hover{background:var(--shop-surface-soft)}
html body[data-customer-layout] .customer-tools .text-muted{font-size:14px;margin-top:8px}
html body[data-customer-layout] .order-row-actions .order-icon-button{width:auto;min-width:44px;min-height:44px;padding:8px;gap:6px}
html body[data-customer-layout] .rates-toolbar .toolbar-input{display:block}
html body[data-customer-layout] .rates-toolbar label{display:block;margin-bottom:8px}
@media(max-width:700px){
 html body[data-customer-layout] :is(.packing-guide-downloads,.packing-method-grid,.packing-final-grid,.po-detail-section .shop-migrated-070){display:grid;grid-template-columns:minmax(0,1fr)}
 html body[data-customer-layout] .po-detail-section .shop-migrated-061{flex-direction:column;align-items:stretch;gap:16px}
 html body[data-customer-layout] :is(.flat-hero-band,.store-compact-hero,.store-page-actions){display:flex;flex-direction:column;align-items:stretch;gap:16px}
 html body[data-customer-layout] .flat-hero-copy{width:100%;min-width:0}
 html body[data-customer-layout] .dropbox-guide__list{grid-template-columns:minmax(0,1fr)}
}
html body[data-customer-layout] .packing-guide-links{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
html body[data-customer-layout] .packing-guide-link{min-width:0;max-width:100%}
html body[data-customer-layout] .packing-guide-link :is(span,strong,small){white-space:normal;overflow-wrap:anywhere;min-width:0}
@media(max-width:700px){html body[data-customer-layout] .packing-guide-links{grid-template-columns:minmax(0,1fr)}}
html body[data-customer-layout] main h1{display:block!important}
html body[data-customer-layout] .ui-help-trigger{color:inherit}

html body[data-customer-layout] main :is(.shop-btn-pill--invert,.profile-hero-actions .hero-btn){background:var(--shop-surface)!important;color:var(--shop-text)!important;border:1px solid var(--shop-border-color)}
html body[data-customer-layout] .shop-payment-summary dd{overflow-wrap:anywhere;min-width:0}
html[data-shop-theme="cventbio-light"] body[data-customer-layout]{--shop-action:#147565;--shop-action-hover:#105e50}
html body[data-customer-layout] main :is(.shop-btn-pill--primary,.btn-primary,.marketing-action-primary){background:var(--shop-action)!important;color:var(--shop-action-text,#fff)!important;border-color:var(--shop-action)!important}
html body[data-customer-layout] .store-inquiry-launcher{width:auto!important;min-height:44px;padding:10px 16px;font:600 14px/1.4 var(--shop-font-body);border-radius:8px}
html body[data-customer-layout] .service-info-page .card{border-radius:0;border:0;border-bottom:1px solid var(--shop-border-color);box-shadow:none!important}
html body[data-customer-layout] .service-info-page .card-body{padding:16px 0}

/* Plate configuration is a compact field/action row; its status is not an error. */
html body[data-customer-layout] .v2-plate-split{display:grid;grid-template-columns:minmax(0,260px) auto minmax(0,1fr);align-items:end;gap:8px;margin-top:8px}
html body[data-customer-layout] .v2-plate-split>label{display:grid;gap:4px;min-width:0;margin:0}
html body[data-customer-layout] .v2-plate-split input{width:100%}
html body[data-customer-layout] .v2-plate-notice{align-self:center;color:var(--shop-muted);font-size:14px;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:700px){
 html body[data-customer-layout] .v2-plate-split{grid-template-columns:minmax(0,1fr) auto}
 html body[data-customer-layout] .v2-plate-split>.v2-button{min-height:44px}
 html body[data-customer-layout] .v2-plate-notice{grid-column:1/-1}
}
/* Desktop workspaces use denser controls; touch layouts retain their larger targets. */
@media (min-width: 701px) {
 html body[data-customer-layout]:not(.marketing-public){font-size:14px;line-height:1.45;--ui-gap:16px}
 html body[data-customer-layout]:not(.marketing-public) .site-main{padding-block:16px 32px}
 html body[data-customer-layout]:not(.marketing-public) main .store-shell{padding-block:8px 24px}
 html body[data-customer-layout]:not(.marketing-public) main h1{font-size:26px!important;margin-bottom:12px}
 html body[data-customer-layout]:not(.marketing-public) main h2{font-size:20px}
 html body[data-customer-layout]:not(.marketing-public) main h3{font-size:16px}
 html body[data-customer-layout]:not(.marketing-public) main :is(p,li,dd,dt,label){font-size:14px}
 html body[data-customer-layout]:not(.marketing-public) main :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not(.v2-sample-input),select:not(.v2-sample-select),textarea){font-size:14px;min-height:36px;padding:7px 10px;border-radius:6px}
 html body[data-customer-layout]:not(.marketing-public) main :is(button,.btn,.portal-btn,.shop-btn-pill,.btn-submit,.btn-login,.store-backlink):not(.ui-help-trigger):not(.shop-help__trigger):not(.order-info-trigger):not(.v2-fill-handle):not(.v2-button){min-height:36px;padding:7px 12px;border-radius:6px}
 html body[data-customer-layout]:not(.marketing-public) main :is(.shop-form-grid,.form-grid,.po-intake-layout){gap:16px}
 html body[data-customer-layout]:not(.marketing-public) main :is(.form-field,.shop-form-field)>label{margin-bottom:0}
 html body[data-customer-layout]:not(.marketing-public) main :is(.back-link,.form-actions,.po-intake-actions){margin-top:16px}
 html body[data-customer-layout]:not(.marketing-public) main :is(.flat-hero-band,.store-compact-hero){gap:16px;padding-block:12px}
 html body[data-customer-layout]:not(.marketing-public) main :is(.login-card,.forgot-password-card,.reset-password-card,.po-dropzone){padding:20px}
 html body[data-customer-layout]:not(.marketing-public) main :is(.po-intake-heading,.shop-auth-identity){margin-bottom:16px}
 html body[data-customer-layout]:not(.marketing-public) .ui-help-trigger{width:28px;height:28px;min-width:28px;min-height:28px;margin:-4px 0}
 html body[data-customer-layout] .v2-hero{gap:8px;margin-bottom:8px;padding-block:4px}
 html body[data-customer-layout] .v2-secondary-actions{margin-bottom:12px}
 html body[data-customer-layout] .v2-service-card{padding:10px}
 html body[data-customer-layout] .v2-service-name{font-size:14px;line-height:1.35}
 html body[data-customer-layout] .v2-summary dl{gap:4px}
 html body[data-customer-layout] .customer-coupons{margin-block:16px}
 html body[data-customer-layout] .coupon-actions{gap:8px;margin-top:8px}
 html body[data-customer-layout]:not(.marketing-public) main :is(.shop-page-stack,.profile-form){display:grid;gap:16px}
 html body[data-customer-layout]:not(.marketing-public) main :is(.shop-hero-panel,.shop-form-section,.shop-feature-card){padding:16px;gap:12px}
 html body[data-customer-layout]:not(.marketing-public) main .shop-form-section{margin:0}
 html body[data-customer-layout]:not(.marketing-public) main .shop-form-section .section-header{margin-bottom:0}
 html body[data-customer-layout]:not(.marketing-public) main :is(.form-field,.shop-form-field){gap:4px;align-content:start}
 html body[data-customer-layout]:not(.marketing-public) main .customer-dashboard-page .service-grid{gap:12px}
 html body[data-customer-layout]:not(.marketing-public) main :is(.form-grid,.shop-form-grid)>:is(.form-field,.shop-form-field){margin-block:0}
 /* Keep a large batch inside the sheet instead of extending the whole page. */
 html body[data-customer-layout] .v2-grid-wrap{max-height:min(60vh,560px);overflow:auto;scroll-padding-block:36px;scrollbar-gutter:stable}
 html body[data-customer-layout] .v2-sample-table{min-width:0;margin:0}
 html body[data-customer-layout] .v2-sample-table thead{position:sticky;top:0;z-index:2}
 html body[data-customer-layout] .v2-sample-table :is(th,td){font-size:14px}
 html body[data-customer-layout] .v2-sample-table :is(.v2-sample-input,.v2-sample-select){min-width:140px;height:34px;min-height:34px;padding:5px 20px 5px 8px;border:0;border-radius:0;font-size:14px;line-height:1.3}
 html body[data-customer-layout] .v2-sample-table .v2-row-actions{width:72px;min-width:72px;padding:2px!important;white-space:nowrap}
 html body[data-customer-layout] .v2-sample-table .v2-row-actions .v2-button{width:30px;min-width:30px;height:30px;min-height:30px;padding:0;border-radius:4px}
 html body[data-customer-layout] .v2-sample-table .v2-fill-handle{width:10px;height:10px;min-width:10px;min-height:10px;padding:0;border-radius:2px}
 /* Marketing headlines retain their own scale. */
 html body[data-customer-layout]:not(.marketing-public) main .customer-sequencing-landing h1{font-size:clamp(34px,5vw,64px)!important}
}

/* Service orders: keep actions readable at every responsive width. */
html body[data-customer-layout] .orders-list-page :is(.order-row-actions,.order-result-actions) .order-icon-button {
  min-width: 0; width: auto; max-width: 100%; height: auto; min-height: 44px;
  flex: 0 1 auto; padding: 8px 10px; gap: 6px; white-space: normal;
  line-height: 1.4; font-size: 13px; font-weight: 650; text-align: left;
  overflow-wrap: anywhere;
}
html body[data-customer-layout] .orders-list-page .order-icon-button > i { flex-shrink: 0; }
/* Row actions are compact; a long label truncates instead of stacking lines. */
html body[data-customer-layout] .orders-list-page :is(.order-row-actions,.order-result-actions) .order-icon-button:not(.order-message-link) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* The message button carries a count and an unread dot that must not be clipped. */
html body[data-customer-layout] .orders-list-page .order-message-link { white-space: nowrap; overflow: visible; }
html body[data-customer-layout] .orders-list-page .order-row-actions .order-message-link {
  width: 44px; min-width: 44px; flex: 0 0 44px; padding: 8px;
}
html body[data-customer-layout] .orders-list-page .order-progress .history-btn {
  width: 44px; min-width: 44px; height: 44px;
}
html body[data-customer-layout] .orders-list-page :is(.order-progress-value,.order-progress-document,.order-po-guidance,.order-pending,.order-secondary) { font-size: 13px; line-height: 1.4; }
html body[data-customer-layout] .orders-list-page .order-progress-key { font-size: 11px; }
html body[data-customer-layout] .orders-list-page .order-progress-line { grid-template-columns: minmax(3.5rem,max-content) minmax(0,1fr) auto; }
html body[data-customer-layout] .orders-list-page .order-po-guidance { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
html body[data-customer-layout] .orders-list-page .order-po-guidance > a { display: inline-flex; align-items: center; min-height: 44px; margin: 0; text-decoration: underline; }
html body[data-customer-layout] .orders-list-page .orders-po-notice { padding: 12px 14px; margin-bottom: 12px; border-left: 3px solid var(--shop-action); background: var(--shop-info-soft); font-size: 14px; line-height: 1.5; }
html body[data-customer-layout] .orders-list-page .order-identity { min-width: 0; }
@media(max-width:1000px) {
  html body[data-customer-layout] .orders-list-page .orders-list-table td > :not(.order-identity) { grid-column: 2; }
  html body[data-customer-layout] .orders-list-page .orders-list-table td::before { font-size: 11px; }
  html body[data-customer-layout] .orders-list-page .order-identity { grid-column: 2; }
  html body[data-customer-layout] .orders-list-page .orders-list-table td { grid-template-columns: 5rem minmax(0,1fr); }
}
@media(max-width:480px) {
  html body[data-customer-layout] .orders-list-page .orders-list-toolbar { flex-direction: column; align-items: flex-start; gap: 12px; }
  html body[data-customer-layout] .orders-list-page .orders-list-toolbar .shop-btn-pill { white-space: nowrap; flex-shrink: 0; }
  html body[data-customer-layout] .orders-list-page .orders-list-heading h1 { font-size: 24px; }
  html body[data-customer-layout] .orders-list-page .order-progress-line { grid-template-columns: minmax(0,1fr) auto; }
  html body[data-customer-layout] .orders-list-page .order-progress-key { grid-column: 1; }
  html body[data-customer-layout] .orders-list-page .order-progress-value { grid-column: 1; }
  html body[data-customer-layout] .orders-list-page .order-progress .history-btn { grid-column: 2; grid-row: 1; align-self: center; }
}

/* 44px touch targets inflate each progress block to 44px while its text is 18px, which
   reads as uneven gaps between Order / Billing / PO lines. Shrink them where a precise
   pointer makes the large target unnecessary; touch devices keep the full size.
   Placed last so it wins over the earlier same-specificity touch rules. */
@media (min-width: 1001px) and (pointer: fine) {
  html body[data-customer-layout]:not(.marketing-public) main .orders-list-page .order-progress button.history-btn:not(.ui-help-trigger):not(.shop-help__trigger):not(.order-info-trigger) { width: 26px; min-width: 26px; height: 22px; min-height: 22px; padding: 2px; }
  html body[data-customer-layout] .orders-list-page .order-po-guidance > a { min-height: 0; }
  html body[data-customer-layout] .orders-list-page .order-progress-line { align-items: baseline; }
  /* Lines stack in one column; the history button is centred against all of them. */
  html body[data-customer-layout] .orders-list-page .order-progress { grid-template-columns: minmax(0,1fr) auto; align-items: center; column-gap: 10px; }
  html body[data-customer-layout] .orders-list-page .order-progress-lines { display: grid; gap: 4px; min-width: 0; }
}