/* Contour lumineux AY — même mouvement que le bouton Mode IA */
:where(
  button:not(.ai-mode-button):not(.mobile-nav-item):not(.sidebar-collapse):not(.mobile-sidebar-button):not(.menu-toggle):not(.password-toggle):not(.pwa-dialog-close),
  a.button,
  label.button,
  a.mini-action,
  a.public-login-button,
  label.camera-button
){position:relative;isolation:isolate;overflow:visible}

:where(
  button:not(.ai-mode-button):not(.mobile-nav-item):not(.sidebar-collapse):not(.mobile-sidebar-button):not(.menu-toggle):not(.password-toggle):not(.pwa-dialog-close),
  a.button,
  label.button,
  a.mini-action,
  a.public-login-button,
  label.camera-button
)::before,
:where(
  button:not(.ai-mode-button):not(.mobile-nav-item):not(.sidebar-collapse):not(.mobile-sidebar-button):not(.menu-toggle):not(.password-toggle):not(.pwa-dialog-close),
  a.button,
  label.button,
  a.mini-action,
  a.public-login-button,
  label.camera-button
)::after{content:"";position:absolute;z-index:2;inset:-2px;border-radius:inherit;padding:2px;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}

:where(
  button:not(.ai-mode-button):not(.mobile-nav-item):not(.sidebar-collapse):not(.mobile-sidebar-button):not(.menu-toggle):not(.password-toggle):not(.pwa-dialog-close),
  a.button,
  label.button,
  a.mini-action,
  a.public-login-button,
  label.camera-button
)::before{background:linear-gradient(105deg,#34a853 0 16%,#fbbc05 30%,#ea4335 47%,#4285f4 73% 100%)!important;opacity:0!important;transition:opacity .18s ease}

:where(
  button:not(.ai-mode-button):not(.mobile-nav-item):not(.sidebar-collapse):not(.mobile-sidebar-button):not(.menu-toggle):not(.password-toggle):not(.pwa-dialog-close),
  a.button,
  label.button,
  a.mini-action,
  a.public-login-button,
  label.camera-button
)::after{background:conic-gradient(from var(--ay-global-light-angle,0deg),transparent 0deg 268deg,#34a853 288deg,#fbbc05 306deg,#ea4335 326deg,#4285f4 348deg,transparent 360deg)!important;filter:drop-shadow(0 0 3px rgba(255,255,255,.98)) drop-shadow(0 0 7px rgba(66,133,244,.7))!important;opacity:0!important;transition:opacity .18s ease;transform:none!important}

:where(
  button:not(.ai-mode-button):not(.mobile-nav-item):not(.sidebar-collapse):not(.mobile-sidebar-button):not(.menu-toggle):not(.password-toggle):not(.pwa-dialog-close),
  a.button,
  label.button,
  a.mini-action,
  a.public-login-button,
  label.camera-button
):not(:disabled):hover::before,
:where(
  button:not(.ai-mode-button):not(.mobile-nav-item):not(.sidebar-collapse):not(.mobile-sidebar-button):not(.menu-toggle):not(.password-toggle):not(.pwa-dialog-close),
  a.button,
  label.button,
  a.mini-action,
  a.public-login-button,
  label.camera-button
):focus-visible::before{opacity:.72!important}

:where(
  button:not(.ai-mode-button):not(.mobile-nav-item):not(.sidebar-collapse):not(.mobile-sidebar-button):not(.menu-toggle):not(.password-toggle):not(.pwa-dialog-close),
  a.button,
  label.button,
  a.mini-action,
  a.public-login-button,
  label.camera-button
):not(:disabled):hover::after,
:where(
  button:not(.ai-mode-button):not(.mobile-nav-item):not(.sidebar-collapse):not(.mobile-sidebar-button):not(.menu-toggle):not(.password-toggle):not(.pwa-dialog-close),
  a.button,
  label.button,
  a.mini-action,
  a.public-login-button,
  label.camera-button
):focus-visible::after{opacity:1!important;animation:ay-global-button-light 3.2s linear infinite!important}

@property --ay-global-light-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes ay-global-button-light{to{--ay-global-light-angle:360deg}}
@media(prefers-reduced-motion:reduce){
 :where(button,a.button,label.button,a.mini-action,a.public-login-button,label.camera-button)::after{animation:none!important}
}