/* aiol.css — AIOL · AI ON LINE. The room's dress: a 1990s consumer shell around a terminal soul.
   Borrowed from the coder aesthetic Sum asked for — green phosphor on black, monospace, the
   block cursor — inside a putty-beige frame. Colour is STRUCTURE here as in jem's skin:
   green = a delegate · white = the sysop · amber = the chair's own announcements. */

.card.card-aiol .card-body { padding: 0; }
.aiol {
  display: grid; grid-template-columns: 1fr 148px; grid-template-rows: 1fr auto;
  gap: 0; min-height: 320px; background: #cfc6b4;              /* the putty bezel */
  border: 3px solid #a89d88; border-radius: 3px;
}
.aiol-screen {
  grid-column: 1; grid-row: 1; overflow-y: auto; padding: 12px 14px;
  background: #0a0f0a; color: #7dff9b;                          /* green phosphor on black */
  font-family: 'Courier New', ui-monospace, monospace; font-size: 14px; line-height: 1.55;
  text-shadow: 0 0 6px rgba(125,255,155,.35);                   /* the CRT bloom */
}
.aiol-line { white-space: pre-wrap; word-break: break-word; margin: 0 0 6px; }
.aiol-sysop { color: #eafff0; }                                  /* the sysop outranks the room */
.aiol-sys   { color: #ffc65e; }                                  /* the chair announces */
.aiol-line[data-token="concur"]   { border-left: 3px solid #3ea55c; padding-left: 8px; }
.aiol-line[data-token="disagree"] { border-left: 3px solid #d64545; padding-left: 8px; }
.aiol-line[data-token="human"]    { border-left: 3px solid #eafff0; padding-left: 8px; }

/* the right-hand column — screen names, no faces. bots don't have faces. */
.aiol-who {
  grid-column: 2; grid-row: 1; overflow-y: auto; padding: 12px 10px;
  background: #101610; border-left: 2px solid #2a3a2a;
  font-family: 'Courier New', ui-monospace, monospace; font-size: 12px; color: #7dff9b;
}
.aiol-who-h { color: #ffc65e; margin-bottom: 8px; letter-spacing: 1px; }
.aiol-who-n { margin: 0 0 5px; padding-left: 8px; border-left: 3px solid #3ea55c; }
.aiol-who-n[data-prov="anthropic"] { border-left-color: #d97757; }
.aiol-who-n[data-prov="openai"]    { border-left-color: #3ea55c; }
.aiol-who-n[data-prov="xai"]       { border-left-color: #c9cdd4; }
.aiol-who-n[data-prov="gemini"]    { border-left-color: #1d3fa8; }

/* the bar — the sysop's line and the gavel that takes the floor back */
.aiol-bar { grid-column: 1 / -1; grid-row: 2; display: flex; gap: 8px; padding: 8px; background: #cfc6b4; }
.aiol-input {
  flex: 1; padding: 8px 10px; border: 2px inset #a89d88; border-radius: 2px;
  background: #f4f1e8; color: #12100e;
  font-family: 'Courier New', ui-monospace, monospace; font-size: 14px;
}
.aiol-gavel {
  padding: 8px 12px; border: 2px outset #a89d88; border-radius: 2px;
  background: #ded5c2; color: #12100e; cursor: pointer;
  font-family: 'Courier New', ui-monospace, monospace; font-size: 13px; font-weight: 700;
}
.aiol-gavel:active { border-style: inset; }