/* Enterprise Monitor NEXT - PATCH 073.3.22
 * Janela lateral com alternancia entre modo lateral e maximizado.
 */

.next-drawer-window-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    margin-left:auto;
    flex:0 0 auto;
}

.next-drawer-window-button{
    width:44px;
    height:44px;
    display:inline-grid;
    place-items:center;
    border:0;
    border-radius:14px;
    background:#eef4ff;
    color:#001433;
    cursor:pointer;
    line-height:1;
    transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
}

.next-drawer-window-button:hover{
    background:#dce9ff;
    transform:translateY(-1px);
    box-shadow:0 8px 20px rgba(15,52,96,.12);
}

.next-drawer-window-button:focus-visible{
    outline:3px solid rgba(11,91,231,.28);
    outline-offset:2px;
}

.next-drawer-window-button svg{
    width:20px;
    height:20px;
    pointer-events:none;
}

.next-drawer-capable{
    --next-drawer-max-gap:16px;
}

.next-drawer-capable.next-drawer-maximized{
    top:var(--next-drawer-max-gap)!important;
    right:var(--next-drawer-max-gap)!important;
    bottom:var(--next-drawer-max-gap)!important;
    left:var(--next-drawer-max-gap)!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    border-radius:24px!important;
    transform:translateX(0)!important;
    box-shadow:0 32px 100px rgba(0,20,51,.34)!important;
    z-index:1600!important;
    overflow:hidden!important;
}

.next-drawer-capable.next-drawer-maximized > :is(.drawer-head,.external-drawer-head,.provider-drawer-head,header){
    position:sticky;
    top:0;
    z-index:4;
    background:#fff;
}

.next-drawer-capable.next-drawer-maximized > :is(.drawer-body,.external-drawer-body,.provider-drawer-body,.send-drawer-body){
    flex:1 1 auto;
    min-height:0;
    overflow:auto!important;
}

body.next-drawer-maximized-open{
    overflow:hidden!important;
}

@media (max-width:800px){
    .next-drawer-capable.open,
    .next-drawer-capable[aria-hidden="false"]{
        top:0!important;
        right:0!important;
        bottom:0!important;
        left:0!important;
        width:100vw!important;
        max-width:none!important;
        min-width:0!important;
        height:100dvh!important;
        min-height:100vh!important;
        max-height:none!important;
        border-radius:0!important;
        transform:translateX(0)!important;
        overflow:hidden!important;
    }

    .next-drawer-capable > :is(.drawer-head,.external-drawer-head,.provider-drawer-head,header){
        padding:16px 18px!important;
    }

    .next-drawer-capable > :is(.drawer-body,.external-drawer-body,.provider-drawer-body,.send-drawer-body){
        padding:18px!important;
        flex:1 1 auto;
        min-height:0;
        overflow:auto!important;
    }

    .next-drawer-window-button{
        width:42px;
        height:42px;
    }
}