/* Signature Nails — persistent navigation, visually aligned with the premium app. */
#signature-app-navigation[hidden]{display:none!important}
#signature-app-navigation{
  position:sticky;top:-35px;z-index:15;background:rgba(255,254,250,.98);
  backdrop-filter:blur(14px);border-bottom:1px solid #e9dbd5;
  margin:-14px -7px 25px;padding:14px 7px 15px;
}
.signature-nav-top{display:flex;align-items:center;gap:12px;justify-content:space-between}
.signature-nav-back,.signature-nav-utils button{
  min-height:42px;padding:9px 14px;border-radius:999px;
  border:1px solid #e2d1ce;background:#fffdf9;color:#664456;
  font:600 12px/1.3 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;
}
.signature-nav-back:hover,.signature-nav-utils button:hover{background:#f5eae6}
.signature-nav-identity{display:grid;gap:3px;flex:1;min-width:0}
.signature-nav-identity>span{font:700 9px/1.4 Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#a47a58}
.signature-nav-identity>strong{font:normal 19px/1.2 Georgia,serif;color:#492f42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.signature-nav-utils{display:flex;gap:6px;align-items:center}
.signature-nav-tabs{display:flex;gap:6px;overflow-x:auto;padding:13px 0 2px;scrollbar-width:thin;scroll-snap-type:x proximity}
.signature-nav-tabs button{
  border:1px solid #dfd1cc;background:#fffefa;color:#664a5a;
  border-radius:999px;flex:none;padding:11px 17px;
  min-height:43px;font:700 12px/1 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;
  scroll-snap-align:start;
}
.signature-nav-tabs button.active,.signature-nav-tabs button[aria-current=page]{
  color:#fff;background:#422b3c;border-color:#422b3c;
}
.signature-nav-tabs button:hover:not(.active){background:#f7edea}
#overlay.app-screen{align-items:stretch;padding:0}
#overlay.app-screen .dialog{
  width:min(100%,1160px);height:auto;min-height:100dvh;max-height:100dvh;
  overflow-y:auto;overflow-x:hidden;margin:auto;border-radius:0;
  padding:32px max(24px,calc((min(100vw, 1160px) - 1050px)/2));
}
#overlay.app-screen .dialog .close{position:absolute;right:19px;top:14px;z-index:16}
#overlay.app-screen .dialog #content{min-width:0;max-width:100%;padding-top:5px}
#overlay.app-screen .dialog .booking-pane,#overlay.app-screen .dialog .ui-modal-section{max-width:760px;margin:0 auto}
#overlay.app-screen .dialog .booking-progress{max-width:840px;margin-left:auto;margin-right:auto}
#overlay.app-screen .dialog:has(.signature-customer-home) .close{display:none}
.signature-customer-home{max-width:990px;margin:16px auto}
.signature-customer-home>h2{font-size:clamp(37px,5vw,63px);max-width:850px}
.signature-customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 20px}
.signature-customer-grid article{
  border:1px solid #eadbd5;background:#fffdfa;padding:26px 22px;min-height:245px;
  display:flex;align-items:flex-start;flex-direction:column;border-radius:9px;
}
.signature-customer-grid h3{font-size:24px;margin:10px 0 5px}
.signature-customer-grid p{font-size:13px;color:#75646e;line-height:1.65;flex:1}
.signature-customer-grid .site-button{margin-top:12px}
.signature-tile-icon{font:normal 28px Georgia,serif;color:#966a7d}
@media(min-width:1100px){
 #overlay.app-screen .dialog{padding:34px 45px}
}
@media(max-width:800px){
 .signature-nav-identity>strong{font-size:17px}
 #overlay.app-screen .dialog{padding:18px}
 .signature-customer-grid{grid-template-columns:1fr}
 .signature-customer-grid article{min-height:170px}
}
@media(max-width:600px){
 #overlay.app-screen{padding:0}
 #overlay.app-screen .dialog{
  border:none;border-radius:0;max-height:100dvh;min-height:100dvh;
  padding:14px 17px calc(25px + env(safe-area-inset-bottom));
 }
 #signature-app-navigation{top:-14px;padding:13px 0 9px;margin:-8px -2px 21px}
 .signature-nav-top{gap:8px}
 .signature-nav-back{padding:10px;min-width:63px}
 .signature-nav-identity>strong{font-size:15px}
 .signature-nav-utils{gap:3px}
 .signature-nav-utils button{padding:9px 10px;font-size:11px}
 .signature-nav-tabs{padding-top:10px;gap:5px}
 .signature-nav-tabs button{min-height:44px;font-size:12px}
 #overlay.app-screen .dialog .close{right:5px;top:6px}
 .signature-customer-grid article{min-height:156px}
}
@media(prefers-reduced-motion:reduce){.signature-nav-tabs{scroll-behavior:auto!important}}

#signature-app-navigation [hidden]{display:none!important}
#overlay.app-screen.signature-root .dialog .close{display:none!important}