/* Gabarit de connexion OUMTECH — surcharge, le HTML ne change pas. */
body{
  background:linear-gradient(160deg,#0d4a63 0%,#12617f 45%,#0a3d54 100%);
  color:#eaf2f6;
}
.card{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 24px 60px rgba(0,0,0,.35);
  max-width:390px;
}
.brandlogo-login{display:block;margin:0 auto 10px;height:64px;width:auto;}
h1{color:#E8A31E;letter-spacing:.5px;font-size:26px;}
.sub{
  color:#cfe3ec;letter-spacing:2px;text-transform:uppercase;
  font-size:11px;margin-bottom:30px;
}
label{color:#E8A31E;font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;}
input{
  background:transparent;border:0;border-bottom:2px solid #E8A31E;
  border-radius:0;padding:10px 2px;color:#fff;
}
input:focus{outline:0;border-bottom-color:#ffc451;}
button{
  background:rgba(13,74,99,.85);border:1px solid rgba(255,255,255,.22);
  letter-spacing:2px;text-transform:uppercase;border-radius:12px;
}
button:hover{background:rgba(13,74,99,1);}
.err{background:rgba(127,29,29,.5);border-color:#b91c1c;color:#ffd7d7;}

/* Ordre des onglets : Admin (compte client) en premier, Utilisateur en dernier.
   Fait en CSS et non en HTML : le mecanisme showTab() et les id restent
   strictement inchanges, on ne touche pas au code d'authentification. */
#tab-admin{order:3;}
#tab-gerant{order:2;}
#tab-client{order:1;}
/* Le premier bouton porte la couleur active, le dernier la couleur neutre. */
#tab-client{background:#0d4a63 !important;color:#fff !important;}
#tab-admin{background:rgba(255,255,255,.10) !important;color:#cfe3ec !important;}