/* ── platform/os-desktop.css — Windows / macOS / Linux overrides ────────
   Applied when body.os-other is present (set by getOS() in state.js).

   Covers:
   - Safe-area insets explicitly zeroed (no notch, no home bar)
   - Flat chat screen (no border-radius card effect)
   - Styled visible scrollbars
   - Cursor pointer on all interactive elements
   - Text selection allowed in messages
────────────────────────────────────────────────────────────────────────── */

/* ── Safe-area: zero on desktop ──────────────────────────────── */
body.os-other .safe-top    { height: 0; }
body.os-other #chat-topbar { top: 0; }

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

body.os-other #messages {
  padding-top: 3.5rem;
  margin-top: 0;
  -webkit-mask-image: none;
  mask-image: none;
}
body.os-other #messages-spacer { max-height: calc(100% - 4rem); }
body.os-other #composer-wrap   { padding-bottom: 0; }

/* ── No card border-radius on desktop ────────────────────────── */
body.os-other #container-center { border-radius: 0; }

/* ── Scrollbars — styled and visible ────────────────────────── */
body.os-other ::-webkit-scrollbar       { width: 4px; display: block; }
body.os-other ::-webkit-scrollbar-track { background: transparent; }
body.os-other ::-webkit-scrollbar-thumb { background: var(--surface3); border-radius: 2px; }
body.os-other ::-webkit-scrollbar-thumb:hover { background: var(--muted); }

/* ── Cursor ──────────────────────────────────────────────────── */
body.os-other button,
body.os-other label,
body.os-other [role="button"],
body.os-other a { cursor: pointer; }

/* ── Text selection allowed in messages ──────────────────────── */
body.os-other #messages,
body.os-other #messages * {
  -webkit-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}