/* =========================================================
   ZAR AI v2 — LOGO (bare, undecorated)

   2026-09 finalization: the real, canonical ZAR AI mark —
   image/zar_ai_mark.svg, the exact production asset GB-Tox v1's
   Explain buttons and EMC's AI-guidance buttons already use,
   loaded directly from its one production location (see
   zar-v2-ui.js) — is used bare here: no halo, no background
   circle, no glow, no border, no wrapper surface of any kind. It
   is the logo itself,
   sized and placed inline wherever ZAR's identity appears in
   ordinary UI: the compact header, the full-screen header, the
   empty-conversation state, and the typing indicator.

   The ONE exception is the collapsed floating launcher, where a
   circular halo/container is legitimate — but that halo belongs
   to the LAUNCHER BUTTON itself, not to a second wrapper around
   the logo inside it. See components/orb.css.

   2026-09 UI hardening: base/reset.css's img/svg reset now uses
   `:where(.zar-v2)` (zero specificity), so a plain single-class
   override here is sufficient again — no specificity bump needed
   (see base/reset.css's own header comment for the full story of
   why this was ever necessary).
========================================================= */

.zar-v2-logo {
  display: block;
  flex: 0 0 auto;
  object-fit: contain;
  max-width: none;
}

.zar-v2-logo--sm { width: 22px; height: 22px; }
.zar-v2-logo--md { width: 28px; height: 28px; }
.zar-v2-logo--lg { width: 40px; height: 40px; }