/* =========================================================
   REAL PROPERTY GURU — M26 GLOBAL ACCOUNT LOGOUT TAB
   Desktop account panel only. Mobile/tablet untouched.
   ========================================================= */

@media (min-width:1101px){

    #bpp-m20-account-panel .bpp-m20-panel-footer{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:8px!important;
        width:100%!important;
        padding:11px 12px 12px!important;
    }

    #bpp-m20-account-panel .bpp-m26-logout-form{
        display:block!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
    }

    #bpp-m20-account-panel .bpp-m26-logout{
        appearance:none!important;
        -webkit-appearance:none!important;
        width:100%!important;
        min-height:43px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:10px!important;
        margin:0!important;
        padding:0 14px!important;
        border:1px solid #ecd6d2!important;
        border-radius:11px!important;
        background:#fff8f7!important;
        color:#b33a31!important;
        font-family:"Inter",Arial,sans-serif!important;
        font-size:13px!important;
        line-height:1.2!important;
        font-weight:800!important;
        cursor:pointer!important;
        box-shadow:none!important;
        transition:
            transform .15s ease,
            background-color .15s ease,
            border-color .15s ease,
            color .15s ease,
            box-shadow .15s ease!important;
    }

    #bpp-m20-account-panel .bpp-m26-logout:hover,
    #bpp-m20-account-panel .bpp-m26-logout:focus-visible{
        transform:translateX(3px)!important;
        border-color:#e8aaa2!important;
        background:#ffeae7!important;
        color:#a72f27!important;
        box-shadow:0 8px 20px rgba(179,58,49,.11)!important;
        outline:none!important;
    }

    #bpp-m20-account-panel .bpp-m26-logout-icon{
        width:28px!important;
        height:28px!important;
        min-width:28px!important;
        display:grid!important;
        place-items:center!important;
        border-radius:8px!important;
        background:#fde9e6!important;
        color:#b33a31!important;
        transition:background-color .15s ease,color .15s ease!important;
    }

    #bpp-m20-account-panel .bpp-m26-logout:hover .bpp-m26-logout-icon,
    #bpp-m20-account-panel .bpp-m26-logout:focus-visible .bpp-m26-logout-icon{
        background:#fbd8d3!important;
        color:#9f2a23!important;
    }

    #bpp-m20-account-panel .bpp-m26-logout-icon svg{
        width:17px!important;
        height:17px!important;
        display:block!important;
        fill:none!important;
        stroke:currentColor!important;
        stroke-width:1.9!important;
        stroke-linecap:round!important;
        stroke-linejoin:round!important;
    }

    #bpp-m20-account-panel .bpp-m26-logout-copy{
        display:flex!important;
        flex-direction:column!important;
        align-items:flex-start!important;
        min-width:0!important;
    }

    #bpp-m20-account-panel .bpp-m26-logout-copy strong{
        color:inherit!important;
        font-size:13px!important;
        line-height:1.15!important;
        font-weight:800!important;
    }

    #bpp-m20-account-panel .bpp-m26-logout-copy small{
        margin-top:2px!important;
        color:#8f6f6a!important;
        font-size:12px!important;
        line-height:1.15!important;
        font-weight:600!important;
    }
}

@media (max-width:1100px){
    .bpp-m26-logout-form{
        display:none!important;
    }
}