/* SiamROS staff app: DEMO ONLY. The "Demo with made-up data" label (added by demo-api.js), in the app's navy and gold. */
.demo-tag { display: inline-block; margin-top: 4px; padding: 0 8px; border: 1px solid rgba(201, 168, 76, .55); border-radius: 999px; color: var(--gold); font-size: 12px; font-weight: 600; line-height: 18px; white-space: nowrap; }
/* the header is one line taller: the Team rota still opens at today, below it (staff.css: 84px) */
.team-day.today { scroll-margin-top: 108px; }

/* under the sign-in card, on the navy */
.gate { align-content: center; row-gap: 14px; }
.demo-gate { margin: 0; color: #c9cfe0; font-size: 13px; text-align: center; }
.demo-again { margin-left: 10px; padding: 6px 4px; border: 0; background: none; color: #fff; font: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.demo-again:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; border-radius: 4px; }