/* Board Room — admin screen (#boardroom-root, inside the shell frame). */

.br-wrap { display: flex; flex-direction: column; gap: 14px; }
.br-card { padding: 16px 18px; }
.br-card h3 { margin: 0 0 10px; font-size: 15px; }

.br-form { display: grid; gap: 10px; }
.br-form input, .br-form textarea {
  font: inherit; width: 100%; padding: 9px 10px; color: inherit;
  border: 1px solid rgba(128, 138, 150, .45); border-radius: 7px; background: transparent;
}
.br-form textarea { min-height: 84px; resize: vertical; }

.br-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.br-msg { font-size: 13px; margin-top: 8px; }
.br-msg--bad { color: #d04437; }
.br-msg--good { color: #1f9d63; }
.br-dim { opacity: .7; font-size: 12px; }

.br-topic__head { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
.br-topic__head h3 { margin: 0; font-size: 16px; }
.br-status {
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  padding: 3px 9px; border-radius: 999px; white-space: nowrap;
}
.br-status--open { background: rgba(31, 157, 99, .16); color: #1f9d63; }
.br-status--draft { background: rgba(128, 138, 150, .18); }
.br-status--closed { background: rgba(31, 111, 235, .14); color: #3b7de0; }

.br-body { white-space: pre-wrap; margin: 8px 0 10px; opacity: .85; }

.br-tally { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0; }
.br-pill { border: 1px solid rgba(128, 138, 150, .35); border-radius: 8px; padding: 5px 10px; font-size: 13px; }
.br-pill b { font-size: 17px; margin-right: 5px; }
.br-pill--for b, .br-v--for { color: #1f9d63; }
.br-pill--against b, .br-v--against { color: #d04437; }
.br-v { font-weight: 600; }

.br-votes { width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 10px; }
.br-votes td { padding: 6px; border-top: 1px solid rgba(128, 138, 150, .22); }

.br-foot { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }

.br-codes {
  background: rgba(240, 180, 40, .12); border: 1px solid rgba(240, 180, 40, .5);
  border-radius: 8px; padding: 12px 14px; margin-bottom: 14px;
}
.br-codes p { margin: 0 0 8px; font-size: 13px; }
.br-code { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 16px; font-weight: 700; letter-spacing: .08em; }