.lead-dim{color:#94a3b8}
    .chip{display:inline-block;border:1px solid #374151;color:#e5e7eb;border-radius:999px;padding:.25rem .6rem;font-size:.9rem;margin:.25rem .35rem 0 0;background:#111827}
    .section-title{color:#e5e7eb;border-left:4px solid darksalmon;padding-left:.6rem;margin-bottom:.8rem}
    .kpi-badge{background:#0f172a;border:1px dashed #334155;border-radius:12px;padding:.5rem .75rem;color:#cbd5e1;font-size:.95rem}
    .theme-picker{min-width:260px;border-radius:999px;padding:.4rem .9rem}
    @media (max-width:992px){.theme-picker{min-width:unset}}


    .nav.flex-column .nav-link.active{color:darksalmon!important;font-weight:600}
    body.pane-mode .section-pane{display:none}
    body.pane-mode .section-pane.active{display:block;animation:fadeIn .22s ease-out}
    @keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

    /* ===== Drawer (bandeau droit) ===== */
    .ia-drawer{position:fixed;inset:0;z-index:1060;pointer-events:none}
    .ia-drawer__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .2s}
    .ia-drawer__panel{
        position:absolute;top:0;right:0;height:100%;width:min(520px,100%);
        background:#0b1220;border-left:1px solid #1f2937;color:#e5e7eb;
        transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column
    }
    .ia-drawer.show{pointer-events:auto}
    .ia-drawer.show .ia-drawer__backdrop{opacity:1}
    .ia-drawer.show .ia-drawer__panel{transform:translateX(0)}
    .ia-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid #1f2937}
    .ia-drawer__title{
        margin:0;color:#fff;font-weight:700;font-size:1.25rem;letter-spacing:.3px;display:flex;align-items:center;gap:.6rem
    }
    .ia-drawer__title .ico{color:#22c55e;text-shadow:0 0 6px rgba(34,197,94,.55)}
    .ia-drawer__close{background:transparent;border:0;color:#e5e7eb;font-size:1.25rem;line-height:1}

    /* Contenu “Matrix” lisible */
    #iaDrawerContent{padding:1rem 1rem 1.2rem;overflow:auto}
    #iaDrawerContent, #iaDrawerContent p, #iaDrawerContent li{color:#a7f3d0}           /* texte vert lisible */
    #iaDrawerContent h5, #iaDrawerContent h6{color:#fff;margin-top:.75rem;margin-bottom:.35rem}
    #iaDrawerContent h6 .fa{color:#22c55e;margin-right:.35rem}

    /* Puces personnalisées */
    #iaDrawerContent ul{list-style:none;padding-left:0;margin-left:0}
    #iaDrawerContent li{position:relative;padding-left:1.15rem;margin:.25rem 0}
    #iaDrawerContent li::before{
        content:"\f111"; /* fa-circle */
        font-family:"Font Awesome 5 Free";font-weight:900;
        position:absolute;left:0;top:.2rem;font-size:.5rem;color:#22c55e;opacity:.9
    }

    /* Badges de sévérité (risques) */
    .sev{display:inline-block;border-radius:999px;padding:.05rem .45rem;margin-left:.35rem;font-size:.72rem}
    .sev-1{background:rgba(34,197,94,.15);color:#86efac;border:1px solid rgba(34,197,94,.35)}
    .sev-2{background:rgba(132,204,22,.15);color:#bef264;border:1px solid rgba(132,204,22,.35)}
    .sev-3{background:rgba(234,179,8,.12);color:#fde047;border:1px solid rgba(234,179,8,.35)}
    .sev-4{background:rgba(249,115,22,.12);color:#fdba74;border:1px solid rgba(249,115,22,.35)}
    .sev-5{background:rgba(239,68,68,.12); color:#fca5a5;border:1px solid rgba(239,68,68,.35)}

    /* Surcouche pour neutraliser le gris Bootstrap “text-muted” dans le drawer */
    .ia-drawer #iaDrawerContent .text-muted{color:#a7f3d0!important}
    #iaDrawerContent li::before { text-shadow: 0 0 6px rgba(34,197,94,.6); }

    /* ---------- Select “pill” avec chevron visible ---------- */
    .select-wrap{
        position:relative; display:inline-block;
    }
    .theme-picker{
        min-width:260px; border-radius:999px; padding:.7rem 2.6rem .7rem 1rem;
        background:#111827; color:#e5e7eb; border:1px solid #374151;
        cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none;
        transition:box-shadow .15s ease, border-color .15s ease, background .15s ease;
    }
    .theme-picker:hover{ background:#0f172a; border-color:#4b5563; }
    .theme-picker:focus{
        outline:none; border-color:#f59e0b;
        box-shadow:0 0 0 3px rgba(245,158,11,.28);
    }

    /* Chevron (gros, toujours visible) */
    .select-wrap .chev{
        position:absolute; right:.9rem; top:50%; transform:translateY(-50%);
        color:#9ca3af; font-size:1.05rem; pointer-events:none; transition:transform .15s ease, color .15s ease;
        text-shadow:0 0 6px rgba(156,163,175,.25);
    }
    .select-wrap.open .chev{ transform:translateY(-50%) rotate(180deg); color:#f59e0b; }

    /* Petit texte d'aide sous le select */
    .select-hint{ color:#9ca3af; font-size:.9rem; margin-top:.25rem; }
    @media (max-width:992px){ .theme-picker{min-width:unset} }



    /* --- GIF cerveau à droite du select --- */
    .brain-gif{
        width:92px; height:92px; object-fit:contain; margin-left:.5rem;
        filter: drop-shadow(0 6px 16px rgba(0,0,0,.35));
        border-radius:50%; background:rgba(2,6,23,.6); border:1px solid #1f2937; padding:.25rem;
    }
    @media (max-width:1200px){ .brain-gif{ width:72px; height:72px; } }
    @media (max-width:576px){ .brain-gif{ display:none; } } /* on allège le mobile */

    /* --- Icône admin (superuser) --- */
    .btn-icon{
        --sz:36px; width:var(--sz); height:var(--sz);
        display:inline-flex; align-items:center; justify-content:center;
        border-radius:10px; border:1px solid #4b5563; color:#e5e7eb; background:#0b1220;
        transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    }
    .btn-icon:hover{ border-color:#f59e0b; color:#fff; box-shadow:0 0 0 3px rgba(245,158,11,.18); transform:translateY(-1px); }

    /* --- Cartes usecase plus compactes --- */
    .uc-card.card{ background:#0b0f16; border:1px solid #2a2f3a; border-radius:14px; }
    .uc-card .card-body{ padding:.9rem; }
    .uc-card .card-title{ font-size:1.05rem; margin-bottom:.3rem; }
    .uc-card .chip{ font-size:.82rem; padding:.15rem .5rem; } /* tags plus petits */

    /* --- Effet hover sur les box --- */
    .uc-card{ transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s; }
    .uc-card:hover{
        transform: translateY(-4px);
        box-shadow:0 10px 24px rgba(0,0,0,.32);
        border-color:#f59e0b; background:#0f1320;
    }

    /* Réduire encore la hauteur perçue sur grands écrans */
    @media (min-width:992px){
        .uc-card{ min-height: 190px; }            /* avant : auto + padding élevé */
    }

    /* ---------- Cartes "Futur & Tendances" (compact) ---------- */
    .future-grid .kb-card{
        background:#0b0f16; border:1px solid #2a2f3a; border-radius:14px;
        min-height: 150px;                /* hauteur mini basse */
        transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s;
    }
    .future-grid .kb-card .card-body{ padding: .85rem 1rem !important; }
    .future-grid .kb-card .card-title{ font-size:1.02rem; line-height:1.25; margin-bottom:.25rem; }
    .future-grid .kb-card .card-text{ font-size:.92rem; color:#9aa1ac; margin-bottom:.5rem; }
    .future-grid .kb-card .chip{ font-size:.78rem; padding:.15rem .5rem; border-radius:999px; }
    .future-grid .kb-card .btn{ padding:.2rem .55rem; font-size:.78rem; line-height:1.1; }

    /* Hover élégant */
    .future-grid .kb-card:hover{
        transform:translateY(-4px);
        box-shadow:0 10px 22px rgba(0,0,0,.32);
        border-color:#f59e0b; background:#0f1320;
    }

    /* Baisser encore la hauteur sur grands écrans */
    @media (min-width: 992px){
        .future-grid .kb-card{ min-height: 140px; }
    }

    /* Si des styles hérités restent plus forts, on force : */
    .future-grid .kb-card,
    .future-grid .kb-card .card-body{ padding: .85rem 1rem !important; }

    .future-grid .badge, .future-grid .tag {
        font-size:.78rem; padding:.15rem .45rem; border-radius:999px;
    }


    /* Modal: style sombre + bordure or */
    .contact-modal .modal-content{
        background:#0f1220; color:#e6edf3;
        border:2px solid #d4a017; border-radius:14px;
        box-shadow:0 0 0 3px rgba(212,160,23,.15);
    }
    .contact-modal .modal-header{ border-bottom:1px solid rgba(255,255,255,.08) }
    .contact-modal .form-control,
    .contact-modal .form-select{
        background:#0b1220; color:#e6edf3; border:1px solid #2a2f3a;
    }
    .contact-modal .form-control:focus,
    .contact-modal .form-select:focus{
        border-color:#f59e0b; box-shadow:0 0 0 .2rem rgba(245,158,11,.25);
    }