/* Browser-agent workspace.
   The surface deliberately reuses the navigator's canonical chips, fields,
   badges and pill buttons. Only the agent-specific layout and its two logs
   live here; this file must not grow a second visual component vocabulary. */

.agent-browser-notice {
  position: fixed;
  inset: 0;
  z-index: var(--arhix-layer-menu);
  display: grid;
  place-content: center;
  padding: var(--arhix-space-block);
  background: var(--arhix-canvas);
  color: var(--arhix-ink);
  font: var(--arhix-font-weight-body) var(--arhix-font-size-body)/1.5 var(--arhix-font);
  text-align: center;
  outline: none;
}

[data-ui-surface="navigator"] .agent-workspace-host {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
}

[data-ui-surface="navigator"] .agent-command-bar {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  width: 100%;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: var(--arhix-space-block);
  color: var(--arhix-ink);
  box-sizing: border-box;
}

[data-ui-surface="navigator"] .agent-workspace__session,
[data-ui-surface="navigator"] .agent-workspace__project,
[data-ui-surface="navigator"] .agent-workspace__context {
  gap: var(--arhix-space-gap);
  padding-right: var(--arhix-space-inset);
}

[data-ui-surface="navigator"] .agent-workspace__field-text {
  min-width: 0;
  overflow: hidden;
  color: var(--arhix-ink);
  font: var(--arhix-font-weight-body) var(--arhix-font-size-body)/1 var(--arhix-font);
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-ui-surface="navigator"] .agent-workspace__session .agent-workspace__field-text,
[data-ui-surface="navigator"] .agent-workspace__project .agent-workspace__field-text {
  flex: 1 1 auto;
}

[data-ui-surface="navigator"] .agent-workspace__context .agent-workspace__field-text {
  color: var(--arhix-ink-muted);
}

[data-ui-surface="navigator"] .agent-workspace__status,
[data-ui-surface="navigator"] .agent-workspace__last-seen,
[data-ui-surface="navigator"] .agent-command-bar__status,
[data-ui-surface="navigator"] .agent-command-feed__meta {
  flex: none;
  color: var(--arhix-ink-muted);
  font: var(--arhix-font-weight-body) var(--arhix-font-size-small)/1 var(--arhix-font);
  white-space: nowrap;
}

[data-ui-surface="navigator"] .agent-workspace__status._active {
  color: var(--arhix-status-success);
}

[data-ui-surface="navigator"] .agent-workspace__status._paused {
  color: var(--arhix-status-warning);
}

[data-ui-surface="navigator"] .agent-workspace__counts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--arhix-space-micro);
  margin: var(--arhix-space-gap) var(--arhix-space-inset) 0;
}

[data-ui-surface="navigator"] .agent-workspace__counts .item__badge {
  margin-left: 0;
}

[data-ui-surface="navigator"] .agent-workspace__warnings,
[data-ui-surface="navigator"] .agent-workspace__next-step {
  margin: var(--arhix-space-gap) var(--arhix-space-inset) 0;
  color: var(--arhix-ink-muted);
  font: var(--arhix-font-weight-body) var(--arhix-font-size-small)/1.4 var(--arhix-font);
}

[data-ui-surface="navigator"] .agent-workspace__warnings {
  padding-left: var(--arhix-space-gap);
  border-left: 2px solid var(--arhix-status-warning);
}

[data-ui-surface="navigator"] .agent-workspace__warnings p,
[data-ui-surface="navigator"] .agent-command-feed__error,
[data-ui-surface="navigator"] .agent-command-feed__verification {
  margin: 0;
}

[data-ui-surface="navigator"] .agent-workspace__button-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--arhix-space-gap);
  margin: var(--arhix-space-block) var(--arhix-space-inset) 0;
}

[data-ui-surface="navigator"] .agent-workspace__button-grid .agent-workspace__action {
  width: 100%;
  min-width: 0;
  margin: 0;
  text-decoration: none;
}

[data-ui-surface="navigator"] .agent-workspace__action--wide {
  grid-column: 1 / -1;
}

[data-ui-surface="navigator"] .agent-workspace__action:disabled {
  opacity: 0.45;
  cursor: default;
}

[data-ui-surface="navigator"] .agent-workspace__section-line,
[data-ui-surface="navigator"] .agent-command-feed__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--arhix-space-gap);
}

[data-ui-surface="navigator"] .agent-workspace__section-line .agent-workspace__last-seen {
  margin: var(--arhix-space-block) var(--arhix-space-inset) 0 auto;
}

[data-ui-surface="navigator"] .agent-command-feed,
[data-ui-surface="navigator"] .agent-developer-log {
  display: flex;
  flex-direction: column;
  margin: var(--arhix-space-gap) var(--arhix-space-inset) 0;
}

[data-ui-surface="navigator"] .agent-command-feed__empty {
  margin: 0;
  color: var(--arhix-ink-muted);
  font: var(--arhix-font-weight-body) var(--arhix-font-size-small)/1.4 var(--arhix-font);
}

[data-ui-surface="navigator"] .agent-command-feed__item {
  display: flex;
  flex-direction: column;
  gap: var(--arhix-space-gap);
  padding: var(--arhix-space-gap) 0 var(--arhix-space-block);
  border-bottom: 1px solid var(--arhix-line);
}

[data-ui-surface="navigator"] .agent-command-feed__item._error {
  padding-left: var(--arhix-space-gap);
  border-left: 2px solid var(--arhix-status-error);
}

[data-ui-surface="navigator"] .agent-command-feed__title {
  min-width: 0;
  overflow: hidden;
  font: var(--arhix-font-weight-body) var(--arhix-font-size-body)/1 var(--arhix-font);
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-ui-surface="navigator"] .agent-command-feed__undo {
  flex: none;
  min-height: 24px;
  padding: 0 var(--arhix-space-gap);
  border: 0;
  border-radius: var(--arhix-radius-control);
  background: var(--arhix-surface);
  color: var(--arhix-ink);
  font: inherit;
  cursor: pointer;
}

[data-ui-surface="navigator"] .agent-command-feed__undo:disabled {
  opacity: 0.45;
  cursor: default;
}

[data-ui-surface="navigator"] .agent-command-feed__section {
  display: flex;
  flex-direction: column;
  gap: var(--arhix-space-micro);
}

[data-ui-surface="navigator"] .agent-command-feed__section-title {
  margin: 0;
  color: var(--arhix-ink-muted);
  font: var(--arhix-font-weight-body) var(--arhix-font-size-small)/1 var(--arhix-font);
}

[data-ui-surface="navigator"] .agent-command-feed__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--arhix-space-micro);
}

[data-ui-surface="navigator"] .agent-command-feed__chip {
  padding: 2px 6px;
  border-radius: var(--arhix-radius-chip);
  background: var(--arhix-surface);
  font-size: var(--arhix-font-size-small);
}

[data-ui-surface="navigator"] .agent-command-feed__messages {
  margin: 0;
  padding-left: 16px;
  font-size: var(--arhix-font-size-small);
}

[data-ui-surface="navigator"] .agent-command-feed__error,
[data-ui-surface="navigator"] .agent-command-feed__section._warning {
  color: var(--arhix-status-error);
}

[data-ui-surface="navigator"] .agent-command-feed__verification._ok {
  color: var(--arhix-status-success);
}

[data-ui-surface="navigator"] .agent-developer-console {
  margin: var(--arhix-space-block) var(--arhix-space-inset) 0;
  padding-top: var(--arhix-space-block);
  border-top: 1px solid var(--arhix-line);
  color: var(--arhix-ink);
}

[data-ui-surface="navigator"] .agent-developer-console summary {
  color: var(--arhix-ink-muted);
  font: var(--arhix-font-weight-body) var(--arhix-font-size-small)/1 var(--arhix-font);
  cursor: pointer;
}

[data-ui-surface="navigator"] .agent-command-bar__top {
  display: flex;
  flex-direction: column;
  gap: var(--arhix-space-gap);
  padding-top: var(--arhix-space-block);
}

[data-ui-surface="navigator"] .agent-command-bar textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 96px;
  max-height: 220px;
  resize: vertical;
  padding: var(--arhix-space-block);
  border: 0;
  border-radius: var(--arhix-radius-control);
  outline: 0;
  background: var(--arhix-surface);
  color: var(--arhix-ink);
  font: 11px/1.45 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

[data-ui-surface="navigator"] .agent-command-bar textarea:focus {
  box-shadow: inset 0 0 0 1px var(--arhix-accent);
}

[data-ui-surface="navigator"] .agent-developer-log {
  margin-inline: 0;
}

[data-ui-surface="navigator"] .agent-developer-log__entry {
  overflow: auto;
  max-height: 240px;
  margin: 0;
  padding: var(--arhix-space-gap);
  border-radius: var(--arhix-radius-control);
  background: var(--arhix-surface);
  font: 10px/1.4 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  white-space: pre-wrap;
}

.left-panel__invite-presence {
  align-self: center;
  color: var(--arhix-ink-muted);
  font-size: var(--arhix-font-size-small);
}