/* 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 #203c72 !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:#216b9b; --iw-nav-tint:#eaf4fb; --iw-nav-edge:#d5e7f5; }
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:#245bc2; --iw-nav-tint:#eaf1ff; --iw-nav-edge:#d5e2ff; }
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:#067f83; --iw-nav-tint:#e6f7f5; --iw-nav-edge:#c9ebe7; }
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:#3766b0; --iw-nav-tint:#edf3fc; --iw-nav-edge:#d7e3f6; }
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(28,57,88,.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:#0f8f79 !important; border-color:#0f8f79 !important; box-shadow:0 3px 8px rgba(15,143,121,.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:#e6f4ff !important; border-color:#e6f4ff !important; color:#245bc2 !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 #3977cc !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:#216b9b; --iw-nav-tint:#eaf4fb; --iw-nav-edge:#d5e7f5; }
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:#245bc2; --iw-nav-tint:#eaf1ff; }
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:#067f83; --iw-nav-tint:#e6f7f5; }
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:#203c72 !important; border-color:#203c72 !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:#edf4fb !important; color:#203c72 !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:#e6f4ff !important; color:#245bc2 !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:#697586!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:#8994a3!important;pointer-events:none!important}
html body:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar .iw-menu-state[data-enabled=true]{background:#078266!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:#f1f4f7!important;color:#586b80!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:#0f8f79 !important;
  border-color:#0f8f79 !important;
  color:#fff !important;
  box-shadow:0 3px 8px rgba(15,143,121,.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;
}

/* Uniform panel menu typography and spacing, 2026-09-28.
   Keep the same readable type across sections, tools and nested links. */
html body.iw-panel-light: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,
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body .iw-sub-link {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 3px 30px 3px 6px !important;
  border: 0 !important;
  border-radius: 9px !important;
  font-family: "IW Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  transform: none !important;
}
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body .iw-nav-list .iw-nav-label,
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body .iw-sub-link > span:not(.iw-sub-icon),
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body .iw-tools-heading {
  font-family: "IW Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: break-word !important;
  text-overflow: clip !important;
  min-width: 0 !important;
}
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body .iw-nav-label small {
  display: block !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body > .iw-nav-list {
  gap: 1px !important;
}
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body .iw-tools-heading {
  margin: 8px 6px 3px !important;
  color: #526574 !important;
}
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body .iw-nav-item {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body .iw-nav-link > .iw-chevron {
  position: absolute !important;
  right: 12px !important;
  top: 19px !important;
  margin-top: -5px !important;
  font-size: 10px !important;
}
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body .iw-sub-link {
  min-height: 30px !important;
  padding: 1px 6px !important;
}
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body .iw-sub-link,
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body .iw-sub-link > span:not(.iw-sub-icon) {
  font-size: 11px !important;
  line-height: 14px !important;
}
html body.iw-panel-light:not(.login-bg) #main-body nav#sidebar#sidebar#sidebar.wgssidebaraddon.user-is-loggedin .iw-nav-body .iw-sub-icon {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 3px !important;
  border: 0 !important;
  border-radius: 6px !important;
}