/* Shared sidebar finish: WHMCS, public navigation, mail and drive. */
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar),
html body .iwm-mailbox-page.iwm-premium-v2 #mailboxai-whmcs#mailboxai-whmcs#mailboxai-whmcs.iwm-state-app:not(.iwm-clientarea-tool) > #iwm-sidebar.sidebar[id] { border-top:3px solid #343a2e !important; border-top-left-radius:14px !important; border-top-right-radius:14px !important; }
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-nav-item { --iw-nav-tone:#343a2e; --iw-nav-tint:#f4f7ee; --iw-nav-edge:#e9efdb; }
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-nav-dashboard { --iw-nav-tone:#343a2e; --iw-nav-tint:#f6f8f1; --iw-nav-edge:#edf2e2; }
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-team-global-nav { --iw-nav-tone:#7652b2; --iw-nav-tint:#f2edfc; --iw-nav-edge:#e5daf8; }
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-free-mail-nav { --iw-nav-tone:#343a2e; --iw-nav-tint:#f1f5e8; --iw-nav-edge:#dfe8cc; }
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-nav-hosting { --iw-nav-tone:#343a2e; --iw-nav-tint:#f6f8f1; --iw-nav-edge:#eaf0dd; }
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-nav-support { --iw-nav-tone:#b17613; --iw-nav-tint:#fff6e4; --iw-nav-edge:#f3e4bf; }
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-nav-billing { --iw-nav-tone:#278253; --iw-nav-tint:#eaf7ef; --iw-nav-edge:#d2ebdd; }
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-nav-tools-end { --iw-nav-tone:#8052a5; --iw-nav-tint:#f4eef9; --iw-nav-edge:#e6d9f0; }
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-nav-item > .iw-nav-link { border-radius:10px !important; transition:background-color .16s ease, border-color .16s ease !important; }
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-nav-item .iw-icon-box,
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-nav-item .iw-sub-icon { background:var(--iw-nav-tint) !important; border:1px solid var(--iw-nav-edge) !important; color:var(--iw-nav-tone) !important; border-radius:8px !important; box-shadow:0 2px 4px rgba(25,28,23,.04) !important; }
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-nav-item .iw-icon-box :is(i,svg),
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-nav-item .iw-sub-icon :is(i,svg) { color:inherit !important; }
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-nav-item > .iw-nav-link:hover { background:var(--iw-nav-tint) !important; border-color:var(--iw-nav-edge) !important; }
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-nav-item > .iw-nav-link.active { background:#343a2e !important; border-color:#343a2e !important; box-shadow:0 3px 8px rgba(52,58,46,.12) !important; }
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-nav-item > .iw-nav-link.active :is(.iw-nav-label,.iw-chevron) { color:#fff !important; }
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-nav-item > .iw-nav-link.active .iw-icon-box { background:#f4f7ee !important; border-color:#f4f7ee !important; color:#343a2e !important; }
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-nav-link:focus-visible,
html body .iwm-mailbox-page.iwm-premium-v2 #mailboxai-whmcs#mailboxai-whmcs#mailboxai-whmcs.iwm-state-app:not(.iwm-clientarea-tool) > #iwm-sidebar.sidebar[id] .s-nav :is(a,button):focus-visible { outline:2px solid #343a2e !important; outline-offset:2px !important; }
html body .iwm-mailbox-page.iwm-premium-v2 #mailboxai-whmcs#mailboxai-whmcs#mailboxai-whmcs.iwm-state-app:not(.iwm-clientarea-tool) > #iwm-sidebar.sidebar[id] .s-nav > li { --iw-nav-tone:#343a2e; --iw-nav-tint:#f4f7ee; --iw-nav-edge:#e9efdb; }
html body .iwm-mailbox-page.iwm-premium-v2 #mailboxai-whmcs#mailboxai-whmcs#mailboxai-whmcs.iwm-state-app:not(.iwm-clientarea-tool) > #iwm-sidebar.sidebar[id] .s-nav > li[data-iwm-folder-key="inbox"] { --iw-nav-tone:#343a2e; --iw-nav-tint:#f6f8f1; }
html body .iwm-mailbox-page.iwm-premium-v2 #mailboxai-whmcs#mailboxai-whmcs#mailboxai-whmcs.iwm-state-app:not(.iwm-clientarea-tool) > #iwm-sidebar.sidebar[id] .s-nav > li[data-iwm-folder-key="sent"] { --iw-nav-tone:#343a2e; --iw-nav-tint:#f1f5e8; }
html body .iwm-mailbox-page.iwm-premium-v2 #mailboxai-whmcs#mailboxai-whmcs#mailboxai-whmcs.iwm-state-app:not(.iwm-clientarea-tool) > #iwm-sidebar.sidebar[id] .s-nav > li[data-iwm-folder-key="trash"] { --iw-nav-tone:#b65a56; --iw-nav-tint:#fff0ed; }
html body .iwm-mailbox-page.iwm-premium-v2 #mailboxai-whmcs#mailboxai-whmcs#mailboxai-whmcs.iwm-state-app:not(.iwm-clientarea-tool) > #iwm-sidebar.sidebar[id] .s-nav > li > :is(a,button) > svg { box-sizing:border-box !important; width:28px !important; height:28px !important; flex:0 0 28px !important; padding:5px !important; border-radius:8px !important; background:var(--iw-nav-tint) !important; color:var(--iw-nav-tone) !important; stroke:currentColor !important; }
html body .iwm-mailbox-page.iwm-premium-v2 #mailboxai-whmcs#mailboxai-whmcs#mailboxai-whmcs.iwm-state-app:not(.iwm-clientarea-tool) > #iwm-sidebar.sidebar[id] .s-nav > li > :is(a,button).active { background:#343a2e !important; border-color:#343a2e !important; color:#fff !important; border-radius:10px !important; }
html body .iwm-mailbox-page.iwm-premium-v2 #mailboxai-whmcs#mailboxai-whmcs#mailboxai-whmcs.iwm-state-app:not(.iwm-clientarea-tool) > #iwm-sidebar.sidebar[id] .s-nav > li > :is(a,button):hover:not(.active) { background:#f6f8f0 !important; color:#343a2e !important; }
html body .iwm-mailbox-page.iwm-premium-v2 #mailboxai-whmcs#mailboxai-whmcs#mailboxai-whmcs.iwm-state-app:not(.iwm-clientarea-tool) > #iwm-sidebar.sidebar[id] .s-nav > li > :is(a,button).active > svg { background:#f4f7ee !important; color:#343a2e !important; }
@media(prefers-reduced-motion:reduce){html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar.wgssidebaraddon:is(.user-is-loggedin,.iw-public-sidebar) .iw-nav-item > .iw-nav-link{transition:none !important;}}

/* Match Services typography, including the dashboard family when present. */
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon,
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon :is(.iw-nav-link,.iw-nav-label,.iw-sub-link,.iw-side-quick__toggle,.iw-side-shop-copy,.iw-side-shop-copy strong,.iw-side-shop-copy small,.iw-sub-link > span:not(.iw-sub-icon),.iw-nav-label span,.iw-mailbox-sidebar-badge) {
  font-family:var(--iw-dashboard-font,"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif) !important;
}
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon .iw-sub-link,
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon .iw-sub-link > span:not(.iw-sub-icon) {
  font-weight:500 !important;
}

/* Compact single-line tools and simple status dots. */
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar .iw-tools-heading{display:block!important;margin:16px 8px 7px!important;padding:0!important;color:#64695e!important;font-size:12px!important;font-weight:600!important;line-height:1.5!important;background:none!important;border:0!important;box-shadow:none!important}
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar .iw-menu-tool{position:relative!important}
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon .iw-menu-tool>.iw-nav-link{display:flex!important;align-items:center!important;padding:4px 19px 4px 5px!important;gap:5px!important;min-height:36px!important}
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar .iw-menu-tool .iw-icon-box{width:20px!important;min-width:20px!important;height:24px!important;flex:0 0 20px!important}
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar .iw-menu-tool .iw-nav-label{white-space:nowrap!important;overflow:visible!important;font-size:11px!important;line-height:20px!important;flex:1 1 auto!important;letter-spacing:0!important}
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar .iw-menu-tool .iw-nav-label small{font-size:9px!important;font-weight:400!important}
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar .iw-menu-state{position:absolute!important;right:5px!important;top:50%!important;transform:translateY(-50%)!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#64695e!important;pointer-events:none!important}
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar .iw-menu-state[data-enabled=true]{background:#343a2e!important}
@media(min-width:992px){html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar:is(.active,.leftSideBarClosed) :is(.iw-tools-heading,.iw-menu-state){display:none!important}html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar:is(.active,.leftSideBarClosed) .iw-menu-tool>.iw-nav-link{padding-right:6px!important}}

/* Uniform outline navigation icons, 2026-09-22. */
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-item .iw-icon-box { display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;flex:0 0 24px!important;padding:3px!important;border:0!important;border-radius:6px!important;background:#f5f7f1!important;color:#64695e!important;box-shadow:none!important; }
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-item .iw-icon-box svg.iw-menu-icon { display:block!important;width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;color:inherit!important;transform:none!important; }
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-item .iw-nav-link.active .iw-icon-box { background:rgba(255,255,255,.12)!important;color:#fff!important; }
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-menu-tool > .iw-nav-link { gap:7px!important; }

/* 2026-09-22: compact panel navigation and footer. */
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body { padding-top:5px!important; padding-bottom:4px!important; }
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body > .iw-nav-list { gap:2px!important; margin-bottom:0!important; padding-bottom:0!important; }
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body > .iw-nav-list > .iw-nav-item > .iw-nav-link { min-height:32px!important; padding-top:3px!important; padding-bottom:3px!important; }
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-tools-heading { margin-top:10px!important; margin-bottom:4px!important; }
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-footer { padding-top:4px!important; padding-bottom:6px!important; }

/* Selected navigation stays green across panel skins and hover states. */
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon :is(.iw-nav-link,.iw-sub-link).active {
  background:#343a2e !important;
  border-color:#343a2e !important;
  color:#fff !important;
  box-shadow:0 3px 8px rgba(52,58,46,.12) !important;
}
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon :is(.iw-nav-link,.iw-sub-link).active :is(.iw-nav-label,.iw-nav-label span,.iw-chevron,span:not(.iw-icon-box):not(.iw-sub-icon)) {
  color:#fff !important;
}
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon :is(.iw-nav-link,.iw-sub-link).active :is(.iw-icon-box,.iw-sub-icon) {
  background:rgba(255,255,255,.12) !important;
  border-color:transparent !important;
  color:#fff !important;
}

/* 2026-10-26: consistent row sizes; reserve scrolling for short viewports. */
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-logo{box-sizing:border-box!important;flex:0 0 62px!important;min-height:62px!important;height:62px!important;padding:5px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body{padding:6px 5px!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-gutter:stable}
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body > .iw-nav-list{gap:3px!important;margin:0!important;padding:0!important}
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body > .iw-nav-list > .iw-nav-item{width:100%!important;margin:0!important;padding:0!important}
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body > .iw-nav-list > .iw-nav-item > .iw-nav-link{box-sizing:border-box!important;width:100%!important;min-height:34px!important;display:flex!important;align-items:center!important;gap:7px!important;padding:5px 7px!important;margin:0!important}
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body > .iw-nav-list > .iw-menu-tool > .iw-nav-link{padding-right:32px!important}
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body > .iw-nav-list > .iw-nav-item .iw-nav-label{min-width:0!important;flex:1 1 auto!important;font-size:11px!important;line-height:16px!important;white-space:normal!important;overflow-wrap:normal!important}
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-label small{display:block!important;font-size:9px!important;line-height:12px!important}
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-tools-heading{margin:10px 7px 4px!important;font-size:11px!important;line-height:17px!important}
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-footer{padding:5px 5px 6px!important;flex:0 0 auto!important}
@media(min-width:992px){html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin:is(.active,.leftSideBarClosed) .iw-nav-body > .iw-nav-list > .iw-nav-item > .iw-nav-link{justify-content:center!important;padding:5px!important}html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin:is(.active,.leftSideBarClosed) .iw-nav-logo{padding:5px!important}}
