/* One quiet status strip; absent from the normal, healthy room. Critical
   placement/visibility is also embedded so stylesheet failure cannot hide /work. */
#jc-room-startup {
  --jc-startup-surface: #f6f6f2;
  --jc-startup-ink: #161713;
  --jc-startup-muted: #555850;
  --jc-startup-line: #c6c9c0;
  --jc-startup-action: #2d55d7;
  --jc-startup-inset: 16px;
  --jc-startup-width: 640px;
  box-sizing: border-box;
  width: min(var(--jc-startup-width), calc(100% - var(--jc-startup-inset) * 2));
  padding: 12px 16px;
  border: 1px solid var(--jc-startup-line);
  color: var(--jc-startup-ink);
  background: var(--jc-startup-surface);
  font: 400 14px/1.5 var(--jc-type-sans, system-ui, sans-serif);
  text-align: left;
}
#jc-room-startup p { margin: 0; }
#jc-room-startup [data-jc-startup-title] { font-weight: 600; }
#jc-room-startup [data-jc-startup-message] { margin-top: 2px; color: var(--jc-startup-muted); }
#jc-room-startup .jc-startup__actions { display: flex; flex-wrap: wrap; gap: 0 20px; margin-top: 4px; }
#jc-room-startup :is(a, button) {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--jc-startup-action);
  background: transparent;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
#jc-room-startup :is(a, button):focus-visible { outline: 2px solid var(--jc-startup-action); outline-offset: 4px; }
#jc-room-startup button:disabled { color: var(--jc-startup-muted); cursor: progress; }
#jc-room-startup [hidden] { display: none !important; }
@media (max-width: 479px) {
  #jc-room-startup { --jc-startup-inset: 12px; padding: 10px 12px; }
}