/* Phone layout for the shared Toopix UI. */
@media (max-width: 700px) {
  body.desktop .top { flex-wrap: wrap; padding: 8px 10px; }
  body.desktop .top-actions { width: 100%; justify-content: flex-end; flex-wrap: wrap; }
  body.desktop .scroll { padding: 10px; }
  .tabs [role="tab"] { padding: 8px 10px; }
  .composer textarea { font-size: 16px; }
  .desk-form input[type="text"] { min-width: 100%; }
  .project-chip { max-width: 100%; }
}
@supports (padding: env(safe-area-inset-bottom)) { .composer { padding-bottom: calc(6px + env(safe-area-inset-bottom)); } }