/* ===== Atelier — compléments structurels de la navigation commune (l'apparence est dans theme.css) ===== */
:root { --ok: #4caf50; --warn: #f5c542; --info: #4da3ff; --c1: #e06a21; --c2: #6c8cf5; --c3: #22a884; }
svg.ico-trait { fill: none !important; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.nav-item { position: relative; }
.nav-badge { margin-left: auto; text-align: center; }
.sidebar-footer { display: flex; flex-direction: column; }
.plus-groupe { margin: 16px 0 8px; }
.plus-groupe:first-child { margin-top: 0; }
.lock-modal input[type="password"] { width: 100%; padding: 10px 12px; outline: none; }
@media (max-width: 760px) {
  .bottom-nav .nav-badge { position: absolute; top: 2px; right: calc(50% - 22px); margin: 0; }
  .mobile-bar strong { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

/* Boutons ajoutés dans les en-têtes Pipeline / Cold Call : icône seule sur téléphone, pour laisser la place au champ de recherche */
@media (max-width: 760px) {
  .pipeline-tools .texte-large, .cold-head-actions .texte-large { display: none; }
  .pipeline-tools [data-vue], .cold-head-actions [data-vue] { flex: 0 0 auto; padding-left: 10px; padding-right: 10px; }
  .pipeline-tools .search-box, .cold-head-actions .search-box { flex: 1 1 auto; min-width: 0; }
}

/* 29/10/2026 : barre du bas personnalisable — jusqu'à 7 onglets + Plus, libellés courts quand elle est chargée */
.bottom-nav.serre .nav-item { min-width: 0; padding-left: 0; padding-right: 0; }
.bottom-nav.serre .nav-item > span:not(.nav-badge) { font-size: 9.5px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bottom-nav.serre .nav-item svg { width: 21px !important; height: 21px !important; }

/* 30/10/2026 : heure de Paris toujours affichée (ordinateur : sous le logo ; téléphone : barre du haut, avant « Cloud ✓ ») */
.horloge-paris { display: flex; align-items: baseline; gap: 7px; margin: 0 14px 8px; padding: 7px 11px; border-radius: 11px;
  background: rgba(var(--voile-rgb), 0.06); color: var(--text-dim); font-size: 12px; line-height: 1.2; }
.horloge-paris b { color: var(--text); font-size: 16px; font-weight: 600; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.horloge-paris .hp-drapeau { font-size: 13px; }
.horloge-paris .hp-jour { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.horloge-paris.mobile { flex: none; margin: 0 0 0 auto; padding: 4px 9px; border-radius: 999px; gap: 5px; align-items: center; }
.horloge-paris.mobile b { font-size: 14px; }
.horloge-paris.mobile .hp-drapeau { font-size: 12px; }
@media (max-width: 760px) { .mobile-bar .horloge-paris + .storage-badge { margin-left: 0; } }