/* 05/10/2026 (user : « quand je passe la souris sur les boutons de la barre du titre, ils doivent
   réagir, pas rien, tout en restant beaux ») : sur les bandeaux de couleur en haut de chaque écran,
   le survol éclaircit le bouton, son contour devient blanc et il se soulève d'un cheveu.
   Rien ne bouge au doigt : la règle ne s'applique qu'aux appareils à souris. */
body #site-app .stk-bandeau .btn,
body #site-app .stk-bandeau .stk-bandeau-actes button,
body #site-app .stk-bandeau .stk-bandeau-actes a,
body #site-app .plan-tete .btn{
  transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease !important}
@media (hover:hover) and (pointer:fine){
  body #site-app .stk-bandeau .btn:hover,
  body #site-app .stk-bandeau .stk-bandeau-actes button:hover,
  body #site-app .stk-bandeau .stk-bandeau-actes a:hover,
  body #site-app .plan-tete .btn:hover{
    background:rgba(255,255,255,.26) !important;border-color:rgba(255,255,255,.95) !important;
    transform:translateY(-1px) scale(1.04) !important;box-shadow:0 6px 16px -8px rgba(0,0,0,.55) !important}
}
body #site-app .stk-bandeau .btn:active,
body #site-app .stk-bandeau .stk-bandeau-actes button:active,
body #site-app .plan-tete .btn:active{transform:translateY(0) scale(.97) !important}
/* Même attention à la barre du haut (messages, notifications, réglages, sortie). */
@media (hover:hover) and (pointer:fine){
  body #site-app .topbar .tb-actions > *:hover{background:color-mix(in srgb,var(--or) 14%,var(--s2)) !important;
    border-color:var(--or) !important;transform:translateY(-1px) scale(1.06) !important}
}
body #site-app .topbar .tb-actions > *{transition:background .16s ease,border-color .16s ease,transform .16s ease}