/* ── platform/os-android.css — Android overrides ───────────────────────
   Applied when body.os-android is present (set by getOS() in state.js).

   Covers:
   - Camera cutout safe-area handling
   - Nav/gesture bar inset for composer
   - Touch selection suppression
   - Scrollbar hidden (cleaner on mobile)
   - Overscroll reinforced
────────────────────────────────────────────────────────────────────────── */

/* ── Safe-area top spacer — camera cutout ────────────────────── */
body.os-android .safe-top {
  height: env(safe-area-inset-top, 0px);
}

/* ── Base font size — 15px on Android ───────────────────────── */
/* Matches the global base. Stated explicitly so Android-specific
   size tweaks below can be reasoned about clearly. */
body.os-android {
  font-size: 15px;
}

/* ── Chat topbar ─────────────────────────────────────────────── */
/* body.os-android #chat-topbar {
  top: env(safe-area-inset-top, 0px);
} */

/* ── Messages — account for top cutout ──────────────────────── */
body.os-android #messages {
  padding-top: calc(env(safe-area-inset-top, 0px) + 3.5rem);
  margin-top: calc(-1 * env(safe-area-inset-top, 0px));
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0px,
    black env(safe-area-inset-top, 0px)
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0px,
    black env(safe-area-inset-top, 0px)
  );
}
body.os-android #messages-spacer {
  max-height: calc(100% - env(safe-area-inset-top, 0px) - 4rem);
}

/* ── Composer — gesture/nav bar inset ───────────────────────── */
/* body.os-android #composer-wrap {
  padding-bottom: env(safe-area-inset-bottom, 0px);
} */

/* ── Profile bubble — gesture bar clearance ──────────────────── */
body.os-android #profile-bub-wrap {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* ── Connection banner — push below status bar / cutout ──────── */
body.os-android #conn-inner {
  padding-top: calc(env(safe-area-inset-top, 0px) + 0.5rem);
}

/* ── SW update overlay — push below status bar / cutout ──────── */
body.os-android #sw-overlay {
  padding-top: calc(env(safe-area-inset-top, 0px) + 1.25rem);
}

/* ── Composer focused — tighten bottom margin when keyboard is up ── */
body.os-android #composer-wrap.composer-focused #composer {
  margin-bottom: 0.25rem;
}

/* ── Touch: suppress selection on messages ───────────────────── */
body.os-android #messages,
body.os-android #messages * {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

/* ── Hide scrollbar ──────────────────────────────────────────── */
body.os-android ::-webkit-scrollbar {
  display: none;
}

/* ── Overscroll ──────────────────────────────────────────────── */
body.os-android {
  overscroll-behavior: none;
}