/* Polite Platform :: Control Plane
 * Path: /control-plane/public/assets/control-center-nav.css
 * Description: Consistent global navigation targets and responsive menus.
 * Context: UI
 * Author: Polite Platform Team
 * Date: 2026-10-01T15:53:06Z
 * Generated by: GPT-6 Codex
 */
#tenant-nav [hidden] { display: none !important; }
#tenant-nav { z-index: 10001; }
.control-center-editor-cover { display: none; position: fixed; inset: 44px 0 0; background: var(--bg); z-index: 198; }
body:has(dialog.control-center-editor[open]) { overflow: hidden; }
body:has(dialog.control-center-editor[open]) .control-center-editor-cover { display: block; }
dialog.control-center-editor[open] { position: fixed; z-index: 199; top: 54px; max-height: calc(100dvh - 70px); }
#tenant-nav button, #tenant-nav a, #tenant-nav select { min-height: 44px; }
#tenant-nav button:focus-visible, #tenant-nav a:focus-visible, #tenant-nav select:focus-visible { outline: 2px solid var(--accent); outline-offset: -3px; }
#tenant-nav .tenant-nav-dropdown-btn.active { color: var(--text); box-shadow: inset 0 -2px var(--accent); }
#tenant-nav .nav-menu-help { max-width: 250px; padding: 10px 14px; color: var(--text-dim); font-size: 12px; line-height: 1.5; }
#tenant-nav .tenant-nav-dropdown-menu button { display: block; width: 100%; padding: 10px 14px; border: 0; background: transparent; color: var(--text-dim); text-align: left; font: inherit; font-size: 13px; }
#tenant-nav .tenant-nav-dropdown-menu button:disabled { opacity: .6; }
#tenant-nav .tenant-nav-user-menu select { width: 100%; color: var(--text); background: var(--surface); border: 1px solid var(--border); }
#tenant-nav .tenant-nav-user-menu label { display: block; padding: 6px 12px; font-size: 12px; }
#tenant-nav #account-settings-button, #tenant-nav #logout-button { display: block; width: 100%; border: 0; background: transparent; color: var(--text); text-align: left; padding: 8px 12px; cursor: pointer; }
@media (max-width: 600px) {
  #tenant-nav .tenant-nav-inner { padding: 0 8px; gap: 4px; }
  #tenant-nav .tenant-nav-primary { gap: 0; }
  #tenant-nav .tenant-nav-account { min-width: 0; }
  #tenant-nav .tenant-nav-item, #tenant-nav .tenant-nav-user-btn { padding: 0 8px; font-size: 13px; }
  #tenant-nav .tenant-nav-dropdown-btn { font-size: 13px; }
  #tenant-nav .tenant-nav-dropdown-menu { left: auto; right: 0; max-width: calc(100vw - 16px); }
}