/**
* Artifact-aligned primary sidebar (app-wide).
* Tokens + layout from artifact `.side` / `.nav-item`.
*/

.bodyMainContainer > .sidebarNav__wrapper,
.navbarOuter.sidebarNav--artifact {
    /* INV-VIS-001 — Radix Sage dark spine (kuna.html) */
    --d-surface-1: #101211;
    --d-surface-2: #202221;
    --d-surface-3: #272A29;
    --d-border: #373B39;
    --d-text-muted: #717D79;
    --d-text-body: #ADB5B2;
    --d-text-strong: #ECEEED;
    --brand-dark: #55AD7E;
    --d-accent: var(--brand-dark);
    --d-surface-hover: var(--d-surface-2);
    --d-surface-active: var(--d-surface-3);
    --shadow-pop: 0 8px 28px rgba(26, 33, 30, 0.14);
    --fast: 0.15s;
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.bodyMainContainer > .sidebarNav__wrapper {
    width: 228px;
    flex: 0 0 228px;
    max-width: 228px;
    min-width: 228px;
    flex-shrink: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    overflow: hidden;
    background: var(--d-surface-1);
    border-right: 1px solid var(--d-border);
    box-sizing: border-box;
    z-index: 30;
    --sidebar-resize-duration: 0.24s;
    --sidebar-resize-ease: cubic-bezier(0.4, 0, 0.2, 1);
    transition:
        width var(--sidebar-resize-duration) var(--sidebar-resize-ease),
        flex-basis var(--sidebar-resize-duration) var(--sidebar-resize-ease);
}

@media (prefers-reduced-motion: reduce) {
    .bodyMainContainer > .sidebarNav__wrapper {
        transition: none;
    }
}

body.sidebarNav--instantResize .bodyMainContainer > .sidebarNav__wrapper,
body.settings-page.sidebarNav--instantResize .bodyMainContainer > .settingsPageNav {
    transition: none !important;
}

.bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--animating {
    overflow: hidden;
    pointer-events: none;
}

.bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--animating .navbarOuter.sidebarNav--artifact {
    contain: layout style paint;
}

body.sidebarNav--animating #toggleNavView {
    pointer-events: none;
}

body.sidebarNav--animating .navbarOuter.sidebarNav--artifact .sidebarNav__zoneLabel,
body.sidebarNav--animating .navbarOuter.sidebarNav--artifact .navLinkText {
    transition: opacity 0.12s var(--ease);
}

body.sidebarNav--animating.sidebarNav--shrink .navbarOuter.sidebarNav--artifact.shrink #logo1 {
    display: block !important;
}

body.sidebarNav--animating.sidebarNav--shrink .navbarOuter.sidebarNav--artifact.shrink #logo2 {
    display: none !important;
}

body.sidebarNav--animating:not(.sidebarNav--shrink) .navbarOuter.sidebarNav--artifact #logo1 {
    display: block !important;
}

body.sidebarNav--animating:not(.sidebarNav--shrink) .navbarOuter.sidebarNav--artifact #logo2 {
    display: none !important;
}

body.sidebarNav--animating .navbarOuter.sidebarNav--artifact.shrink .sidebarNav__zoneLabel,
body.sidebarNav--animating .navbarOuter.sidebarNav--artifact.shrink .navLinkText {
    font-size: inherit;
    line-height: inherit;
    width: auto;
    max-width: none;
    opacity: 1;
    pointer-events: none;
}

body.sidebarNav--animating .navbarOuter.sidebarNav--artifact.shrink .sidebarNav__foot {
    height: auto;
    margin: 0;
    padding: 12px 16px;
    border-top-width: 1px;
    opacity: 1;
    overflow: hidden;
    pointer-events: none;
}

body.sidebarNav--animating .navbarOuter.sidebarNav--artifact.shrink .navbarInner .navTab:not(.sidebarNav__navGroup),
body.sidebarNav--animating .navbarOuter.sidebarNav--artifact.shrink .navbarInner a.nav-item,
body.sidebarNav--animating .navbarOuter.sidebarNav--artifact.shrink .navSubMenu li a.name {
    font-size: inherit;
    line-height: inherit;
}

body.sidebarNav--animating .navbarOuter.sidebarNav--artifact.shrink .addMore1.quick-add,
body.sidebarNav--animating .navbarOuter.sidebarNav--artifact.shrink .addMore1.quick-add--direct {
    width: 100% !important;
    max-width: none;
    min-width: 0;
}

.bodyMainContainer > .sidebarNav__wrapper:has(.sidebarNav__quickAddWrap.is-open) {
    z-index: 250;
    overflow: visible;
}

.bodyMainContainer > .appContentColumn {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
}

.appContentColumn > .mainWrapperDiv,
.appContentColumn > .mainWrapperDiv.scrollBar {
    width: 100% !important;
    max-width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
}

.navbarOuter.sidebarNav--artifact {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    background: var(--d-surface-1) !important;
    border-right: 0;
    color: var(--d-text-strong);
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    line-height: 1.5;
    transition: none !important;
}

.navbarOuter.sidebarNav--artifact .navSubMenu,
.navbarOuter.sidebarNav--artifact .navSubMenu.active {
    max-height: none !important;
    overflow: visible !important;
    margin-top: 0 !important;
}

.navbarOuter.sidebarNav--artifact > .navBarTop:not(.side-scroll) {
    gap: 0 !important;
    flex-grow: 0 !important;
}

.navbarOuter.sidebarNav--artifact.spanish,
.navbarOuter.sidebarNav--artifact.french,
.navbarOuter.sidebarNav--artifact.german {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100%;
}

/* Fixed top — artifact `.side-top` (logo + quick add) */
.navbarOuter.sidebarNav--artifact .sidebarNav__top {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 18px 16px 10px;
    background: var(--d-surface-1);
    z-index: 2;
    overflow: visible;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__top:has(.sidebarNav__quickAddWrap.is-open),
.navbarOuter.sidebarNav--artifact .side-top:has(.sidebarNav__quickAddWrap.is-open) {
    z-index: 260;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__top .logoDashboard,
.navbarOuter.sidebarNav--artifact .side-top .logoDashboard {
    flex-shrink: 0;
    /* padding-left: 6px; */
    margin-bottom: 0;
    display: flex;
    justify-content: center;
}

.navbarOuter.sidebarNav--artifact .logoDashboard {
    flex-shrink: 0;
    /* padding-left: 6px; */
}

.navbarOuter.sidebarNav--artifact .logoDashboard a {
    display: flex;
    align-items: center;
    text-decoration: none;
    max-height: 40px;
}

.navbarOuter.sidebarNav--artifact .logoDashboard img#logo1 {
    display: block;
    max-height: 24px;
    width: auto;
    object-fit: contain;
}

.navbarOuter.sidebarNav--artifact .logoDashboard img#logo2 {
    display: none;
    width: 32px;
    height: 32px;
    object-fit: contain;
}

/* Quick add — kuna `.side-scroll` + `.quick-add` (single scroll container) */
.navbarOuter.sidebarNav--artifact .navBarTop.side-scroll {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 6px 12px 6px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: var(--d-surface-3) transparent;
    box-sizing: border-box;
}

.navbarOuter.sidebarNav--artifact .navBarTop.side-scroll::-webkit-scrollbar {
    width: 6px;
}

.navbarOuter.sidebarNav--artifact .navBarTop.side-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.navbarOuter.sidebarNav--artifact .navBarTop.side-scroll::-webkit-scrollbar-thumb {
    background: var(--d-surface-3);
    border-radius: 10px;
}

.navbarOuter.sidebarNav--artifact:has(.sidebarNav__foot) .navBarTop.side-scroll,
body:not(.hasPageTopChrome) .navbarOuter.sidebarNav--artifact:has(.profileMenuNew) .navBarTop.side-scroll {
    padding-bottom: 12px;
}

.navbarOuter.sidebarNav--artifact .navBarTop.side-scroll > div:has(#timer_link):not(:has(#timer_link.active-timer)) {
    display: none;
}

.navbarOuter.sidebarNav--artifact .side-scroll .sidebarNav__quickAddWrap,
.navbarOuter.sidebarNav--artifact .navBarTop.side-scroll > .sidebarNav__quickAddWrap {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin: 6px 0 14px;
    box-sizing: border-box;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__quickAddWrap {
    position: relative;
    flex-shrink: 0;
}

.navbarOuter.sidebarNav--artifact .navBarTop .navbarInner {
    flex: 0 0 auto;
    min-height: 0;
    gap: 0;
}

.navbarOuter.sidebarNav--artifact .navbarInner.sidebarNav__scroll {
    overflow: visible;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__quickAddWrap.is-open {
    z-index: 261;
}

/* Legacy shrink quick-add icon — not used in artifact markup */
.navbarOuter.sidebarNav--artifact .addMore2 {
    display: none !important;
}

/* Legacy shrink icon — removed from artifact markup */
.navbarOuter.sidebarNav--artifact .addMore1.quick-add--direct {
    justify-content: space-between;
}

.navbarOuter.sidebarNav--artifact .addMore1.quick-add--direct a {
    flex: 1 1 auto;
    justify-content: flex-start;
    min-width: 0;
}

.navbarOuter.sidebarNav--artifact .addMore1.quick-add {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* gap: 10px; */
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-radius: 39px;
    background: var(--secondary-theme-color, #15663F);
    padding: 7px 9px;
    border: 0;
    box-sizing: border-box;
    box-shadow: none;
    cursor: pointer;
    transition: background var(--fast) ease, transform var(--fast) var(--ease), box-shadow var(--fast) ease;
}

.navbarOuter.sidebarNav--artifact .addMore1.quick-add:not(.quick-add--direct) {
    justify-content: space-between;
}

.navbarOuter.sidebarNav--artifact .addMore1:not(.quick-add) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-radius: 999px;
    background: var(--secondary-theme-color, #15663F);
    padding: 9px 12px;
    border: 0;
    box-shadow: none;
    transition: background var(--fast) ease, transform var(--fast) var(--ease), box-shadow var(--fast) ease;
}

.navbarOuter.sidebarNav--artifact .addMore1:hover {
    background: var(--secondary-theme-color-hover, #105232);
}

.navbarOuter.sidebarNav--artifact .addMore1.quick-add:hover {
    box-shadow: 0 4px 14px rgba(21, 102, 63, 0.32);
    transform: translateY(-1px);
}

.navbarOuter.sidebarNav--artifact .addMore1:not(.quick-add):hover {
    box-shadow: 0 4px 14px rgba(21, 102, 63, 0.32);
}

.navbarOuter.sidebarNav--artifact .addMore1:active {
    transform: translateY(0) scale(0.98);
}

.navbarOuter.sidebarNav--artifact .addMore1:not(.quick-add) a {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-weight: 600;
    font-size: 13.5px;
    line-height: 1.5;
    text-decoration: none;
    white-space: nowrap;
}

.navbarOuter.sidebarNav--artifact .addMore1.quick-add a {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    min-width: 0;
    color: #fff;
    font-weight: 600;
    font-size: 13.5px;
    line-height: 1.5;
    text-decoration: none;
    white-space: nowrap;
}

.navbarOuter.sidebarNav--artifact .addMore1.quick-add a.custom6 {
    color: #fff;
    font-size: 13.5px;
    width: 100% !important;
    font-weight: 600;
}

.navbarOuter.sidebarNav--artifact .addMore1 .sidebarNav__quickAddToggle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    /* margin: 0 0 0 auto; */
    padding: 0 0 0 8px;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.28);
    background: transparent;
    cursor: pointer;
    color: #fff;
    transition: opacity var(--fast) ease;
}

.navbarOuter.sidebarNav--artifact .addMore1 .sidebarNav__quickAddToggle:hover {
    opacity: 0.85;
}

.navbarOuter.sidebarNav--artifact .addMore1 .sidebarNav__ic,
.navbarOuter.sidebarNav--artifact .addMore1 .sidebarNav__quickAddChevron {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    stroke: #fff;
    color: #fff;
    transition: transform var(--fast) ease;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__quickAddWrap.is-open .sidebarNav__quickAddChevron {
    transform: rotate(180deg);
}

.navbarOuter.sidebarNav--artifact .addMore1.quick-add .sidebarNav__quickAddIcon,
.navbarOuter.sidebarNav--artifact .addMore1.quick-add .sidebarNav__quickAddChevronImg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    object-fit: contain;
    display: block;
    transition: transform var(--fast) ease;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__quickAddWrap.is-open .sidebarNav__quickAddChevronImg {
    transform: rotate(180deg);
}

/* Quick Add pop — artifact `.qa-pop` */
.navbarOuter.sidebarNav--artifact .qa-pop,
.navbarOuter.sidebarNav--artifact .quickAddDiv.qa-pop {
    position: absolute;
    top: calc(100% + 6px);
    left: 0 !important;
    right: 0 !important;
    margin-left: 0;
    width: auto;
    min-width: 0;
    background: var(--d-surface-2);
    border: 1px solid var(--d-border);
    border-radius: 12px;
    box-shadow: var(--shadow-pop);
    padding: 6px;
    z-index: 60;
    box-sizing: border-box;
    max-height: min(60vh, 360px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__quickAddWrap.is-open .qa-pop,
.navbarOuter.sidebarNav--artifact .sidebarNav__quickAddWrap.is-open .quickAddDiv.qa-pop {
    animation: sidebarNavQaPopIn 0.2s var(--ease, ease) both;
}

@keyframes sidebarNavQaPopIn {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.navbarOuter.sidebarNav--artifact .qa-pop button,
.navbarOuter.sidebarNav--artifact .qa-pop a,
.navbarOuter.sidebarNav--artifact .quickAddDiv.qa-pop a {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 7px 9px;
    border: none;
    background: transparent;
    border-radius: 8px;
    color: var(--d-text-body);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    transition: background var(--fast) ease, color var(--fast) ease;
}

.navbarOuter.sidebarNav--artifact .qa-pop button:hover,
.navbarOuter.sidebarNav--artifact .qa-pop a:hover,
.navbarOuter.sidebarNav--artifact .quickAddDiv.qa-pop a:hover {
    background: var(--d-surface-3);
    color: var(--d-text-strong);
}

.navbarOuter.sidebarNav--artifact .qa-pop a span,
.navbarOuter.sidebarNav--artifact .quickAddDiv.qa-pop a span {
    flex: 1;
    min-width: 0;
    color: inherit;
}

.navbarOuter.sidebarNav--artifact .qa-pop .sidebarNav__ic,
.navbarOuter.sidebarNav--artifact .quickAddDiv.qa-pop .sidebarNav__ic {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: var(--d-text-body);
    opacity: 0.85;
    transition: color var(--fast) ease, opacity var(--fast) ease;
}

.navbarOuter.sidebarNav--artifact .qa-pop a:hover .sidebarNav__ic,
.navbarOuter.sidebarNav--artifact .quickAddDiv.qa-pop a:hover .sidebarNav__ic {
    color: var(--d-text-strong);
    opacity: 1;
}

/* Nav zones */
.navbarOuter.sidebarNav--artifact .sidebarNav__nav {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.navbarOuter.sidebarNav--artifact .zone,
.navbarOuter.sidebarNav--artifact .sidebarNav__zone {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 12px;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__zone--core {
    order: 1;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__zone--core > a.nav-item:first-child {
    margin-bottom: 14px;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__zone--subscriptions {
    order: 2;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__zone--activity {
    order: 3;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__zone--work {
    order: 4;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__zone--directory {
    order: 5;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__zone--operations {
    order: 6;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__zone--insights {
    order: 7;
}

.navbarOuter.sidebarNav--artifact .zone-label,
.navbarOuter.sidebarNav--artifact .sidebarNav__zoneLabel {
    padding: 0 8px;
    margin-bottom: 5px;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--d-text-muted);
    line-height: 1.5;
    transition: opacity 0.14s var(--ease), max-width 0.18s var(--ease);
}

.navbarOuter.sidebarNav--artifact .navLinkText {
    transition: opacity 0.14s var(--ease), max-width 0.18s var(--ease);
}

/* Nav items — kuna `.nav-item` (flat icon + label on anchor) */
.navbarOuter.sidebarNav--artifact .navbarInner .navLink,
.navbarOuter.sidebarNav--artifact .navbarInner a.nav-item,
.navbarOuter.sidebarNav--artifact .navSubMenu li a.name,
.navbarOuter.sidebarNav--artifact .nav-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 7px 9px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: var(--d-text-body);
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    text-decoration: none;
    justify-content: flex-start;
    transition: background var(--fast) ease, color var(--fast) ease, border-color var(--fast) ease;
    position: relative;
    margin-bottom: 1px;
    box-sizing: border-box;
    min-height: 0;
}

.navbarOuter.sidebarNav--artifact .navbarInner .navLink:has(.subMenuOptions) {
    justify-content: space-between;
    padding: 7px 9px;
}

.navbarOuter.sidebarNav--artifact .navbarInner .navTab {
    padding: 0;
    margin: 0;
}

.navbarOuter.sidebarNav--artifact .navbarInner .navTab:hover,
.navbarOuter.sidebarNav--artifact .navbarInner .navTab.active {
    background: transparent !important;
    border-radius: 0;
}

.navbarOuter.sidebarNav--artifact .navSubMenu li.active {
    background: transparent !important;
    border-radius: 0 !important;
}

.navbarOuter.sidebarNav--artifact .navbarInner .navLink span {
    display: flex;
    align-items: center;
    gap: 10px;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.navbarOuter.sidebarNav--artifact .navbarInner .navLink:hover,
.navbarOuter.sidebarNav--artifact .navbarInner a.nav-item:hover,
.navbarOuter.sidebarNav--artifact .navSubMenu li:hover a.name,
.navbarOuter.sidebarNav--artifact .nav-item:hover,
.navbarOuter.sidebarNav--artifact #sidebarNav a.nav-item:hover {
    background: var(--d-surface-2);
    color: var(--d-text-strong);
}

.navbarOuter.sidebarNav--artifact .navbarInner .navLink:hover .sidebarNav__ic,
.navbarOuter.sidebarNav--artifact .navbarInner a.nav-item:hover .sidebarNav__ic,
.navbarOuter.sidebarNav--artifact .navSubMenu li:hover a.name .sidebarNav__ic,
.navbarOuter.sidebarNav--artifact .nav-item:hover .sidebarNav__ic,
.navbarOuter.sidebarNav--artifact #sidebarNav a.nav-item:hover .sidebarNav__ic {
    color: var(--d-text-strong);
}

.navbarOuter.sidebarNav--artifact .navbarInner .navTab.active > .navLink,
.navbarOuter.sidebarNav--artifact .navbarInner .navTab .navLink.active,
.navbarOuter.sidebarNav--artifact .navbarInner a.nav-item.active,
.navbarOuter.sidebarNav--artifact .navSubMenu li.active a.name,
.navbarOuter.sidebarNav--artifact .nav-item.active {
    background: var(--d-surface-3);
    border-color: var(--d-border);
    color: var(--d-text-strong);
    font-weight: 600;
}

.navbarOuter.sidebarNav--artifact .navbarInner .navTab.active > .navLink::before,
.navbarOuter.sidebarNav--artifact .navbarInner .navTab .navLink.active::before,
.navbarOuter.sidebarNav--artifact .navbarInner a.nav-item.active::before,
.navbarOuter.sidebarNav--artifact .navSubMenu li.active a.name::before,
.navbarOuter.sidebarNav--artifact .nav-item.active::before {
    content: '';
    position: absolute;
    left: -12px;
    top: 7px;
    bottom: 7px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--brand-dark);
}

.navbarOuter.sidebarNav--artifact .navbarInner .navLink span img:not(.sidebarNav__ic) {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__ic {
    width: 17px;
    height: 17px;
    color: var(--d-text-muted);
    opacity: 1;
    transition: color var(--fast) ease;
}

.navbarOuter.sidebarNav--artifact .navbarInner .navTab.active > .navLink .sidebarNav__ic,
.navbarOuter.sidebarNav--artifact .navbarInner .navTab .navLink.active .sidebarNav__ic,
.navbarOuter.sidebarNav--artifact .navbarInner a.nav-item.active .sidebarNav__ic,
.navbarOuter.sidebarNav--artifact .navSubMenu li.active a.name .sidebarNav__ic,
.navbarOuter.sidebarNav--artifact .nav-item.active .sidebarNav__ic {
    color: var(--brand-dark);
}

.navbarOuter.sidebarNav--artifact .navSubMenu li a.name .sidebarNav__ic {
    width: 16px;
    height: 16px;
}

.navbarOuter.sidebarNav--artifact .navbarInner .navLink .primary,
.navbarOuter.sidebarNav--artifact .navbarInner .navLink .activeLink {
    display: none;
}

.navbarOuter.sidebarNav--artifact .subMenuOptions {
    display: none !important;
}

/* Flatten grouped menus */
.navbarOuter.sidebarNav--artifact .sidebarNav__navGroup > .navLink {
    display: none !important;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__navGroup .navSubMenu,
.navbarOuter.sidebarNav--artifact .sidebarNav__navGroup .navSubMenu.active {
    display: flex !important;
    flex-direction: column;
    gap: 2px;
    position: static;
    margin: 0;
    padding: 0;
    max-height: none;
    overflow: visible;
    background: transparent;
    box-shadow: none;
    margin-bottom: 10px;
}

.navbarOuter.sidebarNav--artifact .navSubMenu li {
    padding: 0;
    margin: 0 0 1px;
    border-radius: 0;
    background: transparent !important;
}

.navbarOuter.sidebarNav--artifact .navSubMenu li:hover {
    background: transparent !important;
}

.navbarOuter.sidebarNav--artifact .navSubMenu li a.name i.fa-circle {
    display: none;
}

.navbarOuter.sidebarNav--artifact .navSubMenu li a.name .sidebarNav__ic {
    margin-right: 0;
}

/* Sidebar footer — only when rendered in markup */
.navbarOuter.sidebarNav--artifact .sidebarNav__foot,
.navbarOuter.sidebarNav--artifact .side-foot {
    flex-shrink: 0;
    margin-top: auto;
    padding: 12px 16px;
    border-top: 1px solid var(--d-border);
    font-size: 11px;
    color: var(--d-text-muted);
    line-height: 1.5;
}

body.hasPageTopChrome .navbarOuter.sidebarNav--artifact .sidebarNav__foot,
body.hasPageTopChrome .navbarOuter.sidebarNav--artifact .side-foot {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
    pointer-events: auto !important;
    padding: 12px 16px !important;
    border-top-width: 1px !important;
}

.navbarOuter.sidebarNav--artifact .sidebarNav__foot b,
.navbarOuter.sidebarNav--artifact .side-foot b {
    color: var(--d-text-body);
    font-weight: 600;
    font-size: inherit;
    line-height: inherit;
}

.navbarOuter.sidebarNav--artifact .profileMenuNew {
    margin-top: auto;
    margin-bottom: 0;
    flex-shrink: 0;
}

.navbarOuter.sidebarNav--artifact .moreProfileOptions--sidebar {
    display: none;
}

.navbarOuter.sidebarNav--artifact .profileMenuNew {
    gap: 0;
}

body:not(.hasPageTopChrome) .navbarOuter.sidebarNav--artifact .profileMenuNew {
    padding-bottom: max(12px, env(safe-area-inset-bottom, 0px));
}

body.hasPageTopChrome .navbarOuter.sidebarNav--artifact .profileMenuNew {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    gap: 0 !important;
}

.navbarOuter.sidebarNav--artifact .upgradeOption {
    border-color: var(--d-border);
    color: var(--d-text-body);
}

.navbarOuter.sidebarNav--artifact .upgradeOption:hover {
    background: var(--d-surface-hover);
}

.navbarOuter.sidebarNav--artifact .profileMenuInner {
    padding: 8px 14px 12px;
}

.navbarOuter.sidebarNav--artifact .profileMenuInner .navLinkText,
.navbarOuter.sidebarNav--artifact .profileMenuInner .userCompanyName .navLinkText {
    color: var(--d-text-strong);
}

.navbarOuter.sidebarNav--artifact .navToggle {
    position: absolute;
    bottom: 12px;
    right: -12px;
    left: auto;
    z-index: 2;
}

.navbarOuter.sidebarNav--artifact .navToggle #navToggle1,
.navbarOuter.sidebarNav--artifact .navToggle #navToggle2 {
    display: none;
    width: 24px;
    height: auto;
}

.navbarOuter.sidebarNav--artifact:not(.shrink) .navToggle #navToggle1 {
    display: block !important;
}

.navbarOuter.sidebarNav--artifact.shrink .navToggle #navToggle2 {
    display: block !important;
}

.navbarOuter.sidebarNav--artifact:not(.shrink) .addMore1.quick-add,
.navbarOuter.sidebarNav--artifact:not(.shrink) .addMore1.quick-add--direct {
    width: 100% !important;
    max-width: none;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 7px 9px;
    overflow: visible;
    justify-content: space-between;
}

.navbarOuter.sidebarNav--artifact:not(.shrink) .addMore1.quick-add a,
.navbarOuter.sidebarNav--artifact:not(.shrink) .addMore1.quick-add--direct a,
.navbarOuter.sidebarNav--artifact:not(.shrink) .addMore1.quick-add a.custom6 {
    flex: 0 1 auto !important;
    width: 100% !important;
    height: auto !important;
    max-width: none;
    min-width: 0;
    padding: 0 !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    color: #fff !important;
    overflow: visible;
}

/* Shrink / collapsed sidebar */
.navbarOuter.sidebarNav--artifact.shrink {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
}

.bodyMainContainer > .sidebarNav__wrapper:has(.navbarOuter.shrink),
.bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--shrink {
    flex: 0 0 80px;
    width: 80px;
    max-width: 80px;
    min-width: 80px;
    position: sticky;
}

.navbarOuter.sidebarNav--artifact.shrink .sidebarNav__top,
.navbarOuter.sidebarNav--artifact.shrink .side-top {
    padding: 12px 8px 8px;
    align-items: center;
    gap: 10px;
}

.navbarOuter.sidebarNav--artifact.shrink .logoDashboard {
    padding-left: 0;
    display: flex;
    justify-content: center;
}

.navbarOuter.sidebarNav--artifact.shrink #logo1 {
    display: none !important;
}

.navbarOuter.sidebarNav--artifact:not(.shrink) #logo1 {
    display: block !important;
}

.navbarOuter.sidebarNav--artifact.shrink #logo2 {
    display: block !important;
}

.navbarOuter.sidebarNav--artifact:not(.shrink) #logo2 {
    display: none !important;
}

.navbarOuter.sidebarNav--artifact.shrink .sidebarNav__zoneLabel,
.navbarOuter.sidebarNav--artifact.shrink .navLinkText {
    font-size: 0;
    line-height: 0;
    width: 0;
    max-width: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.navbarOuter.sidebarNav--artifact.shrink .sidebarNav__foot {
    height: 0;
    margin: 0;
    padding: 0;
    border-top-width: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.navbarOuter.sidebarNav--artifact.shrink .profileMenuNew {
    flex-shrink: 0;
}

body.hasPageTopChrome .navbarOuter.sidebarNav--artifact.shrink .profileMenuNew {
    display: none !important;
}

.navbarOuter.sidebarNav--artifact.shrink .sidebarNav__quickAddWrap {
    display: flex;
    justify-content: center;
    margin: 6px 0 10px;
}

.navbarOuter.sidebarNav--artifact.shrink .addMore1.quick-add,
.navbarOuter.sidebarNav--artifact.shrink .addMore1.quick-add--direct {
    width: 40px !important;
    max-width: 40px;
    min-width: 40px;
    overflow: hidden;
    box-sizing: border-box;
}

.navbarOuter.sidebarNav--artifact.shrink .addMore1 {
    display: flex !important;
    justify-content: center;
    align-self: center;
    width: 40px;
    height: 40px;
    min-height: 40px;
    margin: 0 auto;
    padding: 0;
    border-radius: 999px;
}

.navbarOuter.sidebarNav--artifact.shrink .addMore1.quick-add:hover,
.navbarOuter.sidebarNav--artifact.shrink .addMore1.quick-add--direct:hover {
    transform: none;
    box-shadow: none;
}

.navbarOuter.sidebarNav--artifact.shrink .addMore1 a,
.navbarOuter.sidebarNav--artifact.shrink .addMore1.quick-add a,
.navbarOuter.sidebarNav--artifact.shrink .addMore1.quick-add--direct a,
.navbarOuter.sidebarNav--artifact.shrink .addMore1.quick-add a.custom6 {
    position: relative;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    max-width: 40px;
    min-width: 0;
    padding: 0 !important;
    justify-content: center;
    align-items: center;
    gap: 0;
    font-size: 0 !important;
    line-height: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
}

.navbarOuter.sidebarNav--artifact.shrink .addMore1 button,
.navbarOuter.sidebarNav--artifact.shrink .addMore1 .sidebarNav__quickAddToggle {
    display: none;
}

.navbarOuter.sidebarNav--artifact.shrink .addMore1 .sidebarNav__ic {
    width: 18px;
    height: 18px;
    margin: 0;
    flex-shrink: 0;
    color: #fff;
    stroke: #fff;
}

.navbarOuter.sidebarNav--artifact.shrink .navBarTop.side-scroll {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 6px 8px 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.navbarOuter.sidebarNav--artifact.shrink .navbarInner.sidebarNav__scroll {
    flex: 0 0 auto;
    min-height: 0;
    overflow: visible;
}

.navbarOuter.sidebarNav--artifact.shrink .navbarInner .navTab:not(.sidebarNav__navGroup),
.navbarOuter.sidebarNav--artifact.shrink .navbarInner a.nav-item {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 0;
    line-height: 0;
    gap: 0;
    padding: 10px;
    overflow: hidden;
}

.navbarOuter.sidebarNav--artifact.shrink .navbarInner a.nav-item .sidebarNav__ic {
    width: 17px;
    height: 17px;
    margin: 0;
    flex-shrink: 0;
}

.navbarOuter.sidebarNav--artifact.shrink .sidebarNav__navGroup .navSubMenu,
.navbarOuter.sidebarNav--artifact.shrink .sidebarNav__navGroup .navSubMenu.active {
    display: flex !important;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 6px;
}

.navbarOuter.sidebarNav--artifact.shrink .navSubMenu li a.name {
    justify-content: center;
    padding: 10px;
    font-size: 0;
    line-height: 0;
    gap: 0;
}

.navbarOuter.sidebarNav--artifact.shrink .navbarInner .navLink {
    justify-content: center;
    padding: 10px;
}

.navbarOuter.sidebarNav--artifact.shrink .navbarInner .navLink span {
    gap: 0;
    justify-content: center;
}

.navbarOuter.sidebarNav--artifact.shrink .navTab.active {
    border-radius: 10px;
}

.navbarOuter.sidebarNav--artifact.shrink .navTab.active > .navLink,
.navbarOuter.sidebarNav--artifact.shrink .navTab .navLink.active,
.navbarOuter.sidebarNav--artifact.shrink .navbarInner a.nav-item.active,
.navbarOuter.sidebarNav--artifact.shrink .navSubMenu li.active a.name {
    background: var(--d-surface-3);
    border-color: var(--d-border);
    color: var(--d-text-strong);
}

.navbarOuter.sidebarNav--artifact.shrink .navbarInner .navTab.active > .navLink::before,
.navbarOuter.sidebarNav--artifact.shrink .navbarInner .navTab .navLink.active::before,
.navbarOuter.sidebarNav--artifact.shrink .navbarInner a.nav-item.active::before,
.navbarOuter.sidebarNav--artifact.shrink .navSubMenu li.active a.name::before {
    left: 0;
    top: 6px;
    bottom: 6px;
}

.navbarOuter.sidebarNav--artifact.shrink .profileMenuInner .userCompanyName,
.navbarOuter.sidebarNav--artifact.shrink .profileMenuInner .subMenuOptions {
    display: none;
}

.navbarOuter.sidebarNav--artifact.shrink .upgradeOption {
    justify-content: center;
    padding: 10px;
}

.navbarOuter.sidebarNav--artifact.shrink .moreProfileOptions--sidebar {
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.navbarOuter.sidebarNav--artifact.shrink .profileMenuInner {
    justify-content: center;
    padding: 8px 10px;
}

.navbarOuter.sidebarNav--artifact.shrink .profileMenuInner > div:first-child {
    justify-content: center;
}

.navbarOuter.sidebarNav--artifact.shrink .navLink[data-shrink-title]:hover::after,
.navbarOuter.sidebarNav--artifact.shrink .navbarInner a.nav-item[data-shrink-title]:hover::after,
.navbarOuter.sidebarNav--artifact.shrink .navSubMenu li a.name[data-shrink-title]:hover::after,
.navbarOuter.sidebarNav--artifact.shrink .settingDB[data-shrink-title]:hover::after,
.navbarOuter.sidebarNav--artifact.shrink .addMore1.quick-add a[data-shrink-title]:hover::after {
    content: attr(data-shrink-title);
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    z-index: 300;
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid var(--d-border);
    background: var(--d-surface-2);
    color: var(--d-text-strong);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    white-space: nowrap;
    box-shadow: var(--shadow-pop);
    pointer-events: none;
}

.navbarOuter.sidebarNav--artifact.shrink .qa-pop,
.navbarOuter.sidebarNav--artifact.shrink .quickAddDiv.qa-pop {
    left: calc(100% + 8px) !important;
    right: auto !important;
    top: 0;
    width: 200px;
    min-width: 180px;
}

body.settings-page .settingsNav--artifact.shrink .navSubMenu.settingsSubnav__list,
body.settings-page .settingsNav--artifact.shrink .navTab.is-expanded > .navSubMenu.settingsSubnav__list {
    display: none !important;
}

body.settings-page .settingsNav--artifact.shrink .navbarInner .navTab > .navLink {
    justify-content: center;
}

body.settings-page .settingsNav--artifact.shrink .settingDB {
    justify-content: center;
    font-size: 0;
    line-height: 0;
}

body.settings-page .bodyMainContainer > .settingsPageNav:has(.navbarOuter.shrink),
body.settings-page .bodyMainContainer > .settingsPageNav.sidebarNav__wrapper--shrink {
    flex: 0 0 80px;
    width: 80px;
    max-width: 80px;
    min-width: 80px;
    position: sticky;
}

/* Shrink hover peek — overlay expand; layout rail stays 80px */
@media (min-width: 1101px) {
    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--shrink,
    .bodyMainContainer > .sidebarNav__wrapper:has(.navbarOuter.shrink),
    body.settings-page .bodyMainContainer > .settingsPageNav.sidebarNav__wrapper--shrink,
    body.settings-page .bodyMainContainer > .settingsPageNav:has(.navbarOuter.shrink) {
        overflow: hidden;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek,
    body.settings-page .bodyMainContainer > .settingsPageNav.sidebarNav__wrapper--peek {
        z-index: 220;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink,
    body.settings-page .bodyMainContainer > .settingsPageNav.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink {
        position: absolute;
        left: 0;
        top: 0;
        width: 228px !important;
        min-width: 228px !important;
        max-width: 228px !important;
        height: 100%;
        min-height: 100vh;
        max-height: 100vh;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        box-shadow: 4px 0 28px rgba(0, 0, 0, 0.35);
        z-index: 221;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navBarTop,
    body.settings-page .bodyMainContainer > .settingsPageNav.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navBarTop {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navbarInner.sidebarNav__scroll,
    body.settings-page .bodyMainContainer > .settingsPageNav.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navbarInner.sidebarNav__scroll {
        flex: 0 0 auto;
        min-height: 0;
        overflow: visible;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .sidebarNav__top,
    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .side-top {
        flex-shrink: 0;
        padding: 18px 16px 0;
        align-items: stretch;
        gap: 0;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .logoDashboard {
        padding-left: 6px;
        justify-content: flex-start;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink #logo1 {
        display: block !important;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink #logo2 {
        display: none !important;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .sidebarNav__zoneLabel {
        font-size: 10.5px;
        line-height: 1.5;
        font-weight: 600;
        letter-spacing: 0.08em;
        width: auto;
        max-width: none;
        overflow: visible;
        opacity: 1;
        pointer-events: auto;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navLinkText {
        font-size: 13.5px;
        line-height: 1.5;
        font-weight: inherit;
        width: auto;
        max-width: none;
        overflow: visible;
        opacity: 1;
        pointer-events: auto;
        color: inherit;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navbarInner .navLink .navLinkText.custom6 {
        font-size: 13.5px;
        font-weight: inherit;
        color: inherit;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .sidebarNav__foot {
        flex-shrink: 0;
        height: auto;
        margin: 0;
        padding: 12px 16px;
        border-top: 1px solid var(--d-border);
        overflow: visible;
        opacity: 1;
        pointer-events: auto;
        font-size: 11px;
        line-height: 1.5;
        white-space: normal;
        word-break: break-word;
    }

    body.hasPageTopChrome .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .profileMenuNew {
        display: none;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .addMore1.quick-add,
    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .addMore1.quick-add--direct {
        width: 100% !important;
        max-width: none;
        min-width: 0;
        overflow: visible;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .addMore1.quick-add {
        justify-content: center;
        padding: 9px 12px;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .addMore1:not(.quick-add) {
        justify-content: space-between;
        padding: 9px 12px;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .addMore1.quick-add a,
    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .addMore1.quick-add--direct a,
    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .addMore1.quick-add a.custom6 {
        flex: 0 1 auto !important;
        width: auto !important;
        height: auto !important;
        max-width: none;
        padding: 0 !important;
        justify-content: center;
        gap: 8px;
        font-size: 14px !important;
        line-height: 1.5 !important;
        overflow: visible;
        color: #fff !important;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .addMore1:not(.quick-add) a {
        flex: 1;
        justify-content: flex-start;
        gap: 8px;
        font-size: 14px;
        line-height: 1.5;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .addMore1 button,
    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .addMore1 .sidebarNav__quickAddToggle {
        display: flex;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navBarTop.side-scroll {
        padding: 6px 12px 12px;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navbarInner .navLink,
    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navbarInner a.nav-item,
    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navSubMenu li a.name {
        justify-content: flex-start;
        padding: 7px 9px;
        font-size: 13.5px;
        line-height: 1.5;
        gap: 10px;
        overflow: visible;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navSubMenu li a.name {
        gap: 10px;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navbarInner .navTab:not(.sidebarNav__navGroup) {
        justify-content: flex-start;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navbarInner .navLink span {
        gap: 10px;
        justify-content: flex-start;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navbarInner .navTab.active > .navLink::before,
    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navbarInner .navTab .navLink.active::before,
    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navbarInner a.nav-item.active::before,
    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navSubMenu li.active a.name::before {
        left: -12px;
        top: 7px;
        bottom: 7px;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .upgradeOption {
        justify-content: flex-start;
        padding: 10px 20px;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .moreProfileOptions--sidebar,
    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .profileMenuInner {
        display: none !important;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navLink[data-shrink-title]:hover::after,
    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navbarInner a.nav-item[data-shrink-title]:hover::after,
    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .navSubMenu li a.name[data-shrink-title]:hover::after,
    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .settingDB[data-shrink-title]:hover::after,
    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .addMore1.quick-add a[data-shrink-title]:hover::after {
        content: none;
    }

    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .qa-pop,
    .bodyMainContainer > .sidebarNav__wrapper.sidebarNav__wrapper--peek .navbarOuter.sidebarNav--artifact.shrink .quickAddDiv.qa-pop {
        left: 0 !important;
        right: 0 !important;
        top: calc(100% + 6px);
        width: auto;
        min-width: 0;
    }

    body.settings-page .bodyMainContainer > .settingsPageNav.sidebarNav__wrapper--peek .settingsNav--artifact.shrink .navbarInner .navTab > .navLink {
        justify-content: flex-start;
    }

    body.settings-page .bodyMainContainer > .settingsPageNav.sidebarNav__wrapper--peek .settingsNav--artifact.shrink .settingDB {
        justify-content: flex-start;
        font-size: inherit;
        line-height: inherit;
    }
}

@media (min-width: 1101px) {
    body.sidebarNav--shrink .bodyMainContainer > .appContentColumn {
        min-width: 0;
    }
}

/* Mobile drawer backdrop */
.sidebarNav__backdrop {
    display: none;
}

.sidebarNav__mobMenuBtn {
    display: none;
}

/* Mobile / tablet — artifact drawer (burger opens left panel) */
@media (max-width: 1100px) {
    .bodyMainContainer:has(> .sidebarNav__wrapper--artifact) .mobNavBarOuter {
        display: none !important;
    }

    .bodyMainContainer:has(> .sidebarNav__wrapper--artifact) .mainWrapperDiv,
    .bodyMainContainer:has(> .sidebarNav__wrapper--artifact) .appContentColumn > .mainWrapperDiv.scrollBar {
        margin-top: 0 !important;
    }

    .bodyMainContainer > .sidebarNav__wrapper--artifact {
        flex: 0 0 0 !important;
        min-width: 0 !important;
        max-width: 320px;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: min(82vw, 320px) !important;
        max-width: 320px;
        height: 100dvh;
        height: 100vh;
        z-index: 10020;
        transform: translateX(-105%);
        transition: none;
        border-right: 1px solid var(--d-border);
        box-shadow: 4px 0 28px rgba(0, 0, 0, 0.4);
        overflow: visible;
    }

    body.sidebarNav--drawerReady .bodyMainContainer > .sidebarNav__wrapper--artifact {
        transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }

    body.sidebarNav--drawerOpen .bodyMainContainer > .sidebarNav__wrapper--artifact {
        transform: translateX(0);
    }

    body.sidebarNav--drawerOpen .bodyMainContainer > .sidebarNav__wrapper--artifact:has(.sidebarNav__quickAddWrap.is-open) {
        z-index: 10030;
    }

    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact {
        display: flex !important;
        position: relative !important;
        left: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100%;
        visibility: visible !important;
        height: 100%;
    }

    .bodyMainContainer:has(> .sidebarNav__wrapper--artifact) > .appContentColumn {
        width: 100% !important;
        flex: 1 1 100%;
    }

    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact .navToggle {
        display: none !important;
    }

    .sidebarNav__backdrop {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.55);
        z-index: 10010;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: none;
    }

    body.sidebarNav--drawerReady .sidebarNav__backdrop {
        transition: opacity 0.28s ease, visibility 0.28s ease;
    }

    body.sidebarNav--drawerOpen .sidebarNav__backdrop {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    body.sidebarNav--drawerOpen {
        overflow: hidden;
    }

    .bodyMainContainer:has(> .sidebarNav__wrapper--artifact) .pageTopChrome__breadcrumb {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .bodyMainContainer:has(> .sidebarNav__wrapper--artifact) .sidebarNav__mobMenuBtn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        width: 36px;
        height: 36px;
        padding: 0;
        margin: 0;
        border: 1px solid var(--primary-border-color);
        border-radius: 8px;
        background: #fff;
        cursor: pointer;
        box-sizing: border-box;
    }

    .bodyMainContainer:has(> .sidebarNav__wrapper--artifact) .sidebarNav__mobMenuBtn img {
        width: 18px;
        height: 18px;
        display: block;
    }

    .bodyMainContainer:has(> .sidebarNav__wrapper--artifact) .sidebarNav__mobMenuBtn:hover {
        background: #f8f9fa;
    }

    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact .navbarInner .navTab.active > .navLink,
    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact .navbarInner .navTab .navLink.active,
    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact .navSubMenu li.active a.name {
        border-left: 3px solid var(--d-accent);
        border-radius: 8px;
    }

    /* Drawer always shows expanded nav, even if desktop shrink is saved */
    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact.shrink .sidebarNav__zoneLabel,
    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact.shrink .sidebarNav__foot,
    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact.shrink .navLinkText,
    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact.shrink .addMore1 a .navLinkText,
    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact.shrink .addMore1 a {
        font-size: inherit;
        width: auto;
        overflow: visible;
    }

    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact.shrink .addMore1 {
        justify-content: flex-start;
        padding: 10px 14px;
    }

    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact.shrink .addMore1 button,
    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact.shrink .addMore1 .sidebarNav__quickAddToggle {
        display: flex;
    }

    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact.shrink .sidebarNav__navGroup .navSubMenu {
        display: block !important;
    }

    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact.shrink .navbarInner .navTab:not(.sidebarNav__navGroup) {
        width: 100%;
        display: block;
        justify-content: flex-start;
    }

    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact.shrink .navbarInner .navLink {
        justify-content: flex-start;
        padding: 10px 9px;
    }

    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact.shrink .navbarInner .navLink span {
        gap: 10px;
    }

    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact.shrink #logo1 {
        display: block !important;
    }

    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact.shrink #logo2 {
        display: none !important;
    }

    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact .sidebarNav__zoneLabel {
        padding-left: 6px;
    }

    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact .navbarInner .navLink,
    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact .navSubMenu li a.name,
    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact .nav-item {
        padding: 10px 9px;
        font-size: 14px;
    }
}

@media (max-width: 430px) {
    .bodyMainContainer > .sidebarNav__wrapper--artifact {
        width: min(88vw, 300px) !important;
    }

    .bodyMainContainer > .sidebarNav__wrapper--artifact .navbarOuter.sidebarNav--artifact .navBarTop.side-scroll {
        padding: 6px 10px 8px;
    }

    .bodyMainContainer:has(> .sidebarNav__wrapper--artifact) .pageTopChrome__inner {
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* Client portal — organization switcher in profile menu */
.navbarOuter.sidebarNav--artifact .clientPortalOrgList {
    max-height: 135px;
    overflow-y: auto;
}

.navbarOuter.sidebarNav--artifact .clientPortalOrgItem {
    align-items: flex-start;
    color: var(--d-text-body);
    box-sizing: border-box;
    padding: 6px 0;
}

.navbarOuter.sidebarNav--artifact .clientPortalOrgItem__logo {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.navbarOuter.sidebarNav--artifact .clientPortalOrgItem a,
.navbarOuter.sidebarNav--artifact .clientPortalOrgItem span.custom6_2 {
    color: var(--d-text-body);
    text-decoration: none;
}

.pageTopChrome__organizationFlyout--clientPortal {
    width: min(300px, calc(100vw - 24px));
    overflow: visible;
    box-sizing: border-box;
}

.pageTopChrome__organizationFlyout--clientPortal .pageTopChrome__organizationList {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 10px;
}

.pageTopChrome__organizationFlyout--clientPortal .pageTopChrome__organizationItem {
    align-items: flex-start;
}

.pageTopChrome__organizationFlyout--clientPortal a.pageTopChrome__organizationItem {
    text-decoration: none;
}

.pageTopChrome__organizationFlyout--clientPortal .clientPortalOrgItem .pageTopChrome__organizationName {
    min-width: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
}

.pageTopChrome__organizationFlyout--clientPortal .clientPortalOrgItem .standardText_2 {
    font-weight: 400;
    white-space: normal;
    word-break: break-word;
}

.navbarOuter.sidebarNav--artifact .clientPortalOrgItem a:hover {
    color: var(--d-text-strong);
}