/* One compact, fixed navigation rail across EmpireOS applications. */
#empire-header-support{position:relative;flex-shrink:0;font:13px/1.4 system-ui;z-index:1210;margin-left:10px;text-align:left}#empire-header-support summary{list-style:none;cursor:pointer;border:1px solid #d5dde6;border-radius:7px;padding:10px 14px;background:#fff;color:#59636f;font-weight:650;white-space:nowrap}#empire-header-support summary::-webkit-details-marker{display:none}#empire-header-support summary:after{content:' ▾'}#empire-header-support nav{position:absolute;right:0;top:calc(100% + 8px);width:min(270px,calc(100vw - 88px));padding:7px;background:white;border:1px solid #e2e5e9;border-radius:10px;box-shadow:0 8px 25px #23344530;display:grid;gap:4px}#empire-header-support:not([open]) nav{display:none}#empire-header-support a{display:block;padding:12px;color:#59636f;background:white;text-decoration:none;border-radius:7px}#empire-header-support a:hover{background:#f0f2f5}#empire-header-support strong,#empire-header-support small{display:block;color:inherit;font-family:system-ui;text-transform:none;letter-spacing:normal}#empire-header-support strong{font-size:13px}#empire-header-support small{margin-top:4px;font-size:11px;font-weight:400}#empire-header-support :focus-visible{outline:2px solid #677789;outline-offset:2px}
body.empire-rail-layout { background:#f3f6fb !important; background-image:none !important; --empire-rail-width: 76px; padding-left: var(--empire-rail-width) !important; box-sizing: border-box; }
body.empire-rail-layout [data-empire-nav-source] { display: none !important; }
body.empire-rail-layout #app-view.app-layout { grid-template-columns: minmax(0,1fr) !important; width: 100% !important; margin: 0 !important; }
body.empire-rail-layout .app-shell > main,
body.empire-rail-layout .platform-page-shell,
body.empire-rail-layout > .page,
body.empire-rail-layout #wpcontent { margin-left: 0 !important; }
body.empire-rail-layout .platform-shell { padding-top: 0 !important; }
body.empire-rail-layout.empire-focused-advisor #advisor-panel#advisor-panel #empire-mode-workspace-root { padding-left: 0 !important; }
body.empire-rail-layout .tecrm-appbar { left: var(--empire-rail-width) !important; width: calc(100% - var(--empire-rail-width)) !important; }
body.empire-rail-layout :is(#mobile-menu,.tecrm-menu-toggle) { display: none !important; }
body #empire-sidebar,
body #empire-sidebar-flyout { font: 13px/1.4 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; color: #59636f !important; background: #fff !important; box-sizing: border-box !important; -webkit-text-fill-color: currentColor !important; text-shadow: none !important; }
body #empire-sidebar[hidden], body #empire-sidebar-flyout[hidden] { display: none !important; }
body #empire-sidebar { position: fixed !important; inset: 0 auto 0 0 !important; width: var(--empire-rail-width,76px) !important; height: 100vh !important; height: 100dvh !important; display: flex !important; flex-direction: column !important; padding: 12px 6px !important; border: 0 !important; border-right: 1px solid #e2e5e9 !important; z-index: 1200 !important; box-shadow: none !important; transform: none !important; }
body #empire-sidebar .empire-rail-brand { display: grid; place-items: center; min-height: 42px; margin-bottom: 10px; color: #59636f; font-size: 16px; font-weight: 800; letter-spacing: -.04em; }
body #empire-sidebar .empire-rail-groups { display: flex; flex-direction: column; gap: 4px; min-height: 0; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; flex: 1; }
body #empire-sidebar button { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 5px !important; flex-shrink: 0; width: 100% !important; min-height: 62px !important; margin: 0 !important; padding: 9px 2px !important; border: 0 !important; border-radius: 8px !important; background: #fff !important; color: #626b76 !important; font: inherit !important; font-weight: 500 !important; cursor: pointer; box-shadow: none !important; text-transform: none !important; text-shadow: none !important; }
body #empire-sidebar button > span { display: block !important; width: auto !important; color: inherit !important; -webkit-text-fill-color: currentColor !important; font-size: 10px !important; line-height: 1.25 !important; white-space: normal !important; text-align: center !important; }
body #empire-sidebar svg { display: block; width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; color: inherit; }
body #empire-sidebar button:is(:hover,[aria-expanded="true"],.is-current) { background: #f0f2f5 !important; color: #414b57 !important; }
body #empire-sidebar button:focus-visible, body #empire-sidebar-flyout :is(a,button):focus-visible { outline: 2px solid #677789 !important; outline-offset: -2px !important; }
body #empire-sidebar-flyout { position: fixed !important; display: block; padding: 16px 8px 8px !important; border: 1px solid #e2e5e9 !important; border-radius: 0 12px 12px 0 !important; box-shadow: 10px 8px 28px #2334451a !important; z-index: 1201 !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain; }
body #empire-sidebar-flyout h2 { margin: 0 10px 10px !important; padding: 0 !important; color: #59636f !important; -webkit-text-fill-color: currentColor !important; font: 700 12px/1.4 system-ui !important; letter-spacing: .02em !important; text-transform: none !important; }
body #empire-sidebar-flyout nav { display: grid !important; gap: 3px !important; margin: 0 !important; padding: 0 !important; }
body #empire-sidebar-flyout .empire-flyout-link { display: block !important; width: 100% !important; min-height: 42px !important; margin: 0 !important; padding: 11px 12px !important; border: 0 !important; border-radius: 7px !important; background: #fff !important; color: #59636f !important; -webkit-text-fill-color: currentColor !important; font: 500 13px/1.45 system-ui !important; text-align: left !important; text-decoration: none !important; text-transform: none !important; white-space: normal !important; overflow-wrap: anywhere !important; box-shadow: none !important; cursor: pointer; box-sizing: border-box !important; }
body #empire-sidebar-flyout .empire-flyout-link:is(:hover,[aria-current]) { background: #f0f2f5 !important; color: #394450 !important; }
body #empire-sidebar-flyout [aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
@media(max-width:600px) {
  body.empire-rail-layout { --empire-rail-width: 64px; }
  body #empire-sidebar { padding: 8px 4px !important; }
  body #empire-sidebar button { min-height: 58px !important; }
  body #empire-sidebar button > span { font-size: 9px !important; }
  body #empire-sidebar-flyout { padding: 12px 6px 6px !important; }
}