/* Control Room — the first screen after company sign-in.
   Tokens, the 8px spacing scale, the 44px control floor and the 768/1024
   breakpoints all come from styles.css; nothing here redefines them. */
.control-room-session{margin:0 0 24px}
.control-room-reviewer-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.control-room-reviewer-row input{flex:1 1 220px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.control-room-reviewer-row button{flex:0 0 auto}
.control-room-session p{margin-top:8px}
.control-room-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.control-room-card{display:flex;flex-direction:column;gap:8px;min-width:0}
.control-room-summary{color:var(--muted)}
.control-room-state{font-weight:650}
.control-room-state[data-card-state=off]{font-weight:400;color:var(--muted)}
.control-room-body{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.control-room-body>button{align-self:flex-start}
.control-room-suggestions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.control-room-suggestion{border-top:1px solid var(--line);padding-top:16px}
.control-room-suggestion:first-child{border-top:0;padding-top:0}
.control-room-statement{margin-bottom:8px;overflow-wrap:anywhere}
.control-room-actions{justify-content:flex-start;gap:8px;margin-bottom:8px}
.control-room-suggestion label{margin:8px 0}
.control-room-suggestion[data-decided]{opacity:.85}
@media(min-width:768px){.control-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(min-width:1024px){.control-room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}