/* Installed app: website features, with coding agents excluded. */
.compact-app #agents-nav,
.compact-app #agents-view,
.compact-app #agent-panel,
.compact-app #open-agent-run,
.compact-app #open-agent-run-from-files,
.compact-app [data-admin-tab="agents"],
.compact-app [data-admin-panel="agents"] { display: none !important; }

.compact-app .header-main { padding-top: max(10px, env(safe-area-inset-top)); }
.compact-app .sidebar { padding-top: max(20px, env(safe-area-inset-top)); padding-bottom: max(16px, env(safe-area-inset-bottom)); }
.compact-app .composer { padding-bottom: max(12px, env(safe-area-inset-bottom)); }
.compact-app .welcome p { font-size: 14px; }
#pwa-install-help { padding: 8px 12px; max-width: 240px; }
#pwa-connection { position: fixed; top: env(safe-area-inset-top, 0px); left: 50%; transform: translateX(-50%); z-index: 200; padding: 8px 16px; border-radius: 0 0 12px 12px; background: #423262; color: white; font-size: 13px; }

@media (max-width: 720px) {
  .compact-app body { display: block; }
  .compact-app main { height: var(--pwa-height, 100dvh); min-height: 0; overflow: hidden; }
  .compact-app .sidebar { height: 100dvh; min-height: 0; overflow: hidden; }
  .compact-app header.app-header { flex-shrink: 0; }
  .compact-app .view { min-height: 0; }
  .compact-app .view:not(#chat-view) { overflow-y: auto; overscroll-behavior-y: contain; }
  .compact-app #chat-view { flex: 1; overflow: hidden; }
  .compact-app .chat { min-height: 0; overflow-y: auto; overscroll-behavior-y: contain; padding: 20px 14px; }
  .compact-app .composer { position: relative; flex: none; }
  .compact-app .composer textarea, .compact-app input, .compact-app select { font-size: 16px; }
  .compact-app .composer-tools { flex-wrap: wrap; gap: 8px; }
  .compact-app .starter-grid { grid-template-columns: 1fr 1fr; }
  .compact-app .welcome { margin-top: 3vh; }
  .compact-app .icon-button { min-width: 44px; min-height: 44px; }
  .compact-app dialog { max-width: calc(100vw - 24px); max-height: 85dvh; overflow: auto; }
}