/* tagboard.css — minimal retro style (theme in your main CSS if preferred) */
.tb-wrap {
  font-family: monospace;
  background: #000;
  border: 2px solid lime;
  box-shadow: 0 0 12px lime;
  padding: 8px;
  width: 580px;
  max-width: 96vw;
}
/* Homepage drag handle sits over the top edge — keep welcome visible */
#chatbox .tb-wrap {
  padding-top: 28px;
}
/* Classic tag-board message window: welcome band + scroll pane */
.tb-display {
  border: 1px solid #0f0;
  background: #000;
  overflow: hidden;
}
.tb-welcome {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 8px 10px;
  border-bottom: 1px solid #0f0;
  line-height: 1.35;
  background: #001a00;
  cursor: pointer;
  user-select: none;
}
.tb-messages {
  height: 140px;
  overflow-y: auto;
  background: #000;
  border: none;
  padding: 6px;
  color: #0f0;
  font-size: 11px;
}
.tb-row { padding: 2px 0; }
.tb-time { color: #888; margin-right: 6px; font-size: 11px; }
.tb-name { color: #afffaf; }
.tb-text { color: #0f0; }
.tb-empty { color: #666; font-style: italic; padding: 6px; }
.tb-form { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; align-items: center; }
.tb-form input[type="text"] { flex: 1 1 140px; min-width: 0; background: #000; color: #0f0; border: 1px solid #0f0; padding: 4px; }
#tb-name { flex: 0 1 120px; min-width: 72px; }
#tb-msg { flex: 2 1 180px; }
#tb-send { flex: 0 0 auto; background: #111; color: #0f0; border: 1px solid #0f0; padding: 4px 8px; cursor: pointer; }
@media (max-width: 600px) {
  #tb-name, #tb-msg { flex: 1 1 100%; }
  #tb-send { width: 100%; }
}
.tb-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.tb-tiny { color: #888; margin-top: 4px; font-size: 10px; }
.tb-tiny.tb-error { color: #f66; }

/* v2 iframe embed — message window only (form lived outside on index5.htm) */
html.tb-embed,
html.tb-embed body {
  height: 100%;
  overflow: hidden;
}
html.tb-embed .tb-wrap {
  border: none;
  box-shadow: none;
  padding: 4px 6px;
  width: 100%;
  max-width: none;
}
html.tb-embed .tb-display {
  height: calc(100% - 8px);
  display: flex;
  flex-direction: column;
}
html.tb-embed .tb-messages {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
}