/* ═══════════════════════════════════════════════════════════════════════════
   CDS Logistics — Safe Area Insets (minimal, safe)

   Exposes safe-area values as CSS variables so any shell CSS can opt into
   them WHERE NEEDED — without this file touching any layout / geometry.

   Why so minimal?
   Earlier revisions applied global padding on html/body and forced
   `box-sizing: content-box` on every topbar. That broke button widths,
   icon alignment and header heights everywhere. This rewrite does the
   opposite: it defines nothing that changes rendering by default.

   How to use in shell-specific CSS if you need notch support:
       .my-topbar {
         padding-top: calc(12px + var(--safe-top));
         height: auto;
         min-height: calc(56px + var(--safe-top));
       }
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  --safe-top:    env(safe-area-inset-top,    0px);
  --safe-right:  env(safe-area-inset-right,  0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left:   env(safe-area-inset-left,   0px);
}

/* Optional helper classes — anything can add these to opt in explicitly. */
.safe-top    { padding-top:    var(--safe-top); }
.safe-bottom { padding-bottom: var(--safe-bottom); }
.safe-left   { padding-left:   var(--safe-left); }
.safe-right  { padding-right:  var(--safe-right); }

/* Prevent iOS auto text-size adjust on rotate — harmless everywhere else. */
html { -webkit-text-size-adjust: 100%; }