/* Retail keeps the existing navy navigation and white working surfaces. */
:root{color:#14264b;background:#fff;color-scheme:light;--dash-canvas:#fff;--dash-surface:#fff}
body,body:has(.crm-shell),.crm-shell .crm-workspace,.crm-shell main.crm-content{background:#fff!important;color:#14264b!important}
.crm-shell .crm-sidebar{background:#00163e!important}
.crm-shell .crm-navigation .crm-nav-link:is(.is-active,.active),.crm-shell .crm-brand-mark{background:#00163e!important;border-color:#60759d!important;box-shadow:none!important}
.crm-shell .crm-navigation .crm-nav-link:hover{background:#0b2451!important}
.st-nav-group{margin:0 0 .65rem;min-width:0}
.st-nav-group h2{font:650 9px/1.6 system-ui,sans-serif;letter-spacing:1.3px;color:#cad7ed;margin:1.2rem .65rem .45rem}
.crm-content :is(.panel,.metric,.order-card,.note,.note.warn,.pill,.ds-ageing-metric,.ops-panel),#modal{background:#fff!important;color:#14264b!important;border-color:#c8d3e4!important}
.crm-content :is(.page-head,.page-heading){display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}
.crm-content :is(.page-head,.page-heading)>div{min-width:0;max-width:100%}
.crm-content :is(h1,h2,h3,h4,p,dt,dd,small,summary,td,.kv strong){overflow-wrap:anywhere;line-height:1.5}
.crm-content h1{line-height:1.18;letter-spacing:-.035em;font-size:clamp(1.65rem,3vw,2.35rem)}
.crm-content :is(.panel-body,.order-card){padding:clamp(1rem,2vw,1.5rem)}
.crm-content :is(.panel,.order-card,.industry-department-card){min-width:0;margin-bottom:1.1rem}
.crm-content :is(.page-head p,.page-heading p,.note,.scope-note){max-width:85ch;font-size:.9rem;color:#14264b!important}
.crm-content :is(.table-wrap,.table-scroll){max-width:100%;overflow:auto;overscroll-behavior-x:contain}
.crm-content :is(th,td){padding:.85rem 1rem;vertical-align:top;white-space:normal;color:#14264b!important}
.crm-content th{background:#fff!important;border-bottom:2px solid #14264b}
.crm-content .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,325px),1fr));align-items:start}
.crm-content :is(.order-foot,.actions,.page-actions,.form-actions),#modal .form-buttons{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}
.crm-content .btn,#modal .btn,.auth .btn{white-space:normal;line-height:1.4;background:#fff!important;color:#14264b!important;border:1px solid #7183a2!important;min-height:40px;padding:.65rem .9rem}
.crm-content .btn:is(.primary,.btn-primary),#modal .btn.primary,.auth .btn.primary,.crm-content .section-tab.active{background:#00163e!important;color:#fff!important;border-color:#00163e!important}
.crm-content .btn:hover,#modal .btn:hover{outline:1px solid #14264b;outline-offset:1px}
.crm-content :is(input,select,textarea),#modal :is(input,select,textarea),.auth :is(input,select,textarea){background:#fff!important;color:#14264b!important;border:1px solid #8d9eb9;max-width:100%;min-width:0;border-radius:7px;padding:.7rem;line-height:1.4}
.crm-content label,#modal label{display:grid;gap:.4rem;min-width:0;line-height:1.5;color:#14264b!important}
.crm-content :is(.ops-form,.form-grid),#modal .form-grid{gap:1rem}
.crm-content .ops-form{display:grid;padding-block:1rem}
.crm-content :is(.execution-panel,.execution-form,.execution-toolbar,.execution-preview,.execution-status,.execution-detail>div,.re-finance-workspace,.re-finance-form,.re-finance-note,.re-finance-panel,.re-finance-table-scroll){background:#fff!important;color:#14264b!important}
.crm-content :is(.execution-note,.execution-core small,.execution-heading p,.execution-detail dt){color:#14264b!important}
.crm-content :is(.execution-table,.re-finance-table-scroll){max-width:100%;overflow:auto}
.crm-content .form-grid,#modal .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.crm-content .form-grid>.full,#modal .form-grid>.full{grid-column:1/-1;min-width:0}
#modal{width:min(850px,calc(100vw - 24px));max-height:90dvh;overflow:auto}
#modal::backdrop{background:#000b}
#modal .modal-wrap{padding:clamp(1rem,3vw,1.75rem)}
#modal .line-row{grid-template-columns:minmax(0,1fr) 105px 38px;gap:.7rem}
#modal .line-row button,#modal .dialog-head button{background:#00163e;color:#fff}
.crm-content :is(input[type=checkbox],input[type=radio]),#modal :is(input[type=checkbox],input[type=radio]){width:auto;min-height:0;justify-self:start}
.crm-content .section-tabs{padding-bottom:.4rem;gap:.6rem}
.crm-content .section-tab{background:#fff;color:#14264b;border:1px solid #7183a2;border-radius:8px;padding:.7rem 1rem;line-height:1.4}
.crm-content .industry-metric-list>div{grid-template-columns:minmax(0,1fr) minmax(4rem,auto);gap:1rem;padding-block:.3rem}
.crm-content .industry-metric-list dd{font-size:1rem;max-width:13rem}
.crm-content .industry-draft-panel>summary{padding:1rem;line-height:1.5;cursor:pointer}
.crm-content :is([role=status],[role=alert]),#modal :is([role=status],[role=alert]){min-height:1.4em;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.auth-art{background:#00163e;color:#fff}.auth-main{background:#fff}.auth-art :is(em,p,.eyebrow,small){color:#fff}.auth .logo b{background:#fff;color:#00163e}.auth-tags span{background:#00163e}
#toast,#toast.error{background:#00163e;color:#fff;max-width:min(430px,calc(100vw - 32px))}
@media(max-width:640px){
 .crm-content :is(.page-head,.page-heading,.order-top){flex-direction:column;align-items:stretch}
 .crm-content .industry-department-grid{grid-template-columns:1fr}
 .crm-content .industry-metric-list>div{grid-template-columns:1fr;gap:.25rem}
 .crm-content .industry-metric-list dd{text-align:left;max-width:none}
 .crm-content .order-body{grid-template-columns:1fr;gap:1rem}
 .crm-content :is(.page-actions,.actions,.order-foot)>.btn{flex:1 1 100%}
 #modal .line-row{grid-template-columns:minmax(0,1fr) 80px 34px;gap:.4rem}
 #modal .form-buttons>.btn{flex:1 1 100%}
 .crm-content :is(.panel-body,.order-card){padding:1rem}
}

.auth-box{background:#fff!important;color:#14264b!important;border-color:#7183a2!important}.auth-box a{color:#14264b!important}.crm-content .code,#modal .code{overflow-wrap:anywhere;white-space:pre-wrap}.crm-content .form-grid>.full{grid-column:1/-1}

/* Original Store colors cannot override the current white working surface. */
.crm-content :is(h1,h2,h3,h4,small,.muted,.eyebrow,.empty,.sale-summary,.stock-low,.card strong,.card span),#modal :is(h1,h2,h3,h4,small,.muted,.eyebrow),.auth :is(h1,h2,h3,h4,label,.logo span,.eyebrow,small,.error){color:#14264b!important}
.crm-content :is(.notice,.notice.warn,.code,.card),#modal :is(.notice,.notice.warn,.code){background:#fff!important;color:#14264b!important;border-color:#7183a2!important}
.auth{background:#fff!important;color:#14264b!important}.skip{background:#fff!important;color:#14264b!important}

.st-checkout-line{padding:1rem;border:1px solid #7183a2;border-radius:12px;margin-block:1rem;background:#fff;color:#14264b;min-width:0}
.st-checkout-line>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.st-checkout-line>header>div{min-width:0}.st-checkout-line small,[data-checkout-products] small{display:block;overflow-wrap:anywhere}
.st-checkout-allocation{display:grid;grid-template-columns:minmax(0,1fr) minmax(85px,130px) auto;align-items:end;gap:.75rem;margin-block:.75rem}
.crm-content label.st-checkout-review{display:flex;align-items:flex-start;gap:.75rem;margin-block:1rem}.st-checkout-review input{margin-top:.3rem;flex:0 0 auto}
[data-checkout-receipt]:not(:empty){border:1px solid #14264b;border-radius:12px;padding:1rem;margin-block:1rem;background:#fff;color:#14264b}
@media(max-width:640px){.st-checkout-allocation{grid-template-columns:1fr}.st-checkout-line>header{display:block}.st-checkout-line>header .btn{margin-block:.75rem}}