/* Native-app screens (2026-11-04, owner): every dashboard page opens straight
   on the tool. The page title lives in the top nav (nav-page-title.hbs), so the
   in-page header block (.app-head, tagged by that script) is folded away when it
   holds nothing to tap, and kept as a tight action row when it does. */
.app-head :is(.agent-surface-actions, [class*="header-actions"]):not(:has(*)) { display: none !important; }
.app-head:not(:has(> :nth-child(3))):not(:has(a, button, input, select, [role="button"])) { display: none !important; }

@media (max-width: 768px) {
  html { -webkit-tap-highlight-color: transparent; }
  body.ds-root { overscroll-behavior-y: none; }
  .app-head { margin: 0 0 12px !important; padding: 0 !important; min-height: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
  .app-head > :has(h1.nav-owns-title):not(:has(a, button, input, select)) { display: none !important; }
  .app-head :is(a, button) { min-height: 40px; }
  /* Page sections start right under the nav, with phone gutters. */
  body.ds-root :is(section, main)[class*="-page"], body.ds-root .container-fluid { padding-top: 12px; }
  body.ds-root :is(button, a, input, select, textarea) { touch-action: manipulation; }
  body.ds-root input, body.ds-root select, body.ds-root textarea { font-size: 16px; } /* no iOS zoom on focus */
}

/* Help tips: long paragraphs become an (i) with a floating tooltip (public/js/help-tips.js). */
.help-tip-btn { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-left: 6px; padding: 0; border: 0; border-radius: 999px; background: transparent; color: var(--ink-muted, #8a847c); font-size: 14px; vertical-align: middle; cursor: pointer; }
.help-tip-btn[aria-expanded="true"] { color: var(--accent, #e8475f); }
.help-tip-text { display: none !important; }
.help-tip-pop { position: fixed; z-index: 2000; padding: 10px 12px; border-radius: 12px; background: #1d1b19; color: #f7f4ef; font-size: 13px; line-height: 1.45; box-shadow: 0 8px 28px rgba(0,0,0,.22); animation: helpTipIn .14s ease-out; }
.help-tip-pop b, .help-tip-pop strong { color: #fff; }
.help-tip-pop a { color: #ffb3bf; }
@keyframes helpTipIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

@media (max-width: 768px) {
  /* The marketing footer under a dashboard screen breaks the app feel. */
  footer.site-footer { display: none !important; }
  /* Business agent page: tighter, app-like spacing. */
  #ba-panel-config .ba-setup-bar { flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important; margin-bottom: 12px !important; }
  #ba-panel-config .ba-setup-title { font-size: 20px; margin: 0; }
  .ba-setup-bar-actions { gap: 6px !important; margin-left: auto; width: auto !important; }
  .ba-setup-toggle-all { padding: 6px 10px !important; font-size: 13px !important; min-height: 34px !important; }
  .ba-setup-toggle-all { font-size: 0 !important; width: 36px; justify-content: center; }
  .ba-setup-toggle-all i { font-size: 16px; margin: 0 !important; }
  .ba-showcase-head { flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important; margin-bottom: 14px !important; }
  .ba-showcase-head > div { flex: 1 1 0 !important; min-width: 0; }
  .ba-showcase-head .ba-btn { white-space: nowrap; }
  .ba-ws-empty { padding: 18px 14px !important; }
  .ba-team-card, .ba-danger-card { padding: 16px !important; }
}