/** * Topbar right — single row: admin · Logout · AI (theme/lang live in strip below). */ .dgs-topbar-right { flex: 0 1 auto; min-width: 0; gap: 0.4rem; overflow: visible; } .dgs-topbar-services { gap: 0.15rem; flex: 0 0 auto; } .dgs-topbar-session { flex: 0 0 auto; flex-wrap: nowrap; overflow: visible; } /* Account menu must not be clipped by topbar scroll wrappers */ #layout-wrapper .dgs-topbar .navbar-header, #layout-wrapper .dgs-topbar .dgs-topbar-right, #layout-wrapper .dgs-topbar .dgs-topbar-session, #layout-wrapper .dgs-topbar .user-dropdown { overflow: visible !important; } #layout-wrapper .dgs-topbar .user-dropdown { position: relative; z-index: 1; } #layout-wrapper .dgs-topbar .user-dropdown.show { z-index: 1115; } /* Topbar above live strip (strip may be moved to by header-live-strip.js) */ header#page-topbar.dgs-topbar, body > header#page-topbar.dgs-topbar { z-index: 1100 !important; } body > #dgs-live-strip { z-index: 50; } body.dgs-user-menu-open #dgs-live-strip { z-index: 40 !important; } body.dgs-user-menu-open #layout-wrapper .dgs-topnav, body.dgs-user-menu-open > nav.dgs-topnav { z-index: 900 !important; } body.dgs-user-menu-open #layout-wrapper .dgs-topbar, body.dgs-user-menu-open header#page-topbar.dgs-topbar { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } #layout-wrapper .dgs-topbar .user-dropdown > .btn.header-item { position: relative; z-index: 2; pointer-events: auto !important; } #layout-wrapper .dgs-topbar .user-dropdown .dropdown-menu, header#page-topbar .user-dropdown .dropdown-menu, body > header#page-topbar .user-dropdown .dropdown-menu, body > .dropdown-menu.dgs-user-account-menu { z-index: 1115 !important; position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; bottom: auto !important; transform: none !important; inset: auto !important; display: none; min-width: 14rem; margin-top: 0.35rem !important; background: #0f172a !important; border: 1px solid rgba(148, 163, 184, 0.28) !important; box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45) !important; color: #dce6f5 !important; padding: 0.4rem 0 !important; } #layout-wrapper .dgs-topbar .user-dropdown .dropdown-menu.show, header#page-topbar .user-dropdown .dropdown-menu.show, body > .dropdown-menu.dgs-user-account-menu.show { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } #layout-wrapper .dgs-topbar .user-dropdown .dropdown-menu .dropdown-item, header#page-topbar .user-dropdown .dropdown-menu .dropdown-item, body > .dropdown-menu.dgs-user-account-menu .dropdown-item { color: #dce6f5 !important; font-weight: 500; } #layout-wrapper .dgs-topbar .user-dropdown .dropdown-menu .dropdown-item i { color: #93c5fd; } #layout-wrapper .dgs-topbar .user-dropdown .dropdown-menu .dropdown-item:hover, #layout-wrapper .dgs-topbar .user-dropdown .dropdown-menu .dropdown-item:focus, #layout-wrapper .dgs-topbar .user-dropdown .dropdown-menu .dropdown-item:active { background: rgba(56, 189, 248, 0.16) !important; color: #f0f9ff !important; } #layout-wrapper .dgs-topbar .user-dropdown .dropdown-menu .dropdown-divider { border-top-color: rgba(148, 163, 184, 0.22) !important; opacity: 1; } #layout-wrapper .dgs-topbar .user-dropdown .dropdown-menu .dropdown-item.text-danger, #layout-wrapper .dgs-topbar .user-dropdown .dropdown-menu .dropdown-item.text-danger i { color: #f87171 !important; } @media (max-width: 1024px) { body.dgs-admin.dgs-premium #layout-wrapper .dgs-topbar .user-dropdown .dropdown-menu.show { transform: translateX(-50%) !important; } }