/* ==========================================================
   SEMAPHORE - CORRECTIONS ERGONOMIQUES
   ========================================================== */

html,
body,
#app,
.v-application,
.v-application--wrap {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.v-main,
.v-main__wrap,
.v-container,
.container,
.container-fluid {
    max-width: 100% !important;
    min-width: 0 !important;
}

/* ----------------------------------------------------------
   GROUPES / VIEWS / ONGLETS
   ---------------------------------------------------------- */

.v-tabs,
.v-tabs-bar,
.v-slide-group,
.v-slide-group__wrapper {
    max-width: 100% !important;
    height: auto !important;
}

.v-tabs-bar__content,
.v-slide-group__content {
    flex-wrap: wrap !important;
    white-space: normal !important;
    height: auto !important;
}

.v-tab {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 280px !important;

    height: auto !important;
    min-height: 44px !important;

    padding: 7px 12px !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.25 !important;
}

/* Les boutons d'action restent visibles */
.v-card__actions,
.v-toolbar__content,
.v-toolbar__extension {
    flex-wrap: wrap !important;
    height: auto !important;
    min-width: 0 !important;
}

.v-btn {
    flex-shrink: 0 !important;
}

/* ----------------------------------------------------------
   CARTES
   ---------------------------------------------------------- */

.v-card,
.v-card__title,
.v-card__text,
.v-card__actions {
    min-width: 0 !important;
    max-width: 100% !important;
}

.v-card__title,
.v-card__text {
    overflow-wrap: anywhere !important;
}

/* ----------------------------------------------------------
   TABLEAUX
   ---------------------------------------------------------- */

.v-data-table,
.v-data-table__wrapper {
    max-width: 100% !important;
}

.v-data-table__wrapper {
    overflow-x: auto !important;
}

.v-data-table td,
.v-data-table th {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

/* ----------------------------------------------------------
   LOGS / SORTIES DE TASKS
   ---------------------------------------------------------- */

pre {
    max-width: 100% !important;
    overflow-x: auto !important;
}

code {
    max-width: 100% !important;
}

/* ----------------------------------------------------------
   ECRANS <= 1400px
   ---------------------------------------------------------- */

@media (max-width: 1400px) {
    .v-container,
    .container,
    .container-fluid {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .v-tab {
        max-width: 220px !important;
        font-size: 0.85rem !important;
    }
}