/* The logo: a counter bell with two ring strokes, drawn in the pen of the session marks.
   Bare on the page ground beside "Desk"; the bell in the text colour, the ring strokes in the accent.
   Linked after app.css, whose older rules for the mark (a green square with a white pen) it replaces. */
.brand-mark { width: 28px; height: 28px; flex: none; overflow: visible; color: var(--fg); fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.brand-mark-ring { stroke: var(--accent); }
/* Offline: the ring strokes turn red, as the square did. */
.brand:has(.conn[data-state="offline"]) .brand-mark-ring { stroke: var(--urg-high); }
/* A wide screen: the bell stands in the Desk pill in place of the small desk drawing. */
@media (min-width: 861px) {
  html .topbar .desk-go .brand-mark { display: block; width: 22px; height: 22px; margin: 0; stroke-width: 1.9; }
  html .topbar .desk-go > .sketch { display: none; }
}