/* Site-wide performance profile.
   Preserve glass colors while avoiding expensive live background sampling. */
html{
  scroll-behavior:auto!important;
}
body *,
body *::before,
body *::after{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Keep interactions crisp without prolonged compositing work. */
body :is(a,button,input,select,textarea,summary,label){
  transition-duration:.08s!important;
  transition-property:background-color,border-color,color,box-shadow,transform!important;
}
body :is(.portal-main,.admin-main,.cp-main) :is(a,button):active{
  transform:none!important;
}

/* Reduce the number and size of off-screen shadow layers. */
.portal-main :is(.dash-card,.glass-panel,.form-section,.data-card,.history-card,.schedule-person,.form-library,.month-agenda,.full-calendar,.notes-hub,.pos-panel,.report-card,.membership-plan,.settings-cards details),
.admin-main :is(.admin-panel,.user-admin-card),
.cp-main :is(.cp-card,.cp-hero,.cp-picture-intro,.cp-progress-grid button),
.cp-auth-card{
  box-shadow:0 7px 22px rgba(73,40,57,.08)!important;
}
.portal-nav,
.cp-nav{
  box-shadow:6px 0 22px rgba(50,27,39,.08)!important;
}

/* Let the browser skip layout and paint for below-the-fold workspaces. */
@supports(content-visibility:auto){
  .portal-content :is(.dash-card,.glass-panel,.form-section,.data-card,.history-card,.schedule-person,.form-library,.month-agenda,.notes-hub,.pos-panel,.report-card,.membership-plan,.settings-cards details),
  .admin-main :is(.admin-panel,.user-admin-card),
  .cp-content :is(.cp-card,.cp-progress-group){
    content-visibility:auto;
    contain-intrinsic-size:auto 320px;
  }
}

/* Avoid decorative animation work for users and devices requesting less motion. */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}
