/* Shared mobile shell: keep desktop navigation and mobile drawer separate. */
.drawer-menu-close { display: none; }
@media (max-width: 768px) {
  html .el-aside.ss-aside { display: none; }
  html .el-aside.ss-aside + .el-container { margin-left: 0; width: 100%; }
  html .el-header { left: 0; width: 100%; }
  html .el-main { padding: 72px 12px calc(24px + env(safe-area-inset-bottom, 0px)) !important; }
  .el-header .topbar-page-title, .el-header .topbar-dropdown--lang,
  .el-header .topbar-brand-text, .el-header .topbar-user-name { display: none; }
  .el-header .sidebar-toggle { display: flex; width: 44px; height: 44px; }
  .el-header .ss-topbar-brand { flex: 0 0 auto; width: auto; padding: 0 8px; background: transparent; border: 0; }
  .el-header .ss-topbar-body { min-width: 0; padding: 0 12px 0 0; justify-content: flex-end; }
  .el-header .topbar-btn { min-width: 44px; min-height: 44px; }
  .el-drawer.drawer-menu { width: min(300px, calc(100vw - 56px)) !important; height: 100%; height: 100dvh; background: var(--surface); color: var(--text-main); }
  .drawer-menu .el-drawer__body { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
  .drawer-menu .drawer-menu-top { flex: 0 0 64px; width: auto; height: 64px; padding: env(safe-area-inset-top, 0px) 12px 0 20px; justify-content: space-between; border-bottom: 1px solid var(--divider); }
  .drawer-menu .drawer-menu-logo { display: block; max-width: 180px; height: 28px; object-fit: contain; }
  .drawer-menu .drawer-menu-top .menu-alink { width: auto; }
  .drawer-menu .drawer-menu-top .drawer-menu-logo { margin: 0; }
  .drawer-menu .drawer-menu-close { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 44px; padding: 0; border: 0; border-radius: var(--ss-radius-btn); background: transparent; color: var(--text-3); cursor: pointer; }
  .drawer-menu .drawer-menu-list-top { flex: 1; min-height: 0; margin: 0; padding: 8px 8px calc(20px + env(safe-area-inset-bottom, 0px)); overflow-y: auto; overscroll-behavior: contain; }
  .drawer-menu .drawer-menu-section { padding: 18px 12px 6px; color: var(--text-5); font-size: 12px; }
  .drawer-menu .menu-top { border: 0; }
  .drawer-menu .el-menu-item, .drawer-menu .el-submenu__title { height: auto; min-height: 44px; line-height: 1.4; margin: 2px 0; padding: 0 12px !important; color: var(--text-3) !important; border-radius: 8px; }
  .drawer-menu .menu-alink { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 44px; padding: 0; color: inherit; text-decoration: none; }
  .drawer-menu .menu-alink svg { flex-shrink: 0; }
  .drawer-menu .aside-menu-text { white-space: normal; }
  .drawer-menu .el-menu-item.is-active { background: var(--accent-tint) !important; color: var(--brand-blue) !important; font-weight: 600; }
  .drawer-menu .el-menu-item:hover, .drawer-menu .el-submenu__title:hover, .drawer-menu-close:hover { background: var(--surface-muted) !important; }
  .drawer-menu .el-submenu__title { display: flex; align-items: center; gap: 12px; }
  .drawer-menu .el-submenu .el-menu-item { padding-left: 40px !important; }
}