:root{
  --green-deep:#263B2F; --green-mid:#2F4A3A; --gold:#C9A84C; --gold-hover:#B8973C;
  --gold-ink:#3B2E08; --gold-soft:#F3EAD0; --cream:#E9D8A6; --page:#F7F4EE;
  --surface:#FFFFFF; --ink:#24211C; --muted:#6B655B; --border:#E5DFD4;
}
header, header.apphead{
  background:var(--green-deep) !important; color:var(--cream) !important;
  display:flex !important; align-items:center !important; gap:12px !important;
  padding:14px 20px !important; font-size:1.4rem !important; line-height:1.2 !important;
  font-weight:800 !important; height:64px !important; box-sizing:border-box !important;
}
header span, header.apphead span{ font-size:1.4rem !important; line-height:1.2 !important; }
header .upd{ font-size:.8rem !important; font-weight:500 !important; }
header.apphead img, header img{
  height:48px !important; width:48px !important; max-height:48px !important; max-width:48px !important;
  border-radius:0 !important; object-fit:contain !important; flex:0 0 auto !important;
}
nav{ background:var(--green-mid) !important; }
nav a.on{ background:var(--green-deep) !important; color:var(--cream) !important; }
.btn, .btn-primary, .savebtn{ background:var(--gold) !important; color:var(--gold-ink) !important; }
.btn:hover, .btn-primary:hover{ background:var(--gold-hover) !important; }
.btn.saved{ background:var(--green-mid) !important; color:#fff !important; }
.btn.ghost{ background:#fff !important; color:var(--ink) !important; border:1px solid var(--border) !important; }
.choice.sel{ border-color:var(--gold) !important; background:var(--gold-soft) !important; }
.seg button.on{ background:var(--green-deep) !important; color:var(--cream) !important; border-color:var(--green-deep) !important; }

body.mo-auth-pending > *:not(#mo-gate):not(#mo-loading){ visibility:hidden !important; }
#mo-loading{ position:fixed; inset:0; background:#263B2F; display:flex; align-items:center; justify-content:center; z-index:99998; }
#mo-loading img{ width:88px; height:88px; opacity:.9; }