/**
*qdPM
*
* Mediapilote Theme - Dark Mode
* Couleurs: #940830 (bordeaux), #2d2d2d (gris foncé), #1a1a1a (fond)
*/

/***
Reset and overrides  
***/
body {
    color: #333333;
    background-color: #1a1a1a !important;
}

/***
Page header
***/
.header {
    filter: none;
    background-image: none;
    background-color: #2d2d2d;
}

.header .navbar-nav .dropdown-toggle:hover,
.header .navbar-nav .dropdown.open .dropdown-toggle {
    background-color: #3d3d3d !important;
}

.header .navbar-nav li.dropdown .dropdown-toggle i {
    color: #ffffff !important;
}

.header .navbar-nav>li.devider {
    border-left: 1px solid #3d3d3d !important;
}

.header .navbar-nav>li.dropdown.user .dropdown-toggle .username {
    color: #ffffff;
}

.search-form .form-control,
.page-sidebar-menu .form-control {
    color: #ffffff;
    background-color: #3d3d3d;
    border-color: #1a1a1a;
}

.search-form .input-icon>i,
.page-sidebar-menu .input-icon>i {
    color: #ffccd6;
}

/***
Page sidebar
***/
.page-sidebar {
    background: #2d2d2d;
}

ul.page-sidebar-menu>li>a {
    border-top: 1px solid #3d3d3d;
    border-bottom: 1px solid #1a1a1a;
    color: #ffffff;
}

ul.page-sidebar-menu>li:last-child>a {
    border-bottom: 1px solid transparent;
}

ul.page-sidebar-menu li a i {
    color: #ffffff;
}

ul.page-sidebar-menu>li.open>a,
ul.page-sidebar-menu>li>a:hover,
ul.page-sidebar-menu>li:hover>a {
    background: #940830;
    color: #ffffff;
    border-radius: 0 25px 25px 0;
    margin-right: 15px;
}

ul.page-sidebar-menu>li.active>a {
    color: #ffffff;
    background: #940830 !important;
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0 25px 25px 0;
    margin-right: 15px;
}

ul.page-sidebar-menu>li.active>a i {
    color: #ffffff;
}

ul.page-sidebar-menu>li>ul.sub-menu>li:first-child>a {
    border-top: 0px !important;
}

ul.page-sidebar-menu>li>ul.sub-menu>li.active>a,
ul.page-sidebar-menu>li>ul.sub-menu>li>a:hover {
    color: #ffffff !important;
    background: #940830 !important;
}

ul.page-sidebar-menu>li>ul.sub-menu>li>a:hover {
    background: #940830 !important;
}

/* 3rd level sub menu */
ul.page-sidebar-menu>li>ul.sub-menu li>ul.sub-menu>li.active>a,
ul.page-sidebar-menu>li>ul.sub-menu li>ul.sub-menu>li>a:hover,
ul.page-sidebar-menu>li>ul.sub-menu li.open>a {
    color: #ffffff !important;
    background: #940830 !important;
}

/* font color for all sub menu links*/
ul.page-sidebar-menu li>ul.sub-menu>li>a {
    color: #ffffff;
}

/* menu arrows */
ul.page-sidebar-menu>li>a .arrow:before,
ul.page-sidebar-menu>li>a .arrow.open:before {
    color: #ffffff !important;
}

ul.page-sidebar-menu>li>ul.sub-menu a .arrow:before,
ul.page-sidebar-menu>li>ul.sub-menu a .arrow.open:before {
    color: #ffffff !important;
}

ul.page-sidebar-menu>li>a>.arrow.open:before {
    color: #ffffff !important;
}

ul.page-sidebar-menu>li.active>a .arrow:before,
ul.page-sidebar-menu>li.active>a .arrow.open:before {
    color: #ffffff !important;
}

/* sub menu bg color on hover menu item */
.page-sidebar-closed ul.page-sidebar-menu>li:hover .sub-menu {
    background-color: #2d2d2d;
}

/***
Footer 
***/
.footer .footer-inner {
    color: #e0e0e0;
}

.footer .footer-tools .go-top {
    background-color: #940830;
}

.footer .footer-tools .go-top:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.footer .footer-tools .go-top i {
    color: #ffffff;
}

/* begin:fixed footer */
.page-footer-fixed .footer {
    background-color: #2d2d2d;
}

.page-footer-fixed .footer .footer-inner {
    color: #e0e0e0;
}

.page-footer-fixed .footer .footer-tools .go-top {
    background-color: #940830;
}

.page-footer-fixed .footer .footer-tools .go-top i {
    color: #ffffff;
}

/* end:fixed footer */
/***

/* begin: boxed page */
@media (min-width: 992px) {
    .page-boxed {
        background-color: #940830 !important;
    }

    .page-boxed .page-container {
        background-color: #940830;
        border-left: 1px solid #ff3d6a;
        border-bottom: 1px solid #ff3d6a;
    }

    .page-boxed.page-sidebar-reversed .page-container {
        border-left: 0;
        border-right: 1px solid #ff3d6a;
    }

    .page-boxed.page-sidebar-fixed .page-container {
        border-left: 0;
        border-bottom: 0;
    }

    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .page-boxed.page-sidebar-fixed .page-sidebar {
        border-left: 1px solid #ff3d6a;
    }

    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
        border-right: 1px solid #ff3d6a;
        border-left: 0;
    }

    .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
        background-color: #940830 !important;
    }
}

/* end: boxed page */
/***
Landscape phone to portrait tablet
***/
@media (max-width: 991px) {

    /***
    page sidebar
    ***/
    .page-sidebar {
        background-color: #e0103f !important;
        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        border-radius: 4px !important;
    }

    ul.page-sidebar-menu>li>a {
        border-top: 1px solid #940830;
        border-bottom: 1px solid #c20d38;
    }

    ul.page-sidebar-menu>li:last-child>a {
        border-bottom: 0 !important;
    }

    ul.page-sidebar-menu>li.open>a,
    ul.page-sidebar-menu>li>a:hover,
    ul.page-sidebar-menu>li:hover>a {
        background: #c20d38;
    }
}

@media (max-width: 480px) {
    .header .navbar-nav>li.devider {
        border-left: 1px solid #940830 !important;
    }
}

#projectMenuBox {
    background: #940830
}

#projectMenuBox .yuimenubar {
    border-color: #940830;
}

#projectMenuBox .yuimenubaritemlabel {
    border-color: #940830;
}

#projectMenuBox .yuimenubarnav .yuimenubaritem {
    border-right: solid 1px #940830;
}

#projectMenuBox .yuimenubaritemlabel-selected {
    background: #940830;
}

#projectMenuBox .yuimenu .bd {
    background: #940830;
    border: 1px solid #940830;
}

#projectMenuBox .yuimenuitemlabel-selected {
    background: #940830
}

#projectMenuBox .yuimenuselecteditem {
    background: #940830
}

#projectMenuBox .yuimenuitem-selected {
    background-color: #940830;
}

#projectMenuBox .yuimenu ul {
    border-color: #ff3d6a
}

#projectMenuBox .yuimenubaritemlabel-hassubmenu {
    background: url(img/menubaritem_submenuindicator.png) right center no-repeat;
}

#projectMenuBox .yuimenuitemlabel-hassubmenu {
    background: url(img/menuitem_submenuindicator.png) right center no-repeat;
}

#projectMenuBox .yuimenubaritemlabel-hassubmenu-selected {
    background-color: #940830;
}

/***
Liens et boutons
***/
a {
    color: #940830;
}

a:hover {
    color: #940830;
}

.btn-primary {
    background: #940830 !important;
    border: none !important;
}

.btn-primary:hover {
    background: #940830 !important;
}

.panel-primary>.panel-heading {
    background-color: #940830;
    border-color: #940830;
}

.panel-info>.panel-heading {
    background-color: #940830;
    border-color: #940830;
}

/***
Barres colorées - texte en blanc
***/
.portlet>.portlet-title {
    background-color: #940830;
    color: #ffffff !important;
}

.portlet>.portlet-title>.caption {
    color: #ffffff !important;
}

.portlet>.portlet-title>.caption>i {
    color: #ffffff !important;
}

.portlet>.portlet-title>.tools>a {
    color: #ffffff !important;
}

.portlet>.portlet-title>.actions>a {
    color: #ffffff !important;
}

.portlet-title a {
    color: #ffffff !important;
}

.filter-block {
    background-color: #940830 !important;
    color: #ffffff !important;
}

.filter-block a {
    color: #ffffff !important;
}

.filter-block i {
    color: #ffffff !important;
}

.tabbable-custom>.nav-tabs>li.active>a {
    border-top-color: #940830 !important;
}

/* Page title - garder en noir car sur fond blanc */
h3.page-title {
    color: #333333 !important;
}

/* Panel heading Détails - texte blanc sur fond coloré */
.panel-info>.panel-heading,
.panel-info>.panel-heading .panel-title,
.panel-primary>.panel-heading,
.panel-primary>.panel-heading .panel-title {
    color: #ffffff !important;
}

/* Filtres */
/* Filtres */
#filters_container,
#filters_container a,
#filters_container span,
#filters_container i,
.filters-heading,
.filters-heading a,
[class*="filter"] a,
[class*="filter"] span,
[class*="filter"] i {
    /* color: #ffffff !important; */
}

/* Page bar breadcrumb */
.page-bar .breadcrumb a {
    color: #ffffff !important;
}

.page-bar .breadcrumb li:before {
    color: #ffffff !important;
}

/* Dropdown sur fond coloré */
.page-bar .dropdown-toggle {
    color: #ffffff !important;
}

/***
Tableaux modernes
***/
.table {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    border: none !important;
}

.table-scrollable {
    border-radius: 8px;
    overflow: hidden;
}

.table>thead>tr>th {
    background-color: #f8f9fa;
    border-bottom: 2px solid #e9ecef !important;
    font-weight: 600;
    color: #495057;
    padding: 12px 10px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.5px;
}

.table>tbody>tr>td {
    padding: 10px;
    vertical-align: middle;
    border-top: 1px solid #f1f3f5 !important;
    color: #333333;
}

.table>tbody>tr>td a {
    color: #940830;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fafbfc;
}

.table-hover>tbody>tr:hover {
    background-color: #fff5f7 !important;
}

.table>tbody>tr:first-child>td {
    border-top: none !important;
}

/* Bordures arrondies pour le tableau */
.table-bordered {
    border: none !important;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>td {
    border: none !important;
    border-bottom: 1px solid #f1f3f5 !important;
}

/* Pagination moderne */
.pagination>li>a {
    border: none;
    margin: 0 2px;
    border-radius: 6px !important;
    color: #940830;
}

.pagination>li>a:hover {
    background-color: #fff0f3;
    color: #940830;
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus {
    background-color: #940830 !important;
    border-color: #940830 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
}

/* Boutons d'action dans les tableaux */
.table .btn-default {
    background-color: #f8f9fa;
    border: none;
    border-radius: 4px;
}

.table .btn-default:hover {
    background-color: #940830;
    color: #ffffff;
}

.table .btn-default:hover i {
    color: #ffffff;
}

/* Footer des tableaux */
.table>tfoot>tr>td {
    background-color: #f8f9fa;
    font-weight: 600;
    border-top: 2px solid #e9ecef !important;
}

/***
Pages internes - Onglets et navigation
***/
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border-top: 3px solid #940830 !important;
    color: #940830;
}

.nav-tabs>li>a:hover {
    border-top: 3px solid #940830 !important;
}

/* Menu de navigation interne */
.yuimenubar {
    background: #940830 !important;
    border-radius: 6px;
}

.yuimenubaritemlabel {
    color: #ffffff !important;
}

.yuimenubaritemlabel:hover,
.yuimenubaritemlabel-selected {
    background: #940830 !important;
}

/* Bouton dropdown dans le panel-heading */
.panel-heading .yuimenubar {
    background: transparent !important;
    border: none;
}

.panel-heading .yuimenubaritemlabel .btn {
    background: #ffffff !important;
    color: #940830 !important;
    border: none !important;
}

.panel-heading .yuimenubaritemlabel .btn i {
    color: #940830 !important;
}

.panel-heading .yuimenubaritemlabel .btn:hover {
    background: #fff5f7 !important;
}

/* Menu déroulant du goto */
#goToMenuContainer .yuimenubar {
    background: transparent !important;
}

#goToMenuContainer .yuimenu .bd {
    background: #ffffff !important;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

#goToMenuContainer .yuimenuitemlabel {
    color: #333 !important;
}

#goToMenuContainer .yuimenuitemlabel:hover,
#goToMenuContainer .yuimenuitem-selected .yuimenuitemlabel {
    background: #940830 !important;
    color: #ffffff !important;
}

/***
Accordéon / Collapse
***/
.accordion-toggle,
.panel-group .panel-heading a {
    color: #940830;
    font-weight: 600;
}

.accordion-toggle:hover,
.panel-group .panel-heading a:hover {
    color: #940830;
    text-decoration: none;
}

.panel-group .panel {
    border-radius: 8px;
    border: 1px solid #e9ecef;
    margin-bottom: 10px;
}

.panel-group .panel-heading {
    background: #f8f9fa;
    border-radius: 8px 8px 0 0;
}

/* Panel default (description items) */
.panel-default>.panel-heading {
    background: #f8f9fa;
    color: #333333;
}

.panel-default>.panel-heading .panel-title,
.panel-default>.panel-heading .panel-title td,
.item-description .panel-heading,
.item-description .panel-heading .panel-title,
.item-description .panel-heading td {
    color: #333333 !important;
}

/***
Panneau Détails
***/
/* Sticky pour le panneau détails */
.panel.panel-info.item-details {
    position: sticky !important;
    top: 80px;
    border: none !important;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

/* Alternative: conteneur parent pour sticky */
.item-details-col {
    position: sticky !important;
    top: 80px;
    align-self: flex-start;
}

.item-details {
    border: none !important;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.item-details .panel-heading {
    background: #940830 !important;
    color: #ffffff !important;
    border: none !important;
}

.item-details .panel-title {
    color: #ffffff !important;
}

.item-details .panel-body {
    padding: 0;
}

/* Table dans le panneau détails */
.table-item-details {
    margin-bottom: 0;
    border: none !important;
    box-shadow: none;
}

.table-item-details th {
    background: #fafbfc;
    color: #666;
    font-weight: 500;
    border: none !important;
    border-bottom: 1px solid #f1f3f5 !important;
    padding: 12px 15px;
    width: 40%;
    font-size: 13px;
}

.table-item-details td {
    color: #333;
    border: none !important;
    border-bottom: 1px solid #f1f3f5 !important;
    padding: 12px 15px;
}

.table-item-details tr:last-child th,
.table-item-details tr:last-child td {
    border-bottom: none !important;
}

.table-item-details tr:hover th,
.table-item-details tr:hover td {
    background: #fff5f7;
}

/* Photo utilisateur */
.user-photo {
    border-radius: 50%;
    border: 2px solid #940830;
}

/* Valeurs négatives en rouge */
.item-details font[color] {
    color: #dc3545 !important;
    font-weight: 600;
}

/***
Commentaires
***/
.comment-item {
    border-left: 3px solid #940830;
    padding-left: 15px;
    margin-bottom: 15px;
    background: #fafbfc;
    padding: 15px;
    border-radius: 0 8px 8px 0;
}

.comment-header {
    color: #940830;
    font-weight: 600;
}

/* Liste d'infos dans les commentaires (heures de travail, etc.) */
.comments-info-list {
    list-style: none;
    padding: 0;
    margin: 8px 0 0 0;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
}

.comments-info-list li {
    background: #f5f5f5;
    color: #666;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-left: 2px solid #940830;
}

.comments-info-list li span {
    color: #888;
    font-weight: 400;
}

/***
Boutons d'action de page
***/
.btn-success {
    background: #940830 !important;
    border: none !important;
    border-radius: 6px;
}

.btn-success:hover {
    background: #940830 !important;
}

.btn-info {
    background: #940830 !important;
    border: none !important;
    border-radius: 6px;
}

.btn-info:hover {
    background: #940830 !important;
}

.btn-danger {
    background: #dc3545 !important;
    border: none !important;
    border-radius: 6px;
}

/***
Liens d'action inline
***/
.item-actions a {
    color: #940830;
    margin-right: 10px;
}

.item-actions a:hover {
    color: #940830;
}

/***
Modal / Popup
***/
.modal-header {
    background: #940830;
    color: #ffffff;
    border-radius: 6px 6px 0 0;
}

.modal-header .close {
    color: #ffffff;
    opacity: 0.8;
}

.modal-header .close:hover {
    opacity: 1;
}

.modal-title {
    color: #ffffff;
}

.modal-content {
    border-radius: 8px;
    border: none;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

/***
Formulaires
***/
.form-control:focus {
    border-color: #940830;
    box-shadow: 0 0 0 3px rgba(255, 22, 76, 0.15);
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
    accent-color: #940830;
}

.control-label {
    color: #555;
    font-weight: 500;
}

/***
Badges et labels
***/
.badge {
    background: #940830;
    border-radius: 12px;
    padding: 4px 10px;
}

.label-primary {
    background: #940830;
}

.label-info {
    background: #940830;
}

/***
Progress bar
***/
.progress-bar {
    background: linear-gradient(90deg, #940830, #940830);
}

.progress {
    border-radius: 10px;
    height: 8px;
    background: #e9ecef;
}

/***
Tooltip Cluetip
***/
.cluetip {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden;
}

.cluetip-outer {
    border: none !important;
}

.cluetip-title {
    background: #940830 !important;
    color: #ffffff !important;
    padding: 12px 15px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border: none !important;
}

.cluetip-inner {
    padding: 15px !important;
    background: #ffffff !important;
    border: none !important;
}

.cluetip-close {
    float: right;
    margin-left: 10px;
}

.cluetip-close a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    text-decoration: none;
}

.cluetip-close a:hover {
    background: rgba(255, 255, 255, 0.3);
}

.cluetip-close a img {
    display: none;
}

.cluetip-close a::after {
    content: "×";
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1;
}

.cluetip-arrows {
    display: none !important;
}

/***
Filtres
***/
.filter-preview-item {
    background: #fff5f7 !important;
    border: 1px solid #940830 !important;
    border-radius: 8px;
    margin-bottom: 5px;
}

.filter-preview-item .btn-default {
    background: #940830 !important;
    border: none !important;
    color: #ffffff !important;
}

.filter-preview-item .btn-default:hover {
    background: #940830 !important;
}

.filter-preview-item .btn-default i {
    color: #ffffff !important;
}

.filter-preview-item .yuimenubar {
    background: transparent !important;
}

.filter-preview-item .yuimenubaritemlabel,
.filter-preview-item .yuimenubaritemlabel span {
    color: #ffffff !important;
    background: #940830 !important;
    font-weight: 500;
    border-radius: 4px;
}

/* Sous-menu dropdown des filtres */
.filter-preview-item .yuimenu .bd {
    background: #ffffff !important;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    padding: 5px 0;
}

.filter-preview-item .yuimenuitemlabel {
    color: #333 !important;
}

.filter-preview-item .yuimenuitemlabel a {
    color: #333 !important;
}

.filter-preview-item .yuimenuitem:hover {
    background: #fff5f7 !important;
}

.filter-preview-item .yuimenuitem:hover .yuimenuitemlabel a {
    color: #940830 !important;
}

/* Labels de groupe dans le filtre dropdown */
.filter-preview-item .yuimenuitemlabel,
.filter-preview-item .yuimenu li {
    color: #333333 !important;
}

.filter-preview-item .yuimenu li span {
    color: #333333 !important;
}

.selectedFilterItems {
    color: #940830;
    font-weight: 600;
}

/* Menu Plus d'Actions */
#more_actions {
    background: transparent !important;
    border: none !important;
}

#more_actions .bd {
    background: transparent !important;
    border: none !important;
}

#more_actions .yuimenubaritemlabel {
    background: #940830 !important;
    color: #ffffff !important;
    border-radius: 6px;
    border: none !important;
}

#more_actions .yuimenu .bd {
    background: #ffffff !important;
    border-radius: 8px;
    padding: 5px 0;
}

#more_actions .yuimenuitemlabel {
    color: #333333 !important;
    padding: 8px 15px;
    background: transparent !important;
}

#more_actions .yuimenuitem:hover {
    background: #fff5f7 !important;
}

#more_actions .yuimenuitem:hover .yuimenuitemlabel {
    color: #940830 !important;
}

/***
Skins List
***/
.skinsList img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/***
Page Content - Dark Mode Fixes
***/
/* Texte sur fond dark */
.page-content,
.page-content-wrapper {
    color: #333333;
}

/* Portlet/Panel content on dark background */
.portlet-body,
.panel-body {
    color: #333333;
}

/* Tous les titres et sous-titres en noir */
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.page-content p,
.page-content span,
.page-content label,
.page-content th,
.page-content .panel-title {
    color: #333333;
}

/* Icône retour visible */
.btn-default i,
.btn i.fa {
    color: #333333;
}

/* Statut et infos sur les pages */
.item-details-col,
.item-details,
.item-details th,
.item-details td {
    color: #333333;
}

/* Panel heading titles - garder blanc sur fond bordeaux */
.panel-heading .panel-title,
.panel-info>.panel-heading .panel-title {
    color: #ffffff !important;
}

/* Titre de page principal */
h3.page-title {
    color: #333333 !important;
}

/* Description items */
.itemDescription,
.itemInfo,
.item-description-panel {
    color: #333333;
}

/***
Priority Labels
***/
.priority-label {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.priority-low {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.priority-normal {
    background-color: #e3f2fd;
    color: #1565c0;
}

.priority-high {
    background-color: #fff3e0;
    color: #ef6c00;
}

.priority-urgent {
    background-color: #ffebee;
    color: #c62828;
}

/***
Comment Link to Related Ticket/Task (Vers Projet / Vers Ticket)
***/
.comment-related-link {
    display: block;
    padding: 8px 12px;
    background: #f5f5f5;
    border-left: 2px solid #940830;
    margin-bottom: 10px;
    border-radius: 0 4px 4px 0;
    font-size: 13px;
    font-style: italic;
}

.comment-related-link a {
    color: #940830;
    font-weight: 500;
}

.comment-related-link a:hover {
    text-decoration: underline;
}



#comments-table td>em:first-child a {
    color: #940830;
    font-weight: 500;
}

#comments-table td>em:first-child a:hover {
    text-decoration: underline;
}

/***
Quick Add Ticket Button in Header
***/
.quick-add-ticket {
    display: flex;
    align-items: center;
}

.quick-add-ticket a {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    padding: 8px 15px;
    margin-right: 15px;
    background: #940830 !important;
    color: #ffffff !important;
    border-radius: 0 0 20px 20px;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none !important;
    white-space: nowrap;
}

.quick-add-ticket a:hover,
.quick-add-ticket a:focus {
    background: #b00a3d !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.quick-add-ticket a i {
    font-size: 11px;
}

/***
YUI Menu Filters - Modern Design
***/
/* Conteneur principal des sous-menus filtre (dropdown) */
.yuimenu .bd {
    background: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15), 0 2px 10px rgba(0, 0, 0, 0.08) !important;
    padding: 8px 0 !important;
    min-width: 220px !important;
}

.yuimenu ul {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* Séparateur entre groupes */
.yuimenu ul+ul {
    border-top: 1px solid #f0f0f0 !important;
    margin-top: 8px !important;
    padding-top: 8px !important;
}

/* Items de menu */
.yuimenuitem {
    margin: 2px 8px !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

/* Labels dans les menus de filtres */
.yuimenuitemlabel {
    display: block !important;
    padding: 10px 16px !important;
    color: #333333 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

.yuimenuitemlabel span,
.yuimenuitemlabel table,
.yuimenuitemlabel table td,
.yuimenuitemlabel table td a {
    color: #444444 !important;
    font-weight: 400 !important;
}

/* Checkbox et texte dans les filtres */
.yuimenuitemlabel table {
    width: 100%;
    border-collapse: collapse;
}

.yuimenuitemlabel table td {
    color: #444444 !important;
    padding: 2px 8px 2px 0 !important;
    vertical-align: middle;
    font-size: 13px !important;
}

.yuimenuitemlabel table td:first-child {
    width: 24px !important;
}

/* Style moderne pour les checkboxes */
.yuimenuitemlabel table td input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: #940830;
    cursor: pointer;
}

.yuimenuitemlabel table td a {
    color: #444444 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.yuimenuitemlabel table td a:hover {
    color: #940830 !important;
}

/* Hover sur les items de menu */
.yuimenuitem:hover {
    background: linear-gradient(135deg, #fff5f7 0%, #fff0f3 100%) !important;
    transform: translateX(2px);
}

.yuimenuitem-selected {
    background: #fff0f3 !important;
}

.yuimenuitem:hover .yuimenuitemlabel,
.yuimenuitem:hover .yuimenuitemlabel table td,
.yuimenuitem:hover .yuimenuitemlabel table td a,
.yuimenuitem-selected .yuimenuitemlabel,
.yuimenuitem-selected .yuimenuitemlabel table td,
.yuimenuitem-selected .yuimenuitemlabel table td a {
    color: #940830 !important;
}

/* Indicateur de sous-menu - cacher la flèche YUI d'origine */
.yuimenuitemlabel-hassubmenu,
.yuimenubaritemlabel-hassubmenu,
span.yuimenuitemlabel-hassubmenu,
span.yuimenubaritemlabel-hassubmenu,
.yuimenu .yuimenuitemlabel-hassubmenu,
.yuimenu .yuimenubaritemlabel-hassubmenu {

    /* Indicateur de sous-menu - cacher la flèche YUI d'origine (sur LI et A) */
    .yuimenuitem-hassubmenu,
    .yuimenubaritem-hassubmenu,
    .yuimenuitemlabel-hassubmenu,
    .yuimenubaritemlabel-hassubmenu,
    .yuimenu .yuimenuitem-hassubmenu,
    .yuimenu .yuimenuitemlabel-hassubmenu,
    li.yuimenuitem-hassubmenu,
    li.yuimenuitem-hassubmenu>a,
    li.yuimenuitem-hassubmenu>span {
        background-image: none !important;
        background: none !important;
    }

    /* Flèche moderne avec pseudo-élément */
    .yuimenuitemlabel-hassubmenu::after,
    .yuimenubaritemlabel-hassubmenu::after {
        content: "›" !important;
        position: absolute !important;
        right: 12px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        font-size: 18px !important;
        font-weight: 300 !important;
        color: #999 !important;
        transition: all 0.2s ease !important;
        background: none !important;
    }

    .yuimenuitem:hover .yuimenuitemlabel-hassubmenu::after,
    .yuimenuitem:hover .yuimenubaritemlabel-hassubmenu::after {
        color: #940830 !important;
        transform: translateY(-50%) translateX(3px) !important;
    }

    /* Sous-menus ouverts - FORCER la visibilité */
    .yuimenu.yui-module.yui-overlay,
    .yuimenu .yuimenu {
        z-index: 9999 !important;
    }

    /* Forcer le fond blanc sur TOUS les sous-menus */
    .yuimenu .bd,
    .yuimenu .yuimenu .bd,
    div.yuimenu div.filter-block {
        background-color: #940830 !important;
        /* color: #ffffff !important; */
    }

    .filter-block a {
        /* color: #ffffff !important; */
    }

    .filter-block i {
        /* color: #ffffff !important; */
    }

    .tabbable-custom>.nav-tabs>li.active>a {
        border-top-color: #940830 !important;
    }

    /* Page title - garder en noir car sur fond blanc */
    h3.page-title {
        color: #333333 !important;
    }

    /* Forcer le texte visible dans tous les niveaux */
    .yuimenubaritemlevel1,
    .yuimenubaritemlevel2,
    .yuimenubaritemlevel3,
    span.yuimenubaritemlevel1,
    span.yuimenubaritemlevel2,
    span.yuimenubaritemlevel3,
    .yuimenu .yuimenubaritemlevel1,
    .yuimenu .yuimenubaritemlevel2,
    .yuimenu .bd ul li span.yuimenubaritemlevel1,
    .yuimenu .bd ul li a.yuimenubaritemlevel1,
    .yuimenu .bd *,
    .yuimenu .bd a,
    .yuimenu .bd span,
    .yuimenu .bd li {
        color: #333333 !important;
    }

    /* Labels de groupe (en gras) */
    .yuimenuitemlabel b,
    .yuimenuitemlabel strong,
    span.yuimenubaritemlevel2>a>b,
    span.yuimenubaritemlevel2>b {
        color: #940830 !important;
        font-weight: 600 !important;
    }

    /* Filtre par sélection - style spécial */
    .yuimenuitemlabel form table td {
        color: #666666 !important;
        font-style: italic;
    }

    .yuimenuitemlabel form table td img {
        vertical-align: middle;
        margin-right: 8px;
        opacity: 0.7;
        transition: opacity 0.2s ease;
    }

    .yuimenuitem:hover .yuimenuitemlabel form table td img {
        opacity: 1;
    }


    /* Niveau 1, 2 et 3 des menus de filtre - texte foncé sur fond blanc */
    .yuimenu .yuimenubaritemlevel1,
    .yuimenu .yuimenubaritemlevel2,
    .yuimenu .yuimenubaritemlevel3,
    .yuimenubaritemlevel1,
    .yuimenubaritemlevel2,
    .yuimenubaritemlevel3 {
        color: #333333 !important;
    }

    /* Premier niveau dans le dropdown (Priorité, Statut, etc.) */
    .yuimenu .bd .yuimenuitemlabel.yuimenubaritemlevel1,
    .yuimenu .bd span.yuimenubaritemlevel1,
    .yuimenu li span.yuimenubaritemlevel1 {
        color: #333333 !important;
    }

    .yuimenubaritemlevel2 table td,
    .yuimenubaritemlevel2 table td a,
    .yuimenubaritemlevel3 table td,
    .yuimenubaritemlevel3 table td a {
        color: #333333 !important;
    }

    /* Labels de groupe (en gras) */
    .yuimenuitemlabel b,
    .yuimenuitemlabel strong {
        color: #940830 !important;
    }

    /* Filtre par sélection row */
    .yuimenuitemlabel form table td {
        color: #666666 !important;
    }

    .yuimenuitemlabel form table td img {
        vertical-align: middle;
        margin-right: 5px;
    }

    /* Scroll pour les longues listes de filtres (ex: Clients) */
    .yuimenu .yuimenu .bd ul {
        max-height: 350px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-right: 2px !important;
    }

    /* Scrollbar personnalisée */
    .yuimenu .yuimenu .bd ul::-webkit-scrollbar {
        width: 6px;
    }

    .yuimenu .yuimenu .bd ul::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 3px;
    }

    .yuimenu .yuimenu .bd ul::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 3px;
    }

    .yuimenu .yuimenu .bd ul::-webkit-scrollbar-thumb:hover {
        background: #940830;
    }
}

/***
Mega Menu - Saisie rapide de temps
***/
.mega-menu-parent {
    position: relative;
}

.mega-menu {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
    z-index: 99999;
    display: none;
    min-width: 700px;
    padding: 20px;
}

.mega-menu-parent:hover .mega-menu {
    display: block;
}

.mega-menu-row {
    display: flex;
    gap: 25px;
}

.mega-menu-col {
    flex: 1;
    min-width: 200px;
}

.mega-menu-col h4 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #940830 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 0 8px 0 !important;
    border-bottom: 2px solid #940830 !important;
    background: none !important;
}

.mega-menu-col h4 i {
    margin-right: 6px;
}

/* Search inputs */
.mega-menu-col .mega-search-input {
    width: 100%;
    padding: 8px 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    margin-bottom: 10px !important;
    background: #fff !important;
    color: #333 !important;
}

.mega-menu-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-height: 220px;
    overflow-y: auto;
}

.mega-menu-list li {
    margin-bottom: 4px !important;
    padding: 0 !important;
    background: none !important;
}

.mega-menu-list li a,
.mega-menu .mega-menu-list li a {
    display: block !important;
    padding: 8px 12px !important;
    color: #333 !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    transition: all 0.15s ease !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    background: none !important;
    border: none !important;
    margin: 0 !important;
}

.mega-menu-list li a:hover,
.mega-menu .mega-menu-list li a:hover {
    background: #f5f5f5 !important;
    color: #940830 !important;
    padding-left: 16px !important;
}

.mega-menu-more,
.mega-menu .mega-menu-more {
    display: block !important;
    margin-top: 12px !important;
    padding: 8px 12px !important;
    color: #940830 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-top: 1px solid #eee !important;
    background: none !important;
}

.mega-menu-more:hover {
    text-decoration: underline !important;
}

/* Client search column */
.mega-menu-col-search {
    min-width: 220px;
}

.mega-client-results {
    max-height: 120px;
    overflow-y: auto;
}

.mega-client-results .client-item {
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 4px;
    font-size: 13px;
    color: #333;
}

.mega-client-results .client-item:hover {
    background: #f5f5f5;
    color: #940830;
}

.mega-client-projects h5 {
    font-size: 12px;
    font-weight: 600;
    color: #666;
    margin: 12px 0 8px 0;
}

.mega-client-projects ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 150px;
    overflow-y: auto;
}

.mega-client-projects ul li a {
    display: block;
    padding: 6px 10px;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    font-size: 12px;
}

.mega-client-projects ul li a:hover {
    background: #f5f5f5;
    color: #940830;
}