/* ============================================================
   brand.css — sizing + the light-theme plate for the LazyTradie wordmark, shared by every
   page that shows the brand.

   The wordmark is the ORIGINAL PNG (qmciexmoehfdvbmrw65g.png). Cloudinary trims its
   transparent padding (e_trim) and scales it DOWN to 2× the display height, so it's sharp on
   retina and never upscaled:
     44px display → …/upload/e_trim/c_scale,h_88/v1778153877/qmciexmoehfdvbmrw65g.png   (199×44)
     52px display → …/upload/e_trim/c_scale,h_104/v1778153877/qmciexmoehfdvbmrw65g.png  (235×52)
   PDFs (services/reportsPdf.js) keep the untouched original.

   Markup:
     <span class="lt-brand [auto]"><img class="lt-brand-mark" src="…" alt="LazyTradie" width="199" height="44"/></span>
   Size: --lt-brand-h on .lt-brand (default 44px).
   Light theme: the PNG has white "Lazy" + ™, which vanish on white — .auto puts the exact PNG
   on a navy rounded plate ONLY under the dashboard's [data-mode="light"]. Dark: no plate.
   Collapsed dashboard rail: the 32px icon badge (.lt-brand-icon) replaces the wordmark.
   ============================================================ */
.lt-brand{--lt-brand-h:44px; display:inline-flex; align-items:center; line-height:0; vertical-align:middle; max-width:100%}
.lt-brand .lt-brand-mark{display:block; height:var(--lt-brand-h); width:auto; max-width:100%; object-fit:contain}
.lt-brand .lt-brand-icon{display:none; width:32px; height:32px; flex:none}
[data-mode="light"] .lt-brand.auto{background:#0D1B2A; border-radius:12px; padding:7px 12px}