/* Stable title + tab frame. Only business content scrolls below the tabs. */
html[data-warm-workspace]:is(.orange-member-secondary-nav,.orange-materials-secondary,.orange-staff-secondary,.orange-cloud-services-secondary) :is(#memberAdmin,#memberBenefitsAdmin,#mediaLibraryPro,#coachMediaReview,#staffPermissionsPro,#cloudServicesPro) {
  top:235px!important;bottom:0!important;height:auto!important;padding-top:0!important;
  animation:none!important;transform:none!important;will-change:auto!important;scroll-padding-top:12px;
}
html[data-warm-workspace]:is(.orange-member-secondary-nav,.orange-materials-secondary,.orange-staff-secondary,.orange-cloud-services-secondary) :is(#memberAdmin,#memberBenefitsAdmin,#mediaLibraryPro,#coachMediaReview,#staffPermissionsPro,#cloudServicesPro)>:is(.ma-head,.mb-header,.mlp-head,.cmr-head,.sp-head,.cloud-services-head) {
  position:fixed!important;top:92px!important;left:260px!important;right:24px!important;
  height:55px!important;min-height:0!important;margin:0!important;padding:0!important;
  z-index:10014;background:#faf9f7!important;max-width:none!important;
}
html[data-warm-workspace]:is(.orange-member-secondary-nav,.orange-materials-secondary,.orange-staff-secondary,.orange-cloud-services-secondary) #orangeSecondaryRail {top:151px!important;transform:none!important;animation:none!important;}
html[data-warm-workspace] #memberAdmin .ma-shell {padding-top:0!important;}
html[data-warm-workspace] #memberAdmin #maReferenceFold .ma-ref-layout {display:none!important;}
html[data-warm-workspace] #memberAdmin #maMembers {margin-top:12px!important;}
html[data-warm-workspace] :is(#memberAdmin,#memberBenefitsAdmin,#mediaLibraryPro,#coachMediaReview,#staffPermissionsPro) :is(#maLevels,#maHonor,#maRecovery,.mb-secondary-stage,.mlp-secondary-stage,.sp-designed-workspace,.cmr-workspace) {margin-top:0!important;}
html[data-warm-workspace] #mediaLibraryPro .mlp-ref-kpis {margin-top:0!important;}
html[data-warm-workspace] #memberBenefitsAdmin[data-view="configure"] .mb-shell {display:block!important;margin:0!important;}
html[data-warm-workspace] #memberBenefitsAdmin[data-view="configure"] .mb-header-actions {display:flex!important;gap:10px;}
html[data-warm-workspace] #memberBenefitsAdmin[data-view="configure"] .mb-header p {display:none!important;}
html[data-warm-workspace] #memberBenefitsAdmin[data-view="configure"] .mb-layout {align-items:start;}
html[data-warm-workspace] #memberBenefitsAdmin[data-view="configure"] .mb-preview {position:sticky;top:0;}
/* Equal label rows and control heights; helper copy never stretches the other field. */
.mlp-dialog .mlp-dialog-body {align-items:start;}
.mlp-dialog .mlp-field {align-content:start;grid-template-rows:auto 42px auto;}
.mlp-dialog .mlp-field>span {line-height:18px;}
.mlp-dialog .mlp-field :is(select,.orange-select-trigger) {height:42px!important;min-height:42px!important;margin:0!important;box-sizing:border-box;}
/* Emil design engineering: frequent navigation is immediate, not a moving canvas. */
html[data-warm-workspace] :is(.orange-route-enter,.orange-route-heading-enter) {
  animation:none!important;transform:none!important;will-change:auto!important;
}
/* Keep form columns top-aligned across shared dialogs and product/benefit editors. */
:is(.orange-ui-form,.pap-grid,.pap-editor-panel,.mb-benefit-row) {align-items:start;}
:is(.pap-field,.orange-ui-field,.mb-benefit-row>label) {min-width:0;}
:is(.pap-field,.orange-ui-field,.mb-benefit-row>label) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,.orange-select-trigger) {
  height:42px!important;min-height:42px!important;box-sizing:border-box;
}
:is(.mlp-dialog,.pap-modal,.orange-ui-dialog,#memberBenefitsAdmin) :is(button,input,select,textarea):focus-visible {
  outline:2px solid #8d642f!important;outline-offset:3px;
}
:is(.mlp-dialog,.pap-modal,.orange-ui-dialog,#memberBenefitsAdmin) button {
  transition:transform 140ms cubic-bezier(.23,1,.32,1),background-color 140ms ease,border-color 140ms ease;
}
:is(.mlp-dialog,.pap-modal,.orange-ui-dialog,#memberBenefitsAdmin) button:active:not(:disabled):not(:focus-visible) {transform:scale(.98);}
:is(.mlp-dialog,.pap-modal,.orange-ui-dialog) :is(.mlp-field small,.pap-field-note,.orange-ui-hint) {color:#706356;font-size:12px;line-height:1.5;}
@media(hover:none){.orange-ui-button:hover{transform:none;}}
@media(prefers-reduced-motion:reduce){
  :is(.mlp-dialog,.pap-modal,.orange-ui-dialog,#memberBenefitsAdmin) button {transition:none;}
  :is(.mlp-dialog,.pap-modal,.orange-ui-dialog,#memberBenefitsAdmin) button:active {transform:none;}
}
/* Real stores use the logo already saved in 门店设置. Earlier reference CSS
   hid this image behind a generic artwork even after the profile loaded. */
html[data-warm-workspace] #app#app#app#app .brand-mark[data-store-logo="1"]{
  padding:3px!important;overflow:hidden!important;background:#fff!important;border-radius:10px!important;mix-blend-mode:normal!important;
}
html[data-warm-workspace] #app#app#app#app .brand-mark[data-store-logo="1"]>img{
  display:block!important;visibility:visible!important;width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important;
}
html[data-warm-workspace] #app#app#app#app .brand-mark[data-store-logo="fallback"]{
  padding:3px!important;overflow:hidden!important;background:#fff!important;color:transparent!important;border-radius:10px!important;mix-blend-mode:normal!important;
}
html[data-warm-workspace] #app#app#app#app .brand-mark[data-store-logo="fallback"]>img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important;}
html[data-warm-workspace] #storeProfilePro .spp-overview-logo[data-settings-logo-zone]{
  cursor:pointer!important;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease!important;
}
html[data-warm-workspace] #storeProfilePro .spp-overview-logo[data-settings-logo-zone]:hover{
  border-color:#c49a60!important;background:#fffaf2!important;
}
html[data-warm-workspace] #storeProfilePro .spp-overview-logo[data-settings-logo-zone]:focus-visible{
  outline:2px solid #a77536!important;outline-offset:3px!important;box-shadow:0 0 0 4px rgba(167,117,54,.12)!important;
}
html[data-warm-workspace] #storeProfilePro .spp-logo-action{
  color:#273140!important;font:600 14px/1 var(--oe-font)!important;font-style:normal!important;
}
/* Supplied artwork, scoped strictly to the twenty Orange demo stores. */
/* Match the legacy reference sheet's four-ID specificity without affecting other stores. */
html[data-orange-demo-brand][data-warm-workspace] #app#app#app#app .brand-mark:not([data-store-logo="1"]):not([data-store-logo="fallback"]),
html[data-orange-demo-brand]:is(#orangeBrandA#orangeBrandB#orangeBrandC,html) .orange-workspace-store-card .owsc-mark:not([data-store-logo="1"]):not([data-store-logo="fallback"]) {
  background:#080806 url('/static/images/brand/orange-demo-logo.png') center/contain no-repeat!important;border-radius:8px!important;mix-blend-mode:normal!important;
}
html[data-orange-demo-brand]:is(#orangeBrandA#orangeBrandB#orangeBrandC,html) .orange-workspace-store-card .owsc-mark:not([data-store-logo="1"]):not([data-store-logo="fallback"]){opacity:1!important;}
html[data-orange-demo-brand] .orange-route-loader-mark {background:#080806;border-radius:8px;overflow:hidden;animation:none!important;}
html[data-orange-demo-brand] .orange-route-loader-mark img {object-fit:contain;animation:none!important;}
html[data-orange-demo-brand] .orange-route-loader-blink {display:none!important;}
@media(max-width:850px){
  html[data-warm-workspace]:is(.orange-member-secondary-nav,.orange-materials-secondary,.orange-staff-secondary,.orange-cloud-services-secondary) :is(#memberAdmin,#memberBenefitsAdmin,#mediaLibraryPro,#coachMediaReview,#staffPermissionsPro,#cloudServicesPro){top:205px!important;left:0!important;padding-left:16px!important;padding-right:16px!important;}
  html[data-warm-workspace]:is(.orange-member-secondary-nav,.orange-materials-secondary,.orange-staff-secondary,.orange-cloud-services-secondary) :is(#memberAdmin,#memberBenefitsAdmin,#mediaLibraryPro,#coachMediaReview,#staffPermissionsPro,#cloudServicesPro)>:is(.ma-head,.mb-header,.mlp-head,.cmr-head,.sp-head,.cloud-services-head){left:16px!important;right:16px!important;top:78px!important;height:48px!important;}
  html[data-warm-workspace]:is(.orange-member-secondary-nav,.orange-materials-secondary,.orange-staff-secondary,.orange-cloud-services-secondary) #orangeSecondaryRail{display:flex!important;left:16px!important;right:16px!important;top:130px!important;height:62px!important;}
}
