/* ============================================================
   GLOBAL UI SCALE
   ============================================================

   Operator, 17 Sep 2026: "other users use chrome at 100%, so it needs to be
   smaller by default."

   Every internal page renders one notch smaller than the browser's 100%, so
   the team sees the density the app was designed for without each person
   having to reach for Cmd+minus on a machine we do not control.

   WHY `zoom` AND NOT A TYPE SCALE
   Axis sizes almost everything in px, not rem, across ~200 templates with a
   great deal of inline style. Retuning that centrally is not possible - there
   is no single scale to turn. `zoom` is the one lever that takes the WHOLE
   interface down together: text, padding, borders, icons, the map, and the
   inline styles alike, in exactly the proportions the layouts were built with.
   It is the same transform the browser's own zoom control applies, so nothing
   sees a combination it has not already seen from a user pressing Cmd+minus.

   TO CHANGE IT
   Edit the one number below. 1 is the browser's own 100%. Lower is smaller and
   fits more; 0.85 is roughly the browser's 85% step. Do not go below about
   0.75 - 10px labels start losing legibility on a non-retina screen.

   WHY IT IS GATED ON data-app-scale
   A page opened in a dashboard page sheet renders inside an <iframe> that the
   host has ALREADY scaled. If the framed document scaled itself again the two
   would multiply (0.85 x 0.85 = 0.72) and the sheet would read visibly smaller
   than the window around it. base.html sets the attribute only when the page
   is not embedded, so the scale is applied exactly once, by the outermost
   document.

   NOT SCALED: the public careers pages, the client portal, and the phone app
   at /m. Those are for people outside the team, on screens we do not control,
   and they are sized for their own contexts.
   ============================================================ */

html[data-app-scale] {
    zoom: 0.85;
}