/* Client-side audit polish — 26 Sep 2026
   Keeps client pages aligned with the established Style Hub Pro design system. */

.public-shell .stable-customer-site-home,
.public-shell .stable-customer-site-home:link,
.public-shell .stable-customer-site-home:visited{
  text-decoration:none!important;
  color:#171717!important;
}

.public-shell .stable-customer-menu button[data-stable-customer-action="notifications"]{
  padding-left:35px!important;
  padding-right:35px!important;
  text-align:center!important;
}

.public-shell.customer-notification-centre,
.public-shell.customer-request-page{
  width:min(720px,100%)!important;
  margin:0 auto!important;
}

.public-shell.customer-notification-centre .public-hero,
.public-shell.customer-request-page .public-hero{
  padding:18px 0 10px!important;
}

.public-shell.customer-notification-centre .public-hero h1,
.public-shell.customer-request-page .public-hero h1{
  margin:5px 0 7px!important;
  font-size:clamp(34px,7vw,48px)!important;
  line-height:1.04!important;
}

.public-shell.customer-notification-centre .public-card{
  margin-top:10px!important;
  padding:16px!important;
  border-radius:15px!important;
  box-shadow:none!important;
}

.public-shell.customer-notification-centre .serif{
  font-size:20px!important;
  line-height:1.15!important;
}

.public-shell.customer-notification-centre .public-card p{
  margin:7px 0!important;
  line-height:1.45!important;
}

.public-shell.customer-request-page form.public-card{
  padding:18px!important;
  border-radius:16px!important;
}

.public-shell.customer-request-page .section{
  margin-top:16px!important;
}

.public-shell.customer-request-page .field{
  margin-top:8px!important;
}

.public-shell.customer-request-page .formgrid{
  gap:9px!important;
}

.public-shell.customer-request-page .field input,
.public-shell.customer-request-page .field select,
.public-shell.customer-request-page .field textarea{
  min-height:44px!important;
  padding:9px 11px!important;
  border-radius:11px!important;
}

.public-shell.customer-request-page textarea{
  min-height:76px!important;
}

.public-shell.customer-request-page .notice{
  margin-top:8px!important;
}

@media(max-width:600px){
  .public-shell.customer-notification-centre,
  .public-shell.customer-request-page{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .public-shell.customer-notification-centre .public-hero,
  .public-shell.customer-request-page .public-hero{
    padding-top:10px!important;
  }
  .public-shell.customer-request-page form.public-card{
    padding:14px!important;
  }
}

/* Client utility screens use the same interface heading face as the dashboard. */
.public-shell.customer-notification-centre .public-hero h1,
.public-shell.customer-request-page .public-hero h1,
.stable-customer-view h1,
.stable-customer-view h2,
.public-shell.customer-notification-centre .serif{
  font-family:var(--sh-font-ui,"Style Hub UI",sans-serif)!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
}