/* Agent-filled forms. The attribute rule and the pseudo-class are separate:
   a browser that does not know :tool-form-active would drop a combined selector. */

form[data-agent-draft="true"] {
  outline: 3px solid var(--ink);
  outline-offset: 4px;
}

form:tool-form-active {
  outline: 3px solid var(--ink);
  outline-offset: 4px;
}

button:tool-submit-active,
input:tool-submit-active {
  outline: 3px solid var(--ink);
  outline-offset: 3px;
}

.tool-active-note {
  background: var(--paper);
  border: 2px solid var(--ink);
  color: var(--ink);
  font-weight: 700;
  margin: 0 0 1rem;
  padding: 0.65rem 0.8rem;
}