.cdk {
  width: min(640px, calc(100% - 32px));
  margin: 28px auto 64px;
}
.cdk .rooms { display: flex; gap: 8px; margin: 18px 0; }
.cdk .rooms button {
  border: 1px solid rgba(255, 211, 106, 0.45);
  background: #140c10;
  color: var(--gold);
  font-weight: 900;
  padding: 8px 14px;
  cursor: pointer;
}
.cdk .rooms button.is-on { background: var(--ember); color: #fff; border-color: transparent; }
.cdk .composer { display: grid; gap: 10px; }
.cdk label { display: grid; gap: 6px; font-weight: 700; }
.cdk input, .cdk select {
  width: 100%;
  box-sizing: border-box;
  background: #07080b;
  color: var(--ink);
  border: 1px solid rgba(255, 211, 106, 0.35);
  padding: 10px 12px;
  font: inherit;
}
.cdk .meta, .cdk .note { color: var(--muted); }
.cdk .note.is-ok { color: #d8f5c8; }
.cdk .note.is-bad { color: #ffb4a8; }