/* Approved brand lock: the same complete five-part vertically stacked asset everywhere.
   Welcome layout is not changed. Never split the lotus from its wordmark. */
body:not(.welcome-mode) #site-shell .site-header{
 flex-direction:column!important;justify-content:center!important;gap:9px!important;
}
body:not(.welcome-mode) #site-shell .site-header .brand{
 display:block!important;align-self:center!important;flex:none!important;
 width:clamp(172px,43vw,270px)!important;max-width:calc(100vw - 28px)!important;
 padding:0!important;margin:0 auto!important;line-height:0!important;
}
.sn-master-brand{display:block!important;position:static!important;
 width:100%!important;height:auto!important;aspect-ratio:864/856;
 object-fit:contain!important;object-position:center!important;
 max-width:100%!important;max-height:none!important;min-width:0;
 margin-inline:auto;filter:none!important;transform:none!important;
 border:0!important;border-radius:0!important;clip-path:none!important;
}
body:not(.welcome-mode) #site-shell .site-nav{
 justify-content:center!important;width:100%!important;gap:7px!important;
}
body:not(.welcome-mode) #site-shell .site-footer-inner{
 flex-direction:column!important;justify-content:center!important;align-items:center!important;
}
body:not(.welcome-mode) #site-shell .sn-master-brand--footer{
 width:clamp(175px,36vw,280px)!important;max-width:100%!important;
}
#signature-app-navigation .signature-nav-top{
 display:grid!important;grid-template-columns:minmax(48px,1fr) minmax(0,2fr) minmax(48px,1fr);
 align-items:center!important;gap:8px!important;
}
#signature-app-navigation .signature-nav-identity{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;gap:3px!important;min-width:0!important;
 text-align:center!important;
}
#signature-app-navigation .sn-master-brand--nav{
 width:clamp(118px,31vw,187px)!important;height:auto!important;
}
#signature-app-navigation #signature-role-label,
#signature-app-navigation #signature-current-title{
 display:block!important;width:100%!important;max-width:100%;
 text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;
}
#signature-app-navigation .signature-nav-utils{
 justify-content:flex-end!important;flex-wrap:wrap!important;
}
#signature-app-navigation .signature-nav-back{justify-self:start}
@media(max-width:600px){
 body:not(.welcome-mode) #site-shell .site-header .brand{width:clamp(162px,48vw,220px)!important}
 #signature-app-navigation .signature-nav-top{
  grid-template-columns:minmax(52px,1fr) minmax(0,2.3fr) minmax(52px,1fr);
 }
 #signature-app-navigation .sn-master-brand--nav{width:clamp(111px,32vw,160px)!important}
 #signature-app-navigation .signature-nav-utils{flex-direction:column!important;align-items:stretch!important}
 #signature-app-navigation .signature-nav-utils button{min-height:44px!important}
}
@media(max-width:359px){
 #signature-app-navigation .signature-nav-top{
  grid-template-columns:minmax(44px,1fr) minmax(0,2fr) minmax(44px,1fr);
 }
 #signature-app-navigation .sn-master-brand--nav{width:min(100%,110px)!important}
}
