/* Shared route layout for focused account and conversation tasks. */
body:has(#app .pro-page) .shell,
body:has(#app .chat-page) .shell {
  display: block;
  max-width: 1280px;
  padding: 28px clamp(16px, 4vw, 48px) 48px;
}
body:has(#app .pro-page) #sidebar,
body:has(#app .chat-page) #sidebar,
body:has(#app .pro-page) .right,
body:has(#app .chat-page) .right { display: none; }
body:has(#app .chat-page) .shell { max-width: 1440px; }
#app .pro-page, #app .chat-page { min-width: 0; }
@media (min-width: 761px) and (max-width: 1080px) {
  body > header { gap: 18px; padding-inline: 24px; }
  body > header .brand img { width: 144px; }
  body > header nav { gap: 8px; }
  body > header nav a, body > header .nav-search { padding-inline: 4px; font-size: 12px; }
  body > header .header-actions { gap: 6px; }
  body > header .avatar { width: 44px; min-width: 44px; padding-inline: 0; }
  body > header .avatar-label { display: none; }
}
@media (max-width: 760px) {
  body:has(#app .pro-page) .shell,
  body:has(#app .chat-page) .shell { padding: 18px 16px 104px; }
}
@media (max-width: 359px) {
  body:has(#app .pro-page) .shell,
  body:has(#app .chat-page) .shell { padding-inline: 12px; }
}