.workflow-tabs, .workflow-actions, .workflow-access { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:16px 0; }
.workflow-tabs { border-bottom:1px solid var(--border, #344047); padding:8px 0 14px; }
.workflow-tabs a { padding:6px 0; margin-right:12px; }
.workflow-access { color:var(--muted, #acb9bb); justify-content:space-between; }
.workflow-access strong { display:flex; align-items:center; gap:6px; font-size:13px; }
.workflow-readonly #result-room-header { outline:1px solid #85464c; outline-offset:8px; border-radius:4px; }
.workflow-readonly #room-access-badge { color:#efb5ba; }
.workflow-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; padding:20px 0; border-bottom:1px solid var(--border, #344047); }
.workflow-facts dt { font-size:12px; color:var(--muted, #acb9bb); font-weight:400; }
.workflow-facts dd { margin:6px 0 0; overflow-wrap:anywhere; }
.workflow-actions .field { flex:1; min-width:180px; max-width:480px; }
.workflow-stream { margin-bottom:24px; }
.workflow-actions button, .workflow-actions a { flex-shrink:0; }
.workflow-scope { display:flex; gap:4px; flex-wrap:wrap; }
.workflow-scope a { padding:8px 12px; border-bottom:2px solid transparent; }
.workflow-scope a[aria-current="page"] { border-bottom-color:#43dba1; color:#43dba1; }
.workflow-scope small { margin-left:6px; color:var(--muted, #acb9bb); }
.workflow-read-row { box-shadow:inset 2px 0 #85464c; }
.youtube-connection { padding:20px 0; border-bottom:1px solid var(--border, #344047); }
.youtube-connection h2 { font-size:18px; }
.youtube-secret { overflow-wrap:anywhere; white-space:pre-line; user-select:all; padding:12px; border:1px solid #665035; }
.workflow-tabs a, .workflow-actions a, .workflow-actions button { white-space:normal; }
@media(max-width:760px) {
  .workflow-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workflow-actions { align-items:stretch; }
  .workflow-actions .field { flex-basis:100%; max-width:none; }
  .workflow-tabs { gap:8px; }
}
.room-stage-band { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 0; border-block: 1px solid var(--border); margin: 16px 0; }
.room-stage-band p { margin: 4px 0 0; }
.workflow-tabs { overflow-x: auto; white-space: nowrap; }
.workflow-tabs a[aria-current="page"] { color: var(--green); border-bottom: 2px solid var(--green); }
@media (max-width: 600px) { .room-stage-band { align-items: stretch; flex-direction: column; } .room-stage-band button { align-self: flex-start; } }