/* Compléments au template existant : corrections ciblées, sans remplacement de la charte. */
.navbar-stelogy-grey { background-color: #444852; }
.sidebar-dark-stelogyYel { background-color: #343a40; }
.stelogy-login {
    background-image: linear-gradient(to right, rgba(34,47,51,.9), rgba(68,72,82,.95)), url('/dist/nomotech/image/ap-pattern-jaune.svg');
    background-color: #222f33;
}
.stelogy-login-logo { width: 300px; max-width: 100%; }
.login-box { max-width: calc(100vw - 32px); }
.user-panel .info { overflow: hidden; text-overflow: ellipsis; }
.user-panel .info span { display: block; white-space: nowrap; }
.main-footer { color: #444852; }
.person-colour { display: inline-block; width: .75rem; height: .75rem; border-radius: 50%; border: 1px solid #666; }
.reference-tools { white-space: nowrap; }
.reference-table td { overflow-wrap: anywhere; vertical-align: middle; }
.modal .form-control[type=color] { height: 38px; padding: 4px; }
[hidden] { display: none !important; }

.planning-description { white-space: normal; overflow-wrap: anywhere; min-width: 160px; }
#astreinte-calendar .fc-toolbar { flex-wrap: wrap; gap: .5rem; }

/* Le bouton transparent de la charte est prévu pour les en-têtes sombres.
   Sur les panneaux blancs, reprendre les couleurs du bouton Stelogy gris. */
.card-body .btn-stelogy, .modal-footer .btn-stelogy {
    color: #fff327; background-color: #444852; border-color: #444852;
}
.card-body .btn-stelogy:hover, .modal-footer .btn-stelogy:hover {
    color: #444852; background-color: #fff327; border-color: #444852;
}