/* Compléments HiGo Dispacth (MudBlazor + Bootstrap utilitaires) */
html, body {
  margin: 0;
}

/* Sélecteur de langue compact (barre d’app) */
.higo-lang-select {
  min-width: 4.25rem !important;
  max-width: 5.5rem;
}
.higo-lang-select .mud-input-slot,
.higo-lang-select .mud-select-input {
  font-size: 0.8125rem;
  padding-top: 0.15rem !important;
  padding-bottom: 0.15rem !important;
}
/* Sélecteur de langue sur la barre sombre : texte, icône et bordure en blanc (pas de bleu). */
.higo-lang-select .mud-input-slot,
.higo-lang-select .mud-select-input,
.higo-lang-select .mud-input-adornment .mud-icon-root,
.higo-lang-select .mud-select-nav .mud-icon-root {
  color: #ffffff !important;
}
.higo-lang-select .mud-input-outlined-border {
  border-color: rgba(255, 255, 255, 0.45) !important;
}

/* --- Barre de redimensionnement entre le tableau et le panneau de détail (plannings) ---
   La largeur du détail est pilotée par --higo-detail-w, posée par js/higo-split.js pendant le
   glissement ; sans elle on retombe sur la répartition par défaut 75 % / 25 %. */
.higo-splitter {
    flex: 0 0 8px;
    align-self: stretch;
    cursor: col-resize;
    position: relative;
    border-radius: 4px;
    background: transparent;
    transition: background-color .12s ease;
    touch-action: none;              /* le pointeur pilote le glissement, pas le défilement */
}

/* Trait central discret, qui s'épaissit au survol pour signaler que c'est saisissable. */
.higo-splitter::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    background: var(--mud-palette-lines-default, #e0e0e0);
    border-radius: 2px;
}

.higo-splitter:hover::before,
.higo-splitter-actif::before {
    background: var(--mud-palette-primary, #594ae2);
    width: 4px;
}

@media (max-width: 1200px) {
    /* Colonnes empilées : la barre n'a plus de sens. */
    .higo-splitter { display: none; }
}

/* --- Position du détail mission (planning | détail, détail | planning, planning / détail) ---
   Styles calculés par DetailPositionSelector et posés en attribut style sur le conteneur et ses
   enfants : ils l'emportent sur les règles ci-dessus et ne dépendent pas d'un CSS mis en cache. */

/* --- Bouton d'action réduit à son icône, dans une barre de boutons texte ---
   MudIconButton est plus haut qu'un MudButton : pour aligner les hauteurs on garde un MudButton
   sans libellé, et on neutralise la marge que StartIcon réserve au texte absent. */
.higo-btn-icone {
    min-width: 0;
    padding-left: .75rem;
    padding-right: .75rem;
}

.higo-btn-icone .mud-button-icon-start {
    margin-left: 0;
    margin-right: 0;
}

/* --- Zone des messages d'un chat ---
   Couleur des cartes, décalée de 7 % vers la couleur du texte : un peu plus claire en thème
   sombre, un peu plus foncée en thème clair. Elle se détache ainsi du reste sans être blanche. */
.higo-chat-fond {
    background-color: color-mix(in srgb, var(--mud-palette-surface) 93%, var(--mud-palette-text-primary) 7%);
}

/* Fenêtres larges (passagers et arrêts) : voile presque opaque, la page derrière ne se lit plus. */
.higo-overlay-opaque .mud-overlay-scrim {
    background-color: rgba(0, 0, 0, 0.82) !important;
}