body {background: var(--surface-light-primary);}


/* sidebar */
.sidebar {width: 100%; max-width: var(--sidebar-width); position: fixed; z-index: 100; background: var(--surface-light-primary); max-height: 100vh; transition: ease left .3s; left: 0;}
.sidebar.closed {max-width: var(--sidebar-closed-width);}
.sidebar__logo {position: sticky; top: 0; height: var(--header-height); z-index: 1; display: flex; align-items: center; margin: 0 var(--sidebar-margin-x); justify-content: space-between;}
.sidebar__logo .sidebar__logo-full {width: 112px; height: 24px; fill: var(--surface-action-blue-default);}
.sidebar__logo .sidebar__logo-icon {display: none; width: 28px; height: 28px; fill: var(--surface-action-blue-default);}
.sidebar.closed .sidebar__logo {margin: 0; justify-content: center;}
.sidebar.closed .sidebar__logo-full {display: none;}
.sidebar.closed .sidebar__logo-icon {display: block;}
:root[data-theme="dark"] .sidebar__logo .sidebar__logo-full, :root[data-theme="dark"] .sidebar__logo .sidebar__logo-icon {fill: var(--text-dark-primary);}
@media (max-width: 991px) {
	.sidebar.closed {left: -100%;}
}

/* menu */
.sidebar__menu {overflow-y: auto; max-height: calc(100vh - var(--header-height)); display: flex; flex-direction: column; gap: 4px; list-style: none; margin: 0; padding: 0; padding-bottom: 40px; margin-top: 24px;}
.sidebar__menu:hover {overflow-y: auto;}
.sidebar__menu::-webkit-scrollbar {width: 5px;}
:root[data-theme="dark"] .sidebar__menu::-webkit-scrollbar-track {background: var(--surface-light-primary);}
:root[data-theme="dark"] .sidebar__menu::-webkit-scrollbar-thumb {background: var(--surface-light-quarteary);}
.sidebar:not(.closed) .sidebar__menu {scrollbar-gutter: stable; margin-right: 4px;}
@media (min-width: 992px) {
	.sidebar__menu {overflow-x: hidden; overflow-y: hidden;}
}

.sidebar__menu > .sidebar__item {margin: 0 var(--sidebar-margin-x); transition: ease all .3s;}
.sidebar__divider {margin: var(--gap-xxlg) calc(var(--sidebar-margin-x) + var(--padding-smd)) 0;}
.sidebar__divider-title {color: var(--text-dark-terceary); font-size: var(--body-6-font-size); line-height: var(--body-6-line-height); letter-spacing: var(--body-6-letter-spacing); font-weight: 550; margin: 0; margin-bottom: var(--gap-md);}

.sidebar__menu > .sidebar__item > .sidebar__link {padding: var(--padding-smd); border-radius: var(--border-radius-sm); display: flex; align-items: center; gap: var(--gap-md); color: var(--text-dark-primary); font-size: var(--body-4-font-size); line-height: var(--body-4-line-height); letter-spacing: var(--body-4-letter-spacing); font-weight: 550;}
.sidebar:not(.closed) .sidebar__menu > .sidebar__item.active > .sidebar__link, .sidebar__menu > .sidebar__item > .sidebar__link:hover {background: var(--surface-light-quarteary);}

.sidebar__icon {display: grid; place-items: center;}
.sidebar__icon svg {width: 20px; height: 20px; fill: var(--icons-dark-primary);}

.sidebar .sidebar__label {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; transition: ease all .3s;}
.sidebar .sidebar__chevron {color: var(--icons-dark-primary); transition: ease all .3s; font-size: 12px}
.sidebar .sidebar__chevron--down {margin-left: auto;}
.sidebar .sidebar__chevron--right {transform: rotate(-90deg); font-size: 10px;}
.sidebar .sidebar__link[aria-expanded="true"] > .sidebar__chevron--down {transform: rotate(-180deg);}
.sidebar .sidebar__link[aria-expanded="true"] > .sidebar__chevron--right {transform: rotate(-180deg);}

.sidebar__item--locked > .sidebar__link {opacity: .55;}
.sidebar__item--locked > .sidebar__link:hover {opacity: .85;}
.sidebar__lock {margin-left: auto; font-size: 12px; color: var(--icons-dark-terceary, var(--text-dark-terceary)); flex-shrink: 0;}
.sidebar__submenu .sidebar__item--locked .sidebar__lock {font-size: 11px;}

.sidebar__menu .sidebar__submenu {list-style: none; position: relative; padding-left: 0;}
.sidebar__menu > .sidebar__item > .sidebar__submenu::before {content: ''; position: absolute; height: calc(100% - var(--padding-smd)); width: 1px; background: var(--border-light-primary); margin-top: var(--padding-smd); left: calc(var(--padding-big) / 2); }
.sidebar__submenu .sidebar__link {font-size: var(--body-4-font-size); font-weight: 450; line-height: var(--body-4-line-height); letter-spacing: var(--body-4-letter-spacing); display: flex; align-items: center; gap: 8px;}
.sidebar__submenu .sidebar__link:hover {color: var(--text-dark-secundary);}
.sidebar__submenu[data-level="2"] > .sidebar__item > .sidebar__link {padding: var(--padding-sm) 0 var(--padding-sm) var(--padding-big);}
.sidebar__submenu[data-level="3"] > .sidebar__item > .sidebar__link {padding: var(--padding-xsm) 0 var(--padding-xsm) calc(var(--padding-big) + 12px); opacity: .7;}
.sidebar__submenu[data-level="4"] > .sidebar__item > .sidebar__link {padding: var(--padding-xsm) 0 var(--padding-xsm) calc(var(--padding-big) + 24px); opacity: .6;}

.sidebar.closed .sidebar__label {visibility: hidden; opacity: 0; width: 0; position: absolute;}
.sidebar.closed .sidebar__item {margin: 0 var(--sidebar-closed-margin-x);}
.sidebar.closed .sidebar__chevron--down {display: none;}
.sidebar.closed:not(:hover) .sidebar__menu .sidebar__submenu {display: none;}
.sidebar.closed:not(:hover) .sidebar__divider-title {opacity: 0; visibility: hidden;}
/* menu */
/* sidebar */

/* header */
.admin-header {height: var(--header-height); background: var(--surface-light-primary); display: flex; align-items: center; justify-content: space-between; gap: var(--gap-xxlg); padding: 0 var(--padding-xxl);}

.btn-sidebar-collapse {background: transparent; border: none; padding: 0; width: 32px; height: 32px;}
.btn-sidebar-collapse svg {width: 20px; height: 20px; fill: var(--icons-dark-primary);}

/* .admin-header .search-wrapper {display: flex; margin: auto; max-width: 200px; width: 100%; }
.admin-header .search-wrapper input {padding: var(--padding-smd) var(--padding-md); border-radius: var(--border-radius-xsm);
background: var(--surface-light-quarteary); line-height: var(--body-6-line-height); letter-spacing: var(--body-6-letter-spacing); font-size: var(--body-6-font-size); color: var(--text-dark-primary); font-weight: 550; border: none; height: auto;}
.admin-header .search-wrapper input::placeholder {font-family: 'inter-variable', 'Inter', FontAwesome, sans-serif; font-size: var(--body-6-font-size); color: var(--text-dark-primary); font-weight: 550; text-align: center;} */

.header__logo-full {width: 112px; height: 24px; fill: var(--surface-action-blue-default);}

.store-link {display: flex; align-items: center; gap: var(--gap-sm, 4px); padding: var(--scale-6) var(--scale-8); color: var(--text-dark-primary); font-size: var(--caption-1-font-size); font-weight: 550; line-height: var(--caption-1-line-height); letter-spacing: var(--caption-1-letter-spacing); margin-left: auto;}
.store-link .store-link-icon {font-size: 16px}
.store-link:hover {color: var(--surface-action-blue-default);}
@media (max-width: 991px) {
	.store-link {display: none;}
}

.header-actions {display: flex; align-items: center; gap: var(--gap-xlg);}
.button-header-action {display: flex; padding: 0;}
:root[data-theme="light"] .header-action-icon-sun {display: none;}
:root[data-theme="dark"] .header-action-icon-moon {display: none;}
svg.header-action-icon {width: 16px; height: 16px; fill: var(--icons-dark-primary);}
.button-header-action:hover svg.header-action-icon {fill: var(--surface-action-blue-default);}
@media (max-width: 991px) {
	.header-actions {display: none;}
}

.user-profile-no-image {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: var(--surface-action-blue-default); color: #fff; font-size: 12px; font-weight: 700;}
.pn-pop-user {display: flex;}
.pn-pop-user .pn-pop-box {right: 134px; width: 270px; max-width: 90vw;}
.pn-pop-user .pn-pop-box::before, .pn-pop-user .pn-pop-box::after {display: none;}
.pn-pop-user .pn-pop-trigger {border-radius: 50%; overflow: hidden; width: 32px; height: 32px; outline: 2px solid var(--border-light-primary);}
.pn-pop-user .pn-pop-user-bg {background-color: #0546FA;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23000044' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%234A74FF'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E"); width: 100%; height: 70px; background-size: cover;} 
.pn-pop-user .pn-pop-content {padding: 0; border-radius: 12px; overflow: hidden;}
.pn-pop-user .pn-pop-user-image {display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border: 2px solid var(--border-light-primary); border-radius: 50%; overflow: hidden; margin: auto; margin-top: -40px; background: var(--surface-light-primary); }
.pn-pop-user .pn-pop-content .pn-user-placeholder { font-size: 24px; display: flex; justify-content: center; align-items: center; background: var(--surface-action-blue-default); color: #fff; font-weight: 700; width: 100%; height: 100%;}
.pn-pop-user-box {padding: var(--padding-md); display: flex; flex-direction: column; gap: var(--gap-xlg);}
.user-profile-info {text-align: center; line-height: 130%; margin-top: 8px;}
.user-profile-name {font-size: 16px; font-weight: 600; display: flex; justify-content: center; align-items: center; gap: 4px; color: var(--text-dark-primary);}
.user-profile-name i {font-size: 14px; color: var(--primary-600);}
.user-profile-username {font-size: 13px; color: var(--text-dark-terceary); font-weight: 500;}
.user-content-list {list-style: none; margin: 0; padding: 0; font-weight: 500; display: flex; flex-direction: column; gap: 8px;}
/* header */

/* admin layout */
.admin-layout {margin-left: 0; transition: ease all .3s; display: flex; flex-direction: column; min-height: 100vh;}
@media (min-width: 992px) {
	.admin-layout.sidebar-closed {margin-left: var(--sidebar-closed-width);}
	.admin-layout {margin-left: var(--sidebar-width); }
}
/* admin layout */

.swal2-popup {scale: 1.4;}
#content {background: var(--surface-light-neutral-bg-terceary); padding: var(--gap-md); flex: 1;}
@media (min-width: 992px) {
	#content {padding: var(--gap-xxlg-2); border-radius: var(--border-radius-xl) var(--border-radius-xl) var(--border-radius-none) var(--border-radius-none);}
}

/* rodape */
#footer {height: 48px;}
/* rodape */