/* Welcome-approved luxury art: fix the tiny boxed nav-brand and washed-out page.
   Only affects application screens. The approved main Welcome page is unchanged. */
body:not(.welcome-mode) #overlay.app-screen .dialog {
  position:relative;isolation:isolate;
  background:
    radial-gradient(circle at 30% 12%,#fffaf5db,transparent 42%),
    radial-gradient(ellipse at 92% 78%,#f3bfd044,transparent 50%),
    linear-gradient(118deg,transparent 0 32%,#cb9b7550 32.12%,#fff8ed9a 32.36%,transparent 32.85%),
    linear-gradient(155deg,transparent 0 64%,#bc876341 64.12%,#fff5e981 64.4%,transparent 64.8%),
    linear-gradient(142deg,#fff6e8 0%,#f7dcd5 49%,#fae2dd 100%)!important;
}
/* Keep decorative imagery OUTSIDE the interactive layer. */
body:not(.welcome-mode) #overlay.app-screen .dialog .sn-luxury-screen-art{
  position:absolute;z-index:0;inset:0;pointer-events:none;
  overflow:hidden;border-radius:inherit;
}
body:not(.welcome-mode) #overlay.app-screen .dialog .sn-luxury-screen-art::before,
body:not(.welcome-mode) #overlay.app-screen .dialog .sn-luxury-screen-art::after{
  content:"";position:absolute;display:block;pointer-events:none;
  background-image:url('./sn-brand.avif');background-repeat:no-repeat;
  filter:saturate(1.14) contrast(1.04);
}
body:not(.welcome-mode) #overlay.app-screen .dialog .sn-luxury-screen-art::before{
  top:175px;left:-12px;width:clamp(105px,29vw,255px);height:clamp(235px,47vw,460px);
  background-size:auto 150%;background-position:left top;
  opacity:.70;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 40%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 40%,transparent 100%);
}
body:not(.welcome-mode) #overlay.app-screen .dialog .sn-luxury-screen-art::after{
  right:-10px;bottom:0;width:clamp(150px,38vw,360px);height:clamp(250px,49vw,460px);
  background-size:auto 215%;background-position:right bottom;
  opacity:.58;
  -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 48%,transparent 100%);
  mask-image:linear-gradient(270deg,#000 0%,#000 48%,transparent 100%);
}
body:not(.welcome-mode) #overlay.app-screen .dialog > :not(.sn-luxury-screen-art){
  position:relative;z-index:1;
}
/* Full cohesive logo, never a tiny square badge, and never lotus beside the name.
   Navigation uses a wider borderless panel that preserves the original image aspect ratio. */
body:not(.welcome-mode) #signature-app-navigation{
  background:linear-gradient(156deg,#fff9f1ed,#f6d8d6ef 70%,#f7e5dded)!important;
  border:1px solid #d6a78b!important;border-radius:22px!important;
  box-shadow:inset 0 2px 2px #fffdfa,0 12px 32px #70253b2e!important;
  padding:14px 15px 16px!important;
  margin:0 0 23px!important;
}
body:not(.welcome-mode) #signature-app-navigation .signature-nav-top{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  gap:9px!important;align-items:center!important;
}
body:not(.welcome-mode) #signature-app-navigation .signature-nav-identity{
  grid-column:1/-1;grid-row:1;
  width:100%!important;max-width:100%!important;align-items:center!important;
  padding:3px 0 8px!important;
  background:radial-gradient(ellipse at center,#fff9f1e6,transparent 67%);
}
body:not(.welcome-mode) #signature-app-navigation .sn-master-brand--nav{
  width:clamp(182px,43vw,300px)!important;max-width:92%!important;
  height:auto!important;aspect-ratio:864/856!important;
  object-fit:contain!important;object-position:center!important;
  border:0!important;box-shadow:none!important;border-radius:0!important;
}
body:not(.welcome-mode) #signature-app-navigation #signature-role-label{
  font-size:10px!important;letter-spacing:.18em!important;color:#85324d!important;
}
body:not(.welcome-mode) #signature-app-navigation #signature-current-title{
  font:400 clamp(20px,3vw,27px)/1.2 Georgia,serif!important;
  color:#721537!important;margin-top:5px!important;
}
body:not(.welcome-mode) #signature-app-navigation .signature-nav-back{
  grid-column:1;grid-row:2;justify-self:start!important;width:auto!important;
  padding:11px 17px!important;
}
body:not(.welcome-mode) #signature-app-navigation .signature-nav-utils{
  grid-column:2;grid-row:2;flex-direction:row!important;align-items:center!important;
  justify-self:end;gap:8px!important;
}
body:not(.welcome-mode) #signature-app-navigation .signature-nav-utils button{
  width:auto!important;min-width:75px!important;padding:10px 12px!important;
}
body:not(.welcome-mode) #signature-app-navigation .signature-nav-tabs{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;margin:12px 0 0!important;padding:12px 0 0!important;
  border-top:1px solid #d4a88f;overflow:visible!important;max-width:100%!important;
}
body:not(.welcome-mode) #signature-app-navigation .signature-nav-tabs button{
  min-width:0!important;width:100%!important;min-height:44px!important;
  padding:11px 7px!important;font-size:clamp(11px,2.7vw,14px)!important;
  white-space:normal!important;
}
/* Salon notices and form panels use the same frosted glass, readable over art. */
body:not(.welcome-mode) #overlay.app-screen #content{
  max-width:100%!important;min-width:0!important;
}
body:not(.welcome-mode) #overlay.app-screen #content>h2{
  color:#760d37!important;
  text-shadow:0 1px #fff8f3!important;
}
body:not(.welcome-mode) #overlay.app-screen .dialog .sn-luxury-screen-art ~ #content :is(p,input,textarea,select){
  position:relative;z-index:1;
}
@media(max-width:600px){
  body:not(.welcome-mode) #signature-app-navigation{padding:13px 12px 15px!important;border-radius:18px!important}
  body:not(.welcome-mode) #signature-app-navigation .sn-master-brand--nav{
    width:clamp(188px,61vw,252px)!important;max-width:95%!important;
  }
  body:not(.welcome-mode) #signature-app-navigation .signature-nav-identity{padding:0 0 7px!important}
  body:not(.welcome-mode) #signature-app-navigation .signature-nav-top{gap:7px!important}
  body:not(.welcome-mode) #signature-app-navigation .signature-nav-utils button{
    min-width:68px!important;padding:10px 9px!important;
  }
  body:not(.welcome-mode) #signature-app-navigation .signature-nav-tabs{gap:7px!important}
  body:not(.welcome-mode) #overlay.app-screen .dialog .sn-luxury-screen-art::before{
    top:140px;width:39vw;height:290px;opacity:.55;
  }
  body:not(.welcome-mode) #overlay.app-screen .dialog .sn-luxury-screen-art::after{
    width:51vw;height:330px;opacity:.50;
  }
}
@media(max-width:359px){
 body:not(.welcome-mode) #signature-app-navigation .sn-master-brand--nav{width:185px!important}
 body:not(.welcome-mode) #signature-app-navigation .signature-nav-tabs{gap:5px!important}
 body:not(.welcome-mode) #signature-app-navigation .signature-nav-tabs button{padding:9px 3px!important;font-size:11px!important}
}
@media(prefers-contrast:more){
 body:not(.welcome-mode) #overlay.app-screen .dialog .sn-luxury-screen-art{display:none}
}