@layer myprofi286 {
html[data-ux286],html[data-ux286] body{background:#fff!important;background-image:none!important;color:#29342b!important;color-scheme:light!important;--mp-bg:#fff!important;--mp-surface:#fff!important;--bg:#fff!important;--surface:#fff!important;--panel:#fff!important}
html[data-ux286] :is(.main,.public,.panel,.card,.login,.platform-main50,.platform-content50,.platform-panel50,.platform-login50,.workspace-main218,.account-popup263,.settings-block235,.review278,#client285,#clientBody285,#app,.map-dock279 #shops){background-color:#fff!important;background-image:none!important}
html[data-ux286] #themeToggle{display:none!important}
html[data-ux286] .password-wrap286{position:relative!important;display:block!important;width:100%!important;min-width:0!important;background:transparent!important}
html[data-ux286] .password-wrap286>input{padding-right:50px!important;width:100%!important;box-sizing:border-box!important}
html[data-ux286] .password-wrap286>.password-eye286{box-sizing:border-box!important;position:absolute!important;right:3px!important;top:50%!important;transform:translateY(-50%)!important;width:44px!important;height:42px!important;min-width:44px!important;min-height:42px!important;margin:0!important;padding:10px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#546154!important;box-shadow:none!important;display:grid!important;place-items:center!important;cursor:pointer!important}
html[data-ux286] .password-eye286 svg{width:23px!important;height:23px!important;pointer-events:none!important}
html[data-ux286] .password-eye286[aria-pressed=true]{color:#19271c!important;background:#dce8d5!important}
html[data-ux286] .password-eye286:focus-visible{outline:2px solid #456c38!important;outline-offset:0!important}
html[data-ux286] #clientBody285.auth-mode286{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;min-height:calc(100dvh - 170px)!important}
html[data-ux286] .auth-panel286{width:min(640px,100%)!important;border:1px solid #e0e4dc!important;border-radius:26px!important;padding:24px!important;background:#fff!important;margin:20px auto!important}
html[data-ux286] .auth-panel286 .brand286{font-size:24px!important;font-weight:800!important;letter-spacing:-1px!important;margin:0 0 28px!important;color:#29342b!important}
html[data-ux286] .auth-panel286 h1{font-size:32px!important;font-weight:750!important;margin:0 0 30px!important;letter-spacing:-1px!important}
html[data-ux286] .auth-panel286 label{font-size:16px!important;color:#72796f!important;margin:16px 0!important;gap:8px!important}
html[data-ux286] .auth-panel286 input{background:#eaf1fc!important;border:1px solid #e0e4dc!important;border-radius:13px!important;min-height:49px!important;color:#283329!important;padding:12px 14px!important;font-size:16px!important}
html[data-ux286] .auth-panel286 #auth285>button{width:100%!important;background:#29342b!important;color:#fff!important;border:0!important;border-radius:13px!important;min-height:50px!important;margin-top:24px!important}
html[data-ux286] .login-check286{font-size:13px!important;min-height:18px!important;margin-top:7px!important;line-height:1.4!important;color:#626e5d!important}
html[data-ux286] .login-check286[data-available=true]{color:#28632b!important}html[data-ux286] .login-check286[data-available=false]{color:#a1332c!important}
html[data-ux286] .login-suggestions286{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:8px!important}
html[data-ux286] .login-suggestions286 button{background:#f3f7ee!important;color:#29342b!important;border:1px solid #cfd9c4!important;border-radius:10px!important;min-height:36px!important;padding:7px 12px!important;font-size:14px!important;font-weight:500!important}
html[data-ux286] .client-admin286{overflow:auto!important}html[data-ux286] .client-admin286 td,html[data-ux286] .client-admin286 th{white-space:nowrap!important}
html[data-ux286] .staff-dialog286{width:min(560px,calc(100vw - 30px))!important;max-height:90dvh!important;padding:24px!important;border-radius:22px!important;border:1px solid #dce1d5!important;background:#fff!important;color:#29342b!important;overflow:auto!important}
html[data-ux286] .staff-dialog286 form{display:grid!important;gap:14px!important}.staff-dialog286::backdrop{background:#15231c88}
}

/* MYPROFI 287: foreground colours must match the light backgrounds from 286.
   Keep this in the first important cascade layer, including WebKit text fill. */
@layer myprofi286 {
 html[data-ux286] .dashCards272>.revenue272 {
  background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;
  border:1px solid #dde3d8!important;
 }
 html[data-ux286] .revenue272 :is(h3,strong,p,span,small,.muted) {
  color:#111!important;-webkit-text-fill-color:#111!important;
 }
 html[data-ux286] .revenue272 p {color:#526052!important;-webkit-text-fill-color:#526052!important}
 /* Explicit selected/light-green controls; red online-booking actions stay separate. */
 html[data-ux286] :is(
  button:is(.active,[aria-pressed=true],[aria-selected=true],[aria-current=page]):not(.online-toggle230):not(.danger):not([data-cancel]),
  .booking-tabs269 button.primary,.slots button.active,.review278 [type=submit],
  .booking-fab265,[data-work].working268,.online-toggle230[aria-pressed=true],
  .booking-days281 button[aria-pressed=true],.time-popup276 button.active,#available282[aria-pressed=true]
 ) {background-color:var(--mp-lime,#d5f574)!important;background-image:none!important;color:#111!important;-webkit-text-fill-color:#111!important}
 html[data-ux286] :is(
  button:is(.active,[aria-pressed=true],[aria-selected=true],[aria-current=page]):not(.online-toggle230):not(.danger):not([data-cancel]),
  .booking-tabs269 button.primary,.slots button.active,.review278 [type=submit],
  .booking-fab265,[data-work].working268,.online-toggle230[aria-pressed=true],
  .booking-days281 button[aria-pressed=true],.time-popup276 button.active,#available282[aria-pressed=true]
 ) :is(span,strong,b,small,svg,i,label,time,.muted) {background-color:var(--mp-lime,#d5f574)!important;background-image:none!important;color:#111!important;-webkit-text-fill-color:#111!important}
}