/* The web app (B12): what needs the Mac is greyed out and says so. */
.needs-mac { opacity: 0.45; cursor: not-allowed; }
.needs-mac-note {
  position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom)); transform: translateX(-50%);
  max-width: calc(100vw - 32px); margin: 0; padding: 10px 18px; border-radius: 999px;
  background: var(--ink); color: var(--bg); font-size: 15px; z-index: 50;
}
.needs-mac-note[hidden] { display: none; }

/* Settings: only this browser's sign-in; the rest is set on the Mac. */
html.online .settings-page main > section:not(.web-account) { display: none; }

/* The Inbox (A2): sorting is asked of the Mac, so it shows here too. */
@media (max-width: 699px) { .inbox-page .web-sort-note { order: 1; } }

/* Her computer is away (B13): messages wait for it. */
.away-banner { margin: 10px 16px 0; padding: 8px 12px; border-radius: 10px; background: var(--accent-soft); color: var(--ink); font-size: 15px; }
.away-banner[hidden] { display: none; }