.test-toolbar { display: flex; align-items: center; gap: .6rem; }
.test-toolbar select { width: min(220px, 30vw); }
.test-badge { font-size: .75rem; background: #fff3cd; color: #664d03; padding: .2rem .4rem; border-radius: .3rem; white-space: nowrap; }
.custom-navbar { min-height: 60px; height: auto; gap: .4rem; flex-wrap: wrap; padding-top: .5rem; padding-bottom: .5rem; }
.custom-navbar .navbar-nav { flex-wrap: wrap; }
.login-panel { max-width: 440px; margin: 8vh auto; padding: 2rem; }
.history-message { max-width: 35rem; white-space: pre-wrap; overflow-wrap: anywhere; }
#divClientsTableContainer .sort { display: inline-flex; align-items: center; gap: .35rem; height: auto; white-space: nowrap; }
#divClientsTableContainer .sort::after { position: static; flex-shrink: 0; }
@media (max-width: 900px) { .custom-content { padding-top: 130px; } .custom-navbar > #divNavBar { order: 3; flex-basis: 100%; } }