/* =========================================
   TOPBAR — AÇÕES GLOBAIS
========================================= */

.nf-topbar-dropdown{

    position:relative;
}

.nf-topbar-action-btn{

    position:relative;

    width:40px;
    height:40px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0;

    border:none;
    border-radius:12px;

    background:transparent;
    color:#8b5e00;

    cursor:pointer;

    transition:
    background .2s ease,
    transform .2s ease;
}

.nf-topbar-action-btn:hover,
.nf-topbar-action-btn[aria-expanded="true"]{

    background:#f5efe3;
    color:#211404;
}

.nf-topbar-action-icon{

    width:22px;
    height:22px;
    flex-shrink:0;
}

.nf-topbar-badge{

    position:absolute;
    top:4px;
    right:4px;

    min-width:16px;
    height:16px;

    padding:0 4px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:999px;

    background:#b45309;
    color:#fff;

    font-size:10px;
    font-weight:800;
    line-height:1;

    pointer-events:none;
}

.nf-topbar-menu{

    position:absolute;
    top:calc(100% + 8px);
    right:0;
    z-index:120;

    min-width:240px;
    max-width:320px;

    padding:8px;

    background:#fffdf8;

    border:1px solid
    rgba(139,94,0,.12);

    border-radius:14px;

    box-shadow:
    0 12px 28px
    rgba(43,22,0,.12);
}

.nf-topbar-menu-item{

    width:100%;

    display:flex;
    align-items:center;
    gap:10px;

    padding:10px 12px;

    border:none;
    border-radius:10px;

    background:transparent;

    color:#211404;
    font-size:13px;
    font-weight:600;
    text-align:left;

    cursor:pointer;
    text-decoration:none;

    transition:background .2s ease;
}

.nf-topbar-menu-item:hover,
.nf-topbar-menu-item:focus-visible{

    background:#f5efe3;
    outline:none;
}

.nf-topbar-menu-item span[aria-hidden="true"]{

    width:1.25em;
    flex:0 0 1.25em;
    text-align:center;
}

.nf-topbar-menu-divider{

    height:1px;
    margin:6px 4px;

    background:rgba(139,94,0,.12);
}

.nf-topbar-menu-item--danger{

    color:#b91c1c;
}

.nf-topbar-menu-item--danger:hover{

    background:#fee2e2;
}

.nf-topbar-menu-loading,
.nf-topbar-menu-empty{

    padding:12px;

    font-size:13px;
    font-weight:600;
    color:#6b5840;
    text-align:center;
}

.nf-topbar-menu-list{

    display:flex;
    flex-direction:column;
    gap:2px;
}

.nf-topbar-alert-item{

    display:flex;
    align-items:flex-start;
    gap:10px;

    padding:10px 12px;

    border-radius:10px;

    color:#211404;
    font-size:13px;
    font-weight:600;
    line-height:1.45;
    text-decoration:none;

    transition:background .2s ease;
}

.nf-topbar-alert-item:hover,
.nf-topbar-alert-item:focus-visible{

    background:#f5efe3;
    outline:none;
}

.nf-topbar-alert-icon{

    flex:0 0 auto;
    width:1.1em;
    text-align:center;
    line-height:1.45;
}

.nf-topbar-alert-text{

    min-width:0;
}

/* =========================================
   TOPBAR — AVATAR
========================================= */

.nf-topbar-avatar-btn{

    padding:2px;
}

.nf-topbar-avatar-img,
.nf-topbar-avatar-initials{

    width:36px;
    height:36px;

    border-radius:50%;
    flex-shrink:0;
}

.nf-topbar-avatar-img{

    object-fit:cover;

    border:2px solid
    rgba(139,94,0,.14);
}

.nf-topbar-avatar-initials{

    display:flex;
    align-items:center;
    justify-content:center;

    background:#f6d58a;
    color:#2b1600;

    font-size:13px;
    font-weight:800;
    letter-spacing:.02em;

    border:2px solid
    rgba(139,94,0,.14);
}

/* =========================================
   TOPBAR — MENU ENGRENAGEM (aliases)
========================================= */

.nf-topbar-settings{

    position:relative;
}

.nf-topbar-settings-icon{

    width:22px;
    height:22px;
}

.nf-global-help-text{

    margin:0;

    font-size:14px;
    line-height:1.6;
    color:#6b5840;
}

@media(max-width:768px){

    .nf-topbar-menu{

        position:fixed;
        top:72px;
        right:12px;
        left:12px;

        min-width:0;
        width:auto;
        max-width:none;
    }

    .nf-topbar-right{

        gap:10px;
    }

}