/* HANDL stability layer — loaded last */
html,body{overflow-x:hidden}
.mvd-wrapper{min-height:100vh;background:#f7f7fb}
.mvd-content{min-width:0;background:#f7f7fb}
.mvd-topbar{position:relative!important;z-index:20!important;width:100%!important;min-height:96px!important;margin:0!important;padding:18px 24px!important;background:#fff!important;border-bottom:1px solid #ece9f1!important;box-sizing:border-box!important}
.mvd-header-row,.mvd-header-left,.mvd-header-top{width:100%!important;min-width:0!important}
.mvd-header-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}
.mvd-header-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.mvd-profile{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.mvd-profile img{width:42px!important;height:42px!important;border-radius:50%!important;object-fit:cover!important;display:block!important}
.mvd-profile-info{min-width:0!important}.mvd-profile-name,.mvd-profile-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mvd-sidebar{z-index:60!important;padding-top:92px!important;overflow-y:auto!important;overflow-x:visible!important}
.mvd-sidebar .mvd-brand{position:absolute!important;top:18px!important;left:18px!important;right:18px!important;min-height:54px!important;margin:0!important;padding:0 42px 0 0!important;display:flex!important;align-items:center!important}
.mvd-sidebar-toggle{position:absolute!important;top:30px!important;right:14px!important;left:auto!important;width:34px!important;height:34px!important;border-radius:9px!important;background:#fff!important;color:#312b3b!important;border:1px solid #ddd8e7!important;box-shadow:0 4px 14px rgba(31,24,43,.08)!important;z-index:5!important}
.mvd-sidebar.is-collapsed{padding-top:92px!important}.mvd-sidebar.is-collapsed .mvd-brand{left:10px!important;right:10px!important;padding:0!important;justify-content:center!important}.mvd-sidebar.is-collapsed .mvd-sidebar-toggle{top:72px!important;right:50%!important;transform:translateX(50%)!important}
.mvd-menu-item{display:flex!important;align-items:center!important;gap:12px!important;min-height:42px!important;padding:9px 14px!important;box-sizing:border-box!important}.mvd-menu-item svg{flex:0 0 20px!important;width:20px!important;height:20px!important}.mvd-menu-label{min-width:0!important}
.mvd-sidebar-footer{position:relative!important;margin-top:24px!important;padding-bottom:20px!important}
.mvd-upgrade,.mvd-help{box-sizing:border-box!important}
.mvd-dashboard-card,.mvd-services-card,.mvd-reviews-card,.mvd-actions-card,.handl-card{box-sizing:border-box!important}
.mvd-services-grid{align-items:stretch!important}.mvd-service-item{min-width:0!important}.mvd-service-image img{width:100%!important;height:150px!important;object-fit:cover!important}
.mvd-actions-grid a,.mvd-card-header a,.mvd-footer-link{pointer-events:auto!important}
.handl-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.handl-media-card{border:1px solid #ece8f4;border-radius:14px;padding:16px;background:#fff}.handl-media-card img,.handl-media-card video{width:100%;max-height:280px;object-fit:contain;border-radius:10px;background:#f5f3f8}.handl-media-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.handl-upload-form{margin-top:12px;padding-top:12px;border-top:1px solid #eeeaf4}.handl-upload-form input[type=file]{width:100%;margin-bottom:10px}
@media(max-width:900px){.mvd-topbar{padding:14px 16px!important}.mvd-header-top{align-items:flex-start!important;flex-direction:column!important}.mvd-header-actions{width:100%!important}.handl-media-grid{grid-template-columns:1fr}}

/* ==========================================================
   HANDL PERMISSIONS — SAFE RESPONSIVE CONTAINER FIX
   Additive only: Rights, Roles and User Access
========================================================== */

@media (max-width: 991px){

    .handl-v3-content:has(
        .handl-rights-page,
        .handl-roles-page,
        .handl-user-access-page
    ){
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding-right:16px !important;
        padding-left:16px !important;

        overflow:visible !important;
    }

    .handl-v3-content:has(
        .handl-rights-page,
        .handl-roles-page,
        .handl-user-access-page
    ) > *{
        min-width:0 !important;
        max-width:100% !important;
    }

    .handl-rights-page,
    .handl-roles-page,
    .handl-user-access-page{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin-right:0 !important;
        margin-left:0 !important;

        overflow:visible !important;
    }

    .handl-rights-tabs{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin-right:0 !important;
        margin-left:0 !important;
    }

    .handl-rights-grid,
    .handl-rights-card,
    .handl-roles-header,
    .handl-roles-table-wrap,
    .handl-user-access-header,
    .handl-user-access-card{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin-right:0 !important;
        margin-left:0 !important;
    }
}


/* Mobile */

@media (max-width: 680px){

    .handl-v3-content:has(
        .handl-rights-page,
        .handl-roles-page,
        .handl-user-access-page
    ){
        padding-right:12px !important;
        padding-left:12px !important;
    }

    .handl-v3-page-title-row{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }

    .handl-v3-breadcrumbs{
        max-width:100% !important;
        overflow-wrap:anywhere !important;
    }

    .handl-rights-tabs{
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    .handl-rights-tab{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
    }
}


/* Très petit mobile */

@media (max-width: 420px){

    .handl-v3-content:has(
        .handl-rights-page,
        .handl-roles-page,
        .handl-user-access-page
    ){
        padding-right:10px !important;
        padding-left:10px !important;
    }

    .handl-rights-tabs{
        gap:8px !important;
    }
}


/* =========================================================
   HANDL — LEGACY V1 TOPBAR DISABLED
========================================================= */

#metro-vendor-dashboard .mvd-topbar,
.mvd-topbar{
    display:none !important;
    width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
}