.mobile-menu { display: none; }

@media (max-width: 700px) {
  .app-shell { display: block; }
  .sidebar {
    display: none;
    position: static;
    height: auto;
    padding: 24px 20px;
  }
  .sidebar.sidebar--open { display: flex; }
  .sidebar .brand { margin-bottom: 20px; }
  .sidebar nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace header {
    min-height: 72px;
    height: auto;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
  }
  .mobile-menu { display: inline-flex; min-height: 44px; align-items: center; }
  .header-actions { min-width: 0; }
  .user-summary { min-width: 0; }
  .user-summary small,
  .user-summary strong { overflow-wrap: anywhere; }
}

@media (max-width: 420px) {
  .user-summary { display: none !important; }
  .workspace header { min-height: 68px; }
}