/* ===========================================================================
   Bandeau du CRM (header) — version 2, style des nouvelles pages
   Emplacement : httpdocs/css/header_v2.css, chargée par inc/template_start.php
   Ne touche qu'au <header class="hd2"> rendu par inc/page_head.php.
   =========================================================================== */
header.navbar.hd2 {
    background: #fff !important; border: 0 !important; border-bottom: 1px solid #e4e7ec !important; border-radius: 0; box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
    min-height: 56px; margin: 0; padding: 0 16px; display: flex; align-items: center; gap: 10px; flex-wrap: nowrap;
    font-family: "Nunito", "Segoe UI", Arial, sans-serif;
}
header.navbar.hd2.hd2-avec-news { padding-top: 46px; }
.hd2-gauche { display: flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 0; }
.hd2-droite { display: flex; align-items: center; gap: 6px; margin-left: auto; flex: 0 0 auto; }
.hd2 .navbar-nav-custom, .hd2 .navbar-nav-custom.pull-right { display: flex !important; flex-wrap: nowrap; align-items: center; gap: 2px; margin: 0 !important; padding: 0; float: none !important; width: auto !important; }
.hd2 .navbar-nav-custom > li { float: none; list-style: none; margin: 0; position: relative; }
.hd2 .navbar-nav-custom > li > a {
    display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 10px; position: relative;
    color: #475467 !important; font-size: 16px; padding: 0 !important; line-height: 1; background: transparent !important; border: 0 !important; box-shadow: none !important;
    transition: background .15s, color .15s;
}
.hd2 .navbar-nav-custom > li > a:hover, .hd2 .navbar-nav-custom > li.open > a { background: #eaf1ff !important; color: #2f6bff !important; }
.hd2 .navbar-nav-custom > li > a img { width: 18px !important; height: 18px !important; vertical-align: middle; }
.hd2 .navbar-nav-custom > li > a .fa-fw { width: auto; }
.hd2-sep { width: 1px; height: 24px; background: #e4e7ec; margin: 0 6px; flex: 0 0 1px; }
.hd2-recherche { flex: 1 1 auto; min-width: 0; max-width: 620px; }
.hd2 .navbar-form-custom { margin: 0 !important; padding: 0 !important; float: none !important; }
.hd2 .navbar-form-custom .form-control, .hd2 .navbar-form-custom .chosen-container-single .chosen-single { border-radius: 10px !important; border: 1px solid #d0d5dd; height: 38px; }
/* compteurs */
.hd2 #nb_mail_recent:not(:empty) { position: absolute; top: 3px; right: 3px; background: #2f6bff; color: #fff; border-radius: 999px; font-size: 10px; font-weight: 800; padding: 1px 5px; line-height: 1.3; min-width: 16px; text-align: center; }
.hd2 #total_ticket_alert { position: static !important; display: inline-block; border-radius: 999px !important; background: #f04438 !important; color: #fff !important; font-weight: 800; font-size: 11.5px; padding: 3px 9px !important; animation: none !important; }
.hd2 #total_ticket_alert:empty { display: none; }
.hd2-droite > .navbar-nav-custom > li:first-child > a { width: auto; padding: 0 2px !important; }
.hd2-droite > .navbar-nav-custom > li:first-child > a:hover { background: transparent !important; }
/* menu des tickets */
.hd2 .dropdown-menu { border-radius: 12px; border: 1px solid #e4e7ec; box-shadow: 0 12px 32px rgba(16, 24, 40, .14); margin-top: 8px; padding: 6px 0; min-width: 280px; }
.hd2 .dropdown-menu .dropdown-header { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: #98a2b3; padding: 8px 14px; }
.hd2 .dropdown-menu > li > a { padding: 7px 14px; color: #101828; font-weight: 600; font-size: 13px; }
.hd2 .dropdown-menu > li > a:hover { background: #f5f8ff; color: #2f6bff; }
.hd2 .dropdown-menu .label { border-radius: 999px; font-weight: 800; padding: 2px 8px; }
.hd2 .dropdown-menu .nav-pills > li > a { padding: 5px 12px; font-size: 12.5px; font-weight: 600; color: #475467; border-radius: 8px; }
.hd2 .dropdown-menu .divider { margin: 6px 0; }
/* bandeau d'infos (marquee) au-dessus du header quand il existe */
#news { background: #fff; }