/* Pane phone app: placeholder phone touches (Chat owns the look; keep the class names). */
.phone-boot-msg { margin: 40px 20px; font: 16px/1.5 system-ui, sans-serif; color: var(--ink, #e8e1d4); }

/* things that only make sense on a computer */
.is-phone #btn-import, .is-phone #btn-quit,
.is-phone #settings section:has(#s-vault), .is-phone #settings section:has(#s-notesdir),
.is-phone #settings section:has(#btn-show-backups), .is-phone #s-window,
.is-phone #settings section:has(kbd), .is-phone #s-lock .row,
.is-phone .t-popout, .is-phone .t-drag, .is-phone .t-lock { display: none !important; }

/* bigger touch targets and no zoom-on-focus (iOS zooms inputs under 16px) */
.is-phone input, .is-phone textarea, .is-phone select { font-size: max(16px, 1em); }
.is-phone .note .tools button { min-width: 40px; min-height: 40px; }

/* room for the iPhone home bar and notch when added to the Home Screen */
.is-installed body { padding-bottom: env(safe-area-inset-bottom); padding-top: env(safe-area-inset-top); }

/* shown when the browser can't run the service worker (in-app browsers, private tabs) */
.phone-boot-tip { position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); z-index: 90; margin: 0; padding: 10px 14px;
  border-radius: 10px; background: var(--panel-2, #293e4b); color: var(--ink, #e8e1d4); font: 14px/1.4 system-ui, sans-serif; box-shadow: 0 4px 16px rgb(0 0 0 / .3); }