/* Aide contextuelle : languette « ? » sur le bord droit + panneau latéral.
   La typo du contenu vient de .doc-content (00_CQFD/css/documentation.css) ;
   on annule ici son cadre et sa limite de hauteur, propres à la page Aide. */

/* Languette : visible uniquement sur les pages qui ont une aide dédiée
   (ng-if sur aideCtx.hasFiches) — sa présence EST le signal de disponibilité.
   Pastille ronde « ? » accrochée à MI-HAUTEUR du bord droit : plus haut (130px) elle
   chevauchait la barre d'en-tête de page (bouton Actualiser, heure du tableau de bord). */
.aide-ctx-tab {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 1040;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: #1e5aad;
    color: #fff;
    width: 34px;
    height: 40px;
    padding: 0;
    border-radius: 20px 0 0 20px;
    box-shadow: -2px 2px 8px rgba(0, 0, 0, .25);
    cursor: pointer;
}

    .aide-ctx-tab .fa {
        font-size: 19px;
    }

    .aide-ctx-tab:hover {
        background: #17498f;
        width: 40px;
    }

/* Le label « Aide » a été retiré du template, mais les templates ng-include ne sont
   pas versionnés (pas de ?v=) : le vieux HTML peut rester en cache navigateur alors
   que ce CSS, lui, est servi par le bundle versionné et se recharge de façon fiable.
   On masque donc ici tout label résiduel — inoffensif une fois le HTML rafraîchi. */
.aide-ctx-tab-label {
    display: none;
}

.aide-dot {
    position: absolute;
    top: -3px;
    left: -3px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #e11d48;
    border: 2px solid #fff;
}

.aide-ctx-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(15, 23, 42, .25);
    z-index: 1050;
}

.aide-ctx-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 440px;
    max-width: 92vw;
    background: #fff;
    z-index: 1051;
    box-shadow: -6px 0 24px rgba(0, 0, 0, .18);
    display: flex;
    flex-direction: column;
}

.aide-ctx-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 14px 16px 8px;
    border-bottom: 1px solid #e8edf3;
}

.aide-ctx-titre {
    font-weight: 700;
    font-size: 1.05rem;
    color: #1e5aad;
}

.aide-ctx-guide-link {
    font-size: 12px;
}

.aide-ctx-close {
    border: 0;
    background: transparent;
    font-size: 26px;
    line-height: 1;
    color: #6b7280;
    cursor: pointer;
    padding: 0 4px;
}

    .aide-ctx-close:hover {
        color: #1f2937;
    }

.aide-ctx-search {
    padding: 8px 16px;
    border-bottom: 1px solid #eef2f7;
}

    .aide-ctx-search input {
        font-size: 13px;
    }

.aide-ctx-body {
    flex: 1;
    overflow-y: auto;
}

    /* .doc-content apporte la typo des fiches ; sans cadre ni hauteur max ici */
    .aide-ctx-body.doc-content {
        border: 0;
        border-radius: 0;
        max-height: none;
        padding: 14px 16px;
    }

.aide-ctx-fiche + .aide-ctx-fiche {
    border-top: 2px solid #e8edf3;
    margin-top: 18px;
    padding-top: 12px;
}

.aide-ctx-result {
    padding: 8px 10px;
    border-bottom: 1px solid #f1f5f9;
    border-radius: 5px;
    cursor: pointer;
}

    .aide-ctx-result:hover {
        background: #eef4fc;
    }

.aide-ctx-result-titre {
    font-weight: 600;
}

.aide-ctx-result-extrait {
    font-size: 12px;
    color: #6b7280;
    margin-top: 2px;
}