/* Static-site-only styles for the Board Seat GitHub Pages demo.
   app.css (and tokens.css, which it @imports) are copied verbatim from
   web/src/ so the demo pixel-matches the live app; this file only adds the
   demo banner and a couple of static-only touches that don't exist in the
   live app's stylesheet. */

.demo-banner {
  background: var(--brass-100);
  border-bottom: 1px solid var(--brass-300);
  color: var(--brass-600);
  font-size: 12.5px;
  line-height: 1.5;
  padding: 8px 16px;
  text-align: center;
}

/* Disabled stand-ins for controls that need the live server (sign-in,
   sign-up, apply, status lookup, ICS feed). Buttons mirror app.css's
   .btn[disabled] treatment ([disabled] isn't valid HTML on a span);
   the .muted rule covers the plain-text nav/link case. */
.btn[aria-disabled='true'] {
  opacity: 0.45;
  cursor: not-allowed;
}
.muted[aria-disabled='true'] {
  cursor: not-allowed;
  text-decoration: underline dotted;
  text-underline-offset: 3px;
}

.hint {
  font-size: 12.5px;
  color: var(--ink-3);
  margin-top: 10px;
}