/* flasher.css — keeps flasher consistent with the manual */

/* Remove fake header gap if there's no <header> */
body.no-header main { margin-top: 0 !important; }
@media (min-width: 64.063em) {
  body.no-header main { background-position-y: 0 !important; }
}

/* Match manual’s dark look */
html, body, main { background: #000 !important; }
#content {
  background: rgba(0, 0, 0, 0.9);
  padding: 20px;
  min-height: calc(100vh - var(--header-height, 85px));
}

/* Layout helpers */
.wrap        { max-width: 820px; margin: 0 auto; }
.stack > * + *   { margin-top: 12px; }
.stack-lg > * + *{ margin-top: 18px; }

/* Subtle info note (same vibe as the manual disclaimer) */
.header-note {
  background:#fff3cd; border:1px solid #ffe69c; color:#664d03;
  padding:.5rem .75rem; border-radius:.5rem;
}

/* Card-ish panel to match manual blocks */
.panel {
  background: rgba(0,0,0,0.8);
  border: 1px solid #333;
  border-radius: 8px;
  padding: 16px;
}

/* Dark form controls */
select,
input[type="text"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="email"],
input[type="password"],
input#badgeName {
  background: #111;
  color: #eee;
  border: 1px solid #333;
  border-radius: 6px;
  padding: 6px 8px;
}

/* Buttons: keep uikit defaults but round a touch */
button, .uk-button { border-radius: 6px; }

/* Console log area */
pre#log {
  background:#111; color:#ddd;
  padding:.6rem; overflow:auto; max-height:220px;
  border:1px solid #333; border-radius:6px;
}

/* Small muted helper */
.small-muted { font-size: .9em; color: #aaa; }