/* ============================================================
   Brand — the product logo ("FEBWIK Books", light + dark PNGs) and
   the square app icon. Markup: partials/brand. Loaded on every
   layout (partials/head-brand), including the admin panel, which
   has no theme tokens.
   ============================================================ */

/* ── Product logo ─────────────────────────────────────────── */
.brand-logo { display: inline-flex; align-items: center; min-width: 0; }
.brand-logo-img { display: block; width: auto; max-width: 260px; object-fit: contain; }
.brand-logo-img.is-dark { display: none; }
[data-theme="dark"] .brand-logo-img.is-light { display: none; }
[data-theme="dark"] .brand-logo-img.is-dark { display: block; }

/* ── Square icon ──────────────────────────────────────────── */
.brand-icon { display: block; flex: none; object-fit: contain; }
/* The original gem's thin dark outline needs a light backing on dark surfaces. */
[data-theme="dark"] .brand-icon { padding: 3px; border-radius: 8px; background: #fff; }

/* ── Collapsed sidebar: icon only ─────────────────────────── */
.brand-icon.brand-icon-collapsed { display: none; }
.sidebar.collapsed .sidebar-header .brand-logo { display: none; }
.sidebar.collapsed .sidebar-header .brand-icon.brand-icon-collapsed { display: block; }

/* ── Square icon tile (auth panel) ────────────────────────── */
.logo-mark { display: block; flex: none; object-fit: contain; }
.logo-mark-lg { width: 52px; height: 52px; }