/* Repris tel quel du <helmet> de la maquette boot.tyzi.fr.dc.html */
* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: #09090B;
  color: #F4F4F5;
  font-family: "Inter", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  background-image: radial-gradient(circle, #1c1c20 1px, transparent 1px);
  background-size: 32px 32px;
}

a { color: #F4F4F5; }
a:hover { color: #A1A1AA; }
button { font-family: inherit; }
input { font-family: inherit; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid #F4F4F5; outline-offset: 2px; }
::selection { background: #F4F4F5; color: #09090B; }

/* Les elements masques portent un display inline (flex, notamment) qui bat le
   display:none de la feuille navigateur pour [hidden]. Sans ce !important, les
   vues login et tableau de bord s'affichent en meme temps. */
[hidden] { display: none !important; }

@keyframes bt-pulse { 50% { opacity: 0.35; } }

@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }

/* Équivalents des style-hover= de la maquette */
#btn-login:hover:not(:disabled) { background: #A1A1AA; }
#btn-logout:hover, #btn-ask-shutdown:hover { border-color: #A1A1AA; color: #F4F4F5; }
#btn-confirm-shutdown:hover { border-color: #f87171; color: #f87171; }
#btn-cancel-shutdown:hover { color: #F4F4F5; }

/* Carte service cliquable (services web) */
a.svc-card { text-decoration: none; }
a.svc-card:hover { border-color: #3F3F46 !important; }
a.svc-card:hover .svc-open { color: #F4F4F5; }