/* TIS Golf — shared app-shell base styles.
   These are the global resets and the full-viewport stage that every
   screen sits inside. Screen-specific styling stays with each screen
   (e.g. screens/home.html) until it's clearly shared by several screens,
   at which point it gets lifted up here. */

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{
  background:var(--bg);
  color:var(--ink);
  overflow:hidden;
  font-family:-apple-system,'Segoe UI',Roboto,sans-serif;
}

/* Each screen fills the viewport — no phone-mockup frame in the real app. */
.stage{position:fixed;inset:0;overflow:hidden}

/* ============================================================
   Class A — shared header component (handoff v64 §3)
   ONE header rendered by every Class A screen. The screens' own
   header CSS is stripped at build time so this is the single source.
   Carve-outs keep their own headers and are NOT affected:
     • Home (Class D) — no header bar
     • Hole View / Shot Entry (Class C) — two-row in-round header (keeps 32/r10)
     • Club Editor (Class B) — Cancel/Save editor header
   ============================================================ */
.hdr{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:8px;
     padding:18px 12px 13px;border-bottom:1px solid var(--hair);}
.back{width:34px;height:34px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
      border:1px solid rgba(200,168,74,.28);border-radius:11px;background:rgba(242,239,230,.04);
      color:var(--gold-bright);cursor:pointer;transition:transform .08s ease;}
.back:active{transform:scale(.94)}
/* stroke the chevron from CSS so it renders gold whether or not the screen's
   own <path> carries inline stroke attributes (Hole Edit's path is bare). */
.back svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.htitle{flex:1;min-width:0;text-align:center;
        font-family:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;
        font-weight:500;font-size:21px;letter-spacing:.03em;line-height:1.15;color:var(--ink);
        white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.htitle .t{font:inherit;color:inherit;}
/* optional centered subtitle slot under the title (Round Setup date,
   Hole Edit course·date, Stats "9 rounds…"); .d is Round Setup's existing class */
.hsub,.htitle .d{display:block;font-family:-apple-system,'Segoe UI',Roboto,sans-serif;
     font-weight:400;font-size:11.5px;line-height:1.3;letter-spacing:normal;color:var(--ink-dim);
     margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hspacer,.hspace{width:34px;flex:0 0 auto}