/* UNPNC 0.9.224 — indicateurs de connexion dans l'en-tête uniquement. */
.unpnc-app .unpnc-header-actions .unpnc-space-shortcut,
.unpnc-app .unpnc-header-actions .unpnc-session-lock {
  transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.unpnc-app .unpnc-header-actions .unpnc-space-shortcut > [data-unpnc-space-avatar] {
  display:grid!important;place-items:center!important;width:30px!important;height:30px!important;
  background:transparent!important;color:inherit!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
.unpnc-app .unpnc-header-actions .unpnc-space-shortcut svg,
.unpnc-app .unpnc-header-actions .unpnc-session-lock svg {
  display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;
}
.unpnc-app .unpnc-header-actions .unpnc-space-shortcut svg .unpnc-account-user-strike {stroke-width:2.3;}
.unpnc-app .unpnc-header-actions .unpnc-session-lock .unpnc-lock-icons{display:grid!important;place-items:center!important;width:30px;height:30px;background:transparent!important;color:inherit!important;box-shadow:none!important;}
.unpnc-app .unpnc-header-actions .unpnc-session-lock .unpnc-open-lock{display:none;}
/* Déconnecté : utilisateur barré + cadenas fermé. Cadre bleu-gris discret, non rouge. */
.unpnc-app .unpnc-header-actions .unpnc-space-shortcut{color:#e8f3fb!important;}
.unpnc-app[data-auth-state] .unpnc-header-actions .unpnc-session-lock{
  display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,rgba(58,113,151,.29),rgba(30,79,117,.25))!important;
  border:1px solid rgba(152,200,232,.47)!important;color:#e8f3fb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11)!important;
}
/* Connexion validée : utilisateur sans barre, encadré vert doux ; cadenas ouvert, encadré rouge doux. */
.unpnc-app[data-auth-state="approved"] .unpnc-header-actions .unpnc-space-shortcut,
.unpnc-app[data-auth-state="admin"] .unpnc-header-actions .unpnc-space-shortcut{
  background:linear-gradient(145deg,rgba(75,173,136,.42),rgba(28,117,100,.38))!important;
  border:1px solid rgba(164,229,192,.78)!important;color:#e9fff3!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 0 1px rgba(65,181,126,.11)!important;
}
.unpnc-app[data-auth-state="approved"] .unpnc-header-actions .unpnc-account-user-strike,
.unpnc-app[data-auth-state="admin"] .unpnc-header-actions .unpnc-account-user-strike{display:none;}
.unpnc-app[data-auth-state="approved"] .unpnc-header-actions .unpnc-session-lock,
.unpnc-app[data-auth-state="admin"] .unpnc-header-actions .unpnc-session-lock{
  background:linear-gradient(145deg,rgba(206,111,113,.45),rgba(151,71,86,.42))!important;
  border:1px solid rgba(255,173,171,.78)!important;color:#fff2ef!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(207,99,101,.1)!important;
}
.unpnc-app[data-auth-state="approved"] .unpnc-header-actions .unpnc-session-lock .unpnc-closed-lock,
.unpnc-app[data-auth-state="admin"] .unpnc-header-actions .unpnc-session-lock .unpnc-closed-lock{display:none;}
.unpnc-app[data-auth-state="approved"] .unpnc-header-actions .unpnc-session-lock .unpnc-open-lock,
.unpnc-app[data-auth-state="admin"] .unpnc-header-actions .unpnc-session-lock .unpnc-open-lock{display:block;}
/* Les états passent avant les anciennes règles hover et thème, sans modifier les autres boutons. */
.unpnc-app[data-auth-state="approved"] .unpnc-header-actions .unpnc-space-shortcut:hover,
.unpnc-app[data-auth-state="admin"] .unpnc-header-actions .unpnc-space-shortcut:hover{background:rgba(73,175,132,.53)!important;border-color:#b3efd0!important;}
.unpnc-app .unpnc-header-actions .unpnc-session-lock:hover{background:rgba(66,134,175,.39)!important;border-color:#b9e6fc!important;}
.unpnc-app[data-auth-state="approved"] .unpnc-header-actions .unpnc-session-lock:hover,
.unpnc-app[data-auth-state="admin"] .unpnc-header-actions .unpnc-session-lock:hover{background:rgba(183,85,98,.51)!important;border-color:#ffd3d4!important;}
/* Cet emplacement sert aussi à ouvrir la connexion lorsqu'aucune session n'est active. */
.unpnc-app[data-auth-state="checking"] .unpnc-header-actions .unpnc-session-lock,
.unpnc-app[data-auth-state="signed-out"] .unpnc-header-actions .unpnc-session-lock,
.unpnc-app[data-auth-state="auth-error"] .unpnc-header-actions .unpnc-session-lock{display:grid!important;}
@media(max-width:600px){
  .unpnc-app .unpnc-header-actions .unpnc-space-shortcut svg,
  .unpnc-app .unpnc-header-actions .unpnc-session-lock svg{width:22px;height:22px;}
}