#sidebar-toggle{display:none}.content-wrapper{margin:.5rem .5rem .5rem 16rem;transition:padding .3s ease;opacity:0;background:#fff;border:.0625rem solid #e5e7eb;border-radius:.5rem}.content-wrapper.ready{opacity:1}.content-wrapper.collapsed{margin-left:0}.header__wrapper{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;gap:1rem;height:4.875rem}.header__brand{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem}.header__logo{height:1.5rem}.header__toggle{display:flex;align-items:center;width:2.25rem;height:2.25rem;padding:.5rem .375rem;background-color:#fafafa;color:rgb(24 24 27);border-radius:.375rem;transition:background-color .2s ease;cursor:pointer;margin-bottom:0}.header__toggle:hover{background-color:#e4e4e7}.header__toggle-icon{width:1.5rem;height:1.5rem}.header__balances{display:flex;gap:2rem;margin-left:5.75rem;background:#fff;padding:.625rem 1.25rem;border-radius:100px;border:1px solid #e5e7eb}.balance{display:flex;align-items:center;gap:.5rem}.balance__icon{width:1.25rem;height:1.25rem;color:#6b7280}.balance__info{display:flex;flex-direction:column}.balance__label{font-size:.75rem;color:#6b7280}.balance__value{font-size:.8125rem;font-weight:600;color:rgb(24 24 27)}.header__actions{display:flex;align-items:center;gap:1rem}.header__notifications{position:relative}.notifications__button{position:relative;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background-color:#fafafa;border-radius:.375rem;transition:background-color .2s ease;cursor:pointer;border:none}.notifications__button:hover{background-color:#e4e4e7}.notifications__icon{display:flex; align-items:center; justify-content: center; width:1.5rem;height:1.5rem;color:#6b7280}.notifications__badge{position:absolute;top:-.25rem;right:-.25rem;display:flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background-color:#ef4444;color:#ffffff;font-size:.75rem;font-weight:600;border-radius:624.9375rem}.sidebar-desktop{display:block;position:fixed;left:0;top:0;z-index:999}.sidebar-mobile{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9999}.sidebar__wrapper{background-color:#fafafa;height:100vh;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;gap:.25rem;width:16rem;opacity:0}.sidebar__wrapper.ready{opacity:1}.sidebar__wrapper.collapsed{width:4.25rem}.sidebar__footer{display:flex;flex-direction:column}.sidebar__wrapper ul{list-style:none;padding:0}.sidebar__wrapper .nav{padding:1rem;flex-direction:column;flex-wrap:nowrap}.help{padding:1rem;border-bottom:1px solid #e5e7eb}.help__link{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.375rem;color:rgb(24 24 27);font-size:.8125rem;font-weight:600;transition:background-color .2s;justify-content:flex-start}.help__link:hover{background-color:#e4e4e7}.help__link.collapsed{justify-content:center}.help__icon{width:1.25rem;height:1.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.help__icon svg{width:100%;height:100%;flex-shrink:0}.help__icon path{stroke:#9ca3af}.nav__close{display:none;width:2.5rem;height:2.5rem;padding:.5rem;background:transparent;border-radius:.375rem;color:#6b7280;cursor:pointer;transition:background-color .2s}.nav__close:hover{background-color:#e4e4e7}.nav__section-title{padding:1rem .5rem .5rem;font-size:.75rem;font-weight:600;color:#6b7280;position:relative;margin-bottom:0}.nav__section-title::before{content:"";position:absolute;top:.75rem;left:.75rem;right:.75rem;height:.0625rem;background-color:#e5e7eb;opacity:0;visibility:hidden}.nav__list{display:flex;flex-direction:column;gap:.125rem;margin-bottom:0;width:auto;transition:width .3s}.nav__item{position:relative}.nav__link{display:flex;align-items:center;gap:.75rem;height:2.25rem;padding:.5rem;border-radius:.375rem;font-size:.8125rem;font-weight:600;justify-content:flex-start;transition:justify-content .3s}.nav__link--wrapper{justify-content:space-between}.nav__link--content{display:flex;align-items:center;gap:.75rem}.nav__link.collapsed{justify-content:center}.nav__link--active{background-color:rgb(24 24 27);color:#fafafa!important}.nav__link--active:hover{background-color:rgba(24,24,27,.9);color:#fafafa!important}.nav__link:not(.nav__link--active){background-color:#fafafa;color:rgb(24 24 27)}.nav__link:not(.nav__link--active):hover{background-color:#e4e4e7}.nav__icon{width:1.25rem;height:1.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav__icon svg{width:100%;height:100%;flex-shrink:0}.nav__link--active .nav__icon path{stroke:#fafafa}.nav__link:not(.nav__link--active) .nav__icon path{stroke:#9ca3af}.nav__item .eye-icon:not(.submenu__preview){display:block;width:1rem;height:1rem;color:#9ca3af;transition:opacity .2s ease-in-out;opacity:0;background:none}.nav__item:hover .eye-icon:not(.submenu__preview){display:block;opacity:1}.nav__item .eye-icon:hover{color:#9ca3af!important}.submenu{z-index:10;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s,max-height .3s}.submenu.expanded{position:absolute;left:100%;top:0;width:12.5rem;background:#fff;border-radius:.5rem;box-shadow:0 .25rem .375rem -.0625rem rgba(0,0,0,.1);border:.0625rem solid #e5e7eb;padding:.5rem;display:block;opacity:1;max-height:none;z-index:999}.submenu__list{display:flex;flex-direction:column;gap:.125rem}.submenu__header{display:none;padding:.5rem;margin-bottom:.25rem;font-weight:600;color:rgb(24 24 27);border-bottom:.0625rem solid #e5e7eb;font-size:.75rem}.submenu__link{display:block;padding:.5rem .5rem .5rem 2.75rem;font-size:.8125rem;border-radius:.375rem;transition:background-color .2s!important;position:relative}.submenu__link:hover{background-color:#eee;text-decoration: none}.submenu__link--active{background-color:#ddd!important;color:#18181B;font-weight:400;}.nav__item .submenu{max-height:0;overflow:hidden;opacity:0}.nav__item .nav__link--expanded+.submenu{max-height:max-content!important;opacity:1!important;padding:.25rem 0!important}.submenu__preview{display:none;color:#9ca3af!important;transition:color .2s ease-in-out}.user{padding:1rem}.user__profile{display:flex;align-items:center;gap:.5rem;cursor:pointer;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:.5rem;overflow:hidden;background:rgb(24 24 27)}.user__avatar{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.5rem;overflow:hidden;background:rgb(24 24 27)}.user__image{width:100%;height:100%;object-fit:cover;object-position:left}.user__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.user__name{font-weight:700;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(24 24 27)}.user__email{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4b5563}.user-modal{position:absolute;top:4.25rem;right:1rem;left:auto;bottom:auto;width:calc(15.5rem);z-index:100;box-shadow:rgba(0,0,0,.1) 0 .25rem .375rem -.0625rem;transform-origin:right top;background:rgb(255,255,255);border-radius:.5rem;border-width:.0625rem;border-style:solid;border-color:rgb(229,231,235);border-image:initial;padding:.5rem}.user-modal__menu{display:flex;flex-direction:column;gap:.125rem}.user-modal__item{display:flex;align-items:center;gap:.75rem;padding:.5rem;color:rgb(24 24 27);font-size:.8125rem;transition:background-color .2s}.user-modal__item:hover{background:#e4e4e7}.user-modal__item:hover:first-child{background:transparent}.user-modal__item--flex{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.user-modal__item--divider{border-top:.0625rem solid #e5e7eb;margin-top:.25rem;padding-top:.75rem}.user-modal__item--account-divider{border-bottom:.0625rem solid #e5e7eb;margin-bottom:.25rem;padding-bottom:.75rem}.user-modal__item svg{color:#9ca3af}.sidebar-tooltip{display:none!important}.sidebar__wrapper.collapsed .sidebar-tooltip{display:block}[data-sidebar-collapsed="true"] .content-wrapper{margin-left:4.25rem}[data-sidebar-collapsed="true"] .sidebar__wrapper{width:4.25rem;overflow-y:initial}.sidebar__wrapper.collapsed .nav__list{width:2.25rem}.sidebar__wrapper.collapsed .submenu{display:none}.sidebar__wrapper.collapsed .nav__section-title{font-size:0;padding:1rem 0}.sidebar__wrapper.collapsed .nav__section-title::before{opacity:1;visibility:visible}.sidebar__wrapper.collapsed .nav__text,.sidebar__wrapper.collapsed .help__text,.sidebar__wrapper.collapsed .user__info,.sidebar__wrapper.collapsed .header__logo{display:none}.sidebar__wrapper.collapsed .header__toggle{margin:0 auto}.sidebar__wrapper.collapsed .submenu.expanded{display:block;position:absolute;left:100%;top:0;width:12.5rem;background:#fff;border-radius:.5rem;box-shadow:0 .25rem .375rem -.0625rem rgba(0,0,0,.1);border:.0625rem solid #e5e7eb;padding:.5rem;opacity:1;max-height:none;z-index:999}.sidebar__wrapper.collapsed .submenu__header{padding:.5rem;margin-bottom:.25rem;font-weight:600;color:rgb(24 24 27);border-bottom:.0625rem solid #e5e7eb;font-size:.75rem;position:relative;display:flex!important;align-items:center;justify-content:space-between}.sidebar__wrapper.collapsed .submenu__link{padding:.5rem}.sidebar__wrapper.collapsed .submenu.expanded .submenu__preview{display:block;position:static;transform:none;width:1rem;height:1rem;margin-left:.5rem}.sidebar__wrapper.collapsed .nav__item:hover .eye-icon:not(.submenu__preview){display:none;opacity:0}.mobile-menu-button{display:none;align-items:center;width:2.25rem;height:2.25rem;padding:.5rem .375rem;background-color:#fafafa;color:rgb(24 24 27);border-radius:.375rem;transition:background-color .2s ease;cursor:pointer;position:fixed;top:1.5rem;left:.75rem;z-index:999}@media (max-width:1024px){.content-wrapper{margin:0!important;border:none;border-radius:0}.sidebar__wrapper{width:100%}.sidebar__wrapper.collapsed .submenu.expanded{position:static;width:100%;box-shadow:none;border:none}.nav__close,.sidebar-mobile.is-open{display:block}.header{z-index:999}.header__brand{padding:0}.header__wrapper{padding:.75rem}.sidebar-desktop,.header__balances,.header__toggle,.nav__link[data-tooltip]::before,.nav__link[data-tooltip]::after{display:none}.notifications{margin-left:auto}.header__user{width:auto}.mobile-menu-button{display:flex!important}.sidebar-mobile .sidebar__wrapper{width:100%!important;max-width:16rem;height:100vh;border-radius:0 .5rem .5rem 0;overflow-y:auto;opacity:1!important;margin:0}.sidebar-mobile.is-open .header__brand{padding:24px 1rem 0;justify-content:space-between}.nav__item .eye-icon:not(.submenu__preview){display:block;opacity:1}.submenu__preview{display:none!important}}
/* Chatvolt Sidebar */
/* Chatvolt Sidebar Desktop */
.chatvolt-sidebar-desktop {
    position: fixed;
    top: .5rem;
    right: 0;
    height: calc(100vh - 1rem);
    width: 22.25rem;
    background-color: #fff;
    z-index: 9999;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    border: .0625rem solid #e5e7eb;
    border-right: none;
    border-radius: .5rem 0 0 .5rem;
    box-shadow: -4px 0 6px -1px rgba(0, 0, 0, 0.1);
}

.chatvolt-sidebar-desktop.active {
    transform: translateX(0);
}

@media (max-width: 1024px) {
    .chatvolt-sidebar-desktop {
        display: none !important;
    }
}

/* Chatvolt Sidebar Mobile */
.chatvolt-sidebar-mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    visibility: hidden;
    transition: visibility 0.3s ease;
    display: none;
}

@media (max-width: 1024px) {
    .chatvolt-sidebar-mobile {
        display: block;
    }
}

.chatvolt-sidebar-mobile.active {
    visibility: visible;
}

.chatvolt-mobile-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.chatvolt-sidebar-mobile.active .chatvolt-mobile-backdrop {
    opacity: 1;
}

/* Shared Content Container Modifications */
.chatvolt-content {
    background: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: .5rem .5rem 0 0;
}

/* Mobile specific transition for the content panel */
.chatvolt-sidebar-mobile .chatvolt-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 85%;
    max-width: 22.25rem;
    height: 100%;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.chatvolt-sidebar-mobile.active .chatvolt-content {
    transform: translateX(0);
}

.chatvolt-close {
    /* Position will be handled by flex container integration */
    z-index: 50;
    cursor: pointer;
    padding: 0.5rem;
    color: #6b7280;
    transition: all 0.2s;
    display: none; /* Hidden until integrated by JS */
}

.chatvolt-close.integrated {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    box-shadow: none;
}

.chatvolt-close:hover {
    background-color: rgba(0, 0, 0, 0.04);
    color: rgb(24 24 27);
}

/* Chatvolt Embed Customization */
chatvolt-chatbox-standard {
    width: 100% !important;
    height: 100% !important;
    border: none;
}

/* Content Push Effect */
.content-wrapper {
    transition: padding 0.3s ease, margin-right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {
    .content-wrapper.chat-open {
        margin-right: 22.5rem;
    }
}

/* Chat Button Styling (matches notifications__button) */
.chat__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #fafafa;
    border-radius: .375rem;
    transition: background-color .2s ease;
    cursor: pointer;
    border: none;
    text-decoration: none !important;
}
.chat__button:hover,
.chat__button.active {
    background-color: #e4e4e7;
}

.chat__icon {
    width: 1.5rem;
    height: 1.5rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Scroll principal relativo ao content-wrapper */
html:has(.content-wrapper), body:has(.content-wrapper) {
    overflow: hidden;
    height: 100vh;
}

.content-wrapper {
    height: calc(100vh - 1rem); /* 100vh - (margin-top + margin-bottom) */
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #b5b5b5 transparent;
}

.content-wrapper:hover {
    scrollbar-color: #8a8a8a transparent;
}

.content-wrapper::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.content-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.content-wrapper::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 3px;
}

.content-wrapper:hover::-webkit-scrollbar-thumb {
    background-color: #8a8a8a;
}

@media (max-width: 1024px) {
    .content-wrapper {
        height: 100vh;
    }
}

/* Update to center header balances relative to content-wrapper */
.header__wrapper {
    position: relative;
}

.header__balances {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0;
}

.header__actions {
    margin-left: auto;
}