

    /* POP UP */
        #popup-securite {
                position: fixed;
                bottom: 40px;
                right: 40px;
                z-index: 9999;
                width: 350px;
                min-width: 220px;
                max-width: 95vw;
                min-height: 100px;
                max-height: 80vh;
                border-radius: 16px;
                box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
                font-family: 'Segoe UI', Arial, sans-serif;
                display: flex;
                flex-direction: column;
                background: #fff;
                resize: both;
                overflow: hidden;
                /* max-height: 300px; */
                /* ou laisse vide si tu veux que ce soit dynamique */
                transition: height 0.2s;
            }

            #popup-securite.minimized {
                height: 48px !important;
                min-height: 48px !important;
                max-height: 48px !important;
            }

                     #popup-securite .popup-header.dragging {
                cursor: grabbing;
            }

            #popup-securite .popup-header button {
                background: none;
                border: none;
                color: #fff;
                font-size: 1.2rem;
                cursor: pointer;
                margin-left: 8px;
                opacity: 0.8;
                transition: opacity 0.2s;
                display: flex;
                align-items: center;
            }

            #popup-securite .popup-header button:hover {
                opacity: 1;
            }

            #popup-securite .popup-body {
                flex: 1 1 0%;
                /* min-height: 0; */
            height: 100%;
                overflow-y: auto;
                padding: 16px;
                background: #fff;
                border-bottom: 1px solid #eee;
                scrollbar-width: thin;
              }

            #popup-securite.minimized .popup-body,
            #popup-securite.minimized .popup-footer {
                display: none;
            }

            #popup-securite .popup-body::-webkit-scrollbar {
                width: 8px;
                background: #f8fafc;
            }

            #popup-securite .popup-body::-webkit-scrollbar-thumb {
                background: #dc3545;
                border-radius: 4px;
            }

            #popup-securite .popup-footer {
                padding: 12px 18px;
                background: #e3e0e0;
                border-bottom-left-radius: 16px;
                border-bottom-right-radius: 16px;
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                align-items: center;
                justify-content: space-between;
                font-weight: 500;
                position: sticky;
                bottom: 0;
            }

            #popup-securite .btn-light {
                background: #fff;
                border: 1px solid #ddd;
                color: #222;
                font-weight: 500;
                border-radius: 6px;
                padding: 4px 12px;
                display: flex;
                align-items: center;
                gap: 6px;
            }

            #popup-securite .form-check-input {
                accent-color: #dc3545;
            }