/* Ajustements propres au ticket system, chargés après le thème Corporate UI. */

/* Le thème décale les icônes de 14px vers le bas dans les carrés d'icône ;
   ici les carrés centrent déjà leur contenu (d-flex). */
.icon-shape i,
.icon-shape .ni {
    top: 0;
    opacity: 1;
}
.icon-shape.icon-sm .ni {
    font-size: 1rem;
}

/* Icônes du menu de gauche un peu plus visibles */
.sidenav .nav-link .icon .ni {
    font-size: 0.95rem;
}

/* Icône dans les boutons, alignée sur le texte */
.btn .ni {
    font-size: 1rem;
    line-height: 1;
    vertical-align: -2px;
}

/* Filtres de statut : défilent horizontalement sur petit écran au lieu de déborder */
.status-filters {
    overflow-x: auto;
    max-width: 100%;
}
.status-filters .btn {
    white-space: nowrap;
}

/* Colonne "Ticket" lisible même sur mobile (le tableau défile horizontalement) */
.table-tickets td.ticket-cell {
    min-width: 16rem;
    max-width: 28rem;
    white-space: normal;
}

/* Lignes cliquables */
.table-tickets tbody tr.clickable {
    cursor: pointer;
}
.table-tickets tbody tr.clickable:hover {
    background-color: #f8fafc;
}

/* Barre du haut : marges réduites sur mobile (mx-5 du thème trop large) */
@media (max-width: 575.98px) {
    .navbar-main {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}