/* Horizontal shell: keep height, collapse breakpoint, menu actions and z-index. */
.erp-theme > .erp-header {
  background: var(--erp-color-sidebar);
  border-bottom: 1px solid var(--erp-color-sidebar-border);
  font-family: var(--erp-font-sans);
}
.erp-theme .erp-header .nav-link {
  color: var(--erp-color-sidebar-text) !important;
  font-weight: 500;
}
.erp-theme .erp-header .nav-link:is(:hover, .show, .active) {
  background: var(--erp-color-sidebar-hover);
  border-bottom-color: var(--erp-color-sidebar-accent);
}
.erp-theme .erp-header .nav-ai { color: var(--erp-color-sidebar-accent) !important; }
.erp-theme .erp-header .user-button span {
  background: var(--erp-color-secondary-surface);
  color: var(--erp-color-primary);
}
.erp-theme .erp-header .dropdown-menu {
  --bs-dropdown-bg: var(--erp-color-surface);
  --bs-dropdown-color: var(--erp-color-text);
  --bs-dropdown-link-color: var(--erp-color-text);
  --bs-dropdown-link-hover-color: var(--erp-color-text);
  --bs-dropdown-link-hover-bg: var(--erp-color-hover);
  --bs-dropdown-link-active-bg: var(--erp-color-primary);
  --bs-dropdown-link-active-color: var(--erp-color-inverse);
  --bs-dropdown-link-disabled-color: var(--erp-color-muted);
  --bs-dropdown-divider-bg: var(--erp-color-border);
  border-radius: 0 0 var(--erp-radius) var(--erp-radius);
}
.erp-theme .erp-header .menu-group h2 {
  color: var(--erp-color-accent-text);
  border-bottom-color: var(--erp-color-border);
  font-family: var(--erp-font-mono);
  font-size: .7rem;
  letter-spacing: .08em;
}
.erp-theme .erp-header .menu-group .dropdown-item:hover {
  background: var(--erp-color-hover);
  color: var(--erp-color-text);
}
.erp-theme .erp-header :is(a, button):focus-visible {
  outline: 2px solid var(--erp-color-sidebar-accent);
  outline-offset: -2px;
}

/* Existing fixed help drawer: keep its width and open/close behavior. */
.erp-theme .global-help {
  border-left-color: var(--erp-color-input-border);
  box-shadow: -8px 0 24px var(--erp-color-shadow);
}
.erp-theme .global-help > header,
.erp-theme .contextual-help-drawer > .offcanvas-header {
  padding: 18px 16px !important;
  background: var(--erp-color-surface);
  border-bottom: 1px solid var(--erp-color-border);
}
.erp-theme .global-help #global-help-title { font-size: 24px; }
.erp-theme .global-help [data-help-context] {
  margin: 12px 16px 0;
  padding: 12px !important;
  border: 1px solid var(--erp-color-border);
  border-left: 3px solid var(--erp-color-accent);
  border-radius: var(--erp-radius);
  background: var(--erp-color-muted-surface);
  color: var(--erp-color-muted);
  overflow-wrap: anywhere;
}
.erp-theme .global-help .global-help-body { padding: 16px !important; }
.erp-theme :is(.global-help, .contextual-help-drawer) .nav-tabs {
  gap: 4px;
  border-bottom-color: var(--erp-color-border);
}
.erp-theme :is(.global-help, .contextual-help-drawer) .nav-tabs .nav-link {
  color: var(--erp-color-muted);
  border-radius: var(--erp-radius) var(--erp-radius) 0 0;
  padding: 10px 16px;
}
.erp-theme :is(.global-help, .contextual-help-drawer) .nav-tabs .nav-link.active {
  color: var(--erp-color-primary);
  background: var(--erp-color-surface);
  border-color: var(--erp-color-border);
  border-bottom: 3px solid var(--erp-color-accent);
  font-weight: 600;
}
.erp-theme :is(.global-help, .contextual-help-drawer) .contextual-help-content { color: var(--erp-color-text); }
.erp-theme .global-help :is([data-help-edit-box], [data-ai-transcript] > div) {
  border-color: var(--erp-color-border) !important;
  border-radius: var(--erp-radius);
}
.erp-theme .global-help [data-help-edit-input] {
  background-color: var(--erp-color-surface) !important;
  color: var(--erp-color-text);
}
.erp-theme .global-help-launch {
  --bs-btn-color: var(--erp-color-inverse);
  --bs-btn-bg: var(--erp-color-primary);
  --bs-btn-border-color: var(--erp-color-primary);
  --bs-btn-hover-color: var(--erp-color-inverse);
  --bs-btn-hover-bg: var(--erp-color-primary-hover);
  --bs-btn-hover-border-color: var(--erp-color-primary-hover);
  background: var(--erp-color-primary);
  font-family: var(--erp-font-sans);
  border-radius: var(--erp-radius);
}
.erp-theme .global-help-launch:focus-visible { outline: 2px solid var(--erp-color-focus); outline-offset: 2px; }


.erp-theme :is(.modal-content, .offcanvas, .popover, .toast) {
  color: var(--erp-color-text);
  background-color: var(--erp-color-surface);
  border-color: var(--erp-color-border);
  border-radius: var(--erp-radius);
  box-shadow: var(--erp-shadow-raised);
}
.erp-theme :is(.modal-header, .offcanvas-header, .toast-header, .popover-header) {
  color: var(--erp-color-text);
  background-color: var(--erp-color-muted-surface);
  border-color: var(--erp-color-border);
}
.erp-theme :is(.modal-footer, .dropdown-divider) { border-color: var(--erp-color-border); }
.erp-theme .tooltip { --bs-tooltip-bg: var(--erp-color-primary); --bs-tooltip-color: var(--erp-color-inverse); }
.erp-theme :is(.global-help, .contextual-help-drawer) { background-color: var(--erp-color-canvas); }
.erp-theme :is(.global-help, .contextual-help-drawer) :is(h1, h2, h3) { font-family: var(--erp-font-serif); }