/* HOB Agent Swarm -- read-only historic chat styling.
 *
 * The backend sends a `window_message({hobReadOnly: true})` when the user
 * opens a historic (non-active) thread. `readonly.js` toggles the
 * `hob-readonly` class on <body>; these rules hide the message composer
 * (input box + send button) and show a small banner instead, so historic
 * chats are clearly non-interactive while the active chat keeps running in
 * the background.
 */

body.hob-readonly #message-composer {
  display: none !important;
}

body.hob-readonly #hob-readonly-notice {
  display: flex !important;
}

#hob-readonly-notice {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 3rem;
  padding: 0.75rem 1rem;
  margin: 0 auto;
  border-radius: 0.75rem;
  background: rgba(148, 163, 184, 0.12);
  color: inherit;
  font-size: 0.9rem;
  text-align: center;
  border: 1px dashed rgba(148, 163, 184, 0.4);
}
