/* Agent automation: recurring runs and verification proof.
   Both backends already existed; this is the surface that reaches them. */

.aa {
  border: 1px solid var(--border);
  border-radius:8px;
  background: var(--bg-card);
  padding: 13px 15px 14px;
  margin: 14px 0;
}
.aa-head { display: flex; align-items: center; gap: 9px; margin-bottom: 9px; }
.aa-title { font-size:13px; font-weight: 750; color: var(--text); letter-spacing: -0.01em; }
.aa-count {
  font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  color: var(--green); border: 1px solid var(--green-border);
  background: var(--green-bg); border-radius: 999px; padding: 2px 8px;
}
.aa-note { font-size:12px; color: var(--text-3); line-height: 1.5; margin-bottom: 10px; }
.aa-loading { font-size: 12px; color: var(--text-3); padding: 10px 0; }

.aa-list { display: flex; flex-direction: column; gap: 6px; margin-bottom: 11px; }
.aa-row {
  display: flex; align-items: center; gap: 9px;
  padding: 9px 11px;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  background: var(--bg-hover);
}
.aa-row.off { opacity: .55; }
.aa-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--text-3); }
.aa-dot.on   { background: var(--green); }
.aa-dot.off  { background: var(--text-3); }
.aa-dot.wait { background: var(--yellow); }

.aa-row-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.aa-row-main strong {
  font-size:13px; color: var(--text); font-weight: 650;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.aa-row-when { font-size: 11px; color: var(--text-2); }
.aa-row-last { font-size:11px; color: var(--text-3); }

/* The number people are actually here for. */
.aa-delta {
  flex: none; font-size: 13px; font-weight: 800;
  font-variant-numeric: tabular-nums;
  padding: 3px 9px; border-radius: 6px;
}
.aa-delta.up   { color: var(--green);  background: var(--green-bg);  border: 1px solid var(--green-border); }
.aa-delta.down { color: var(--red);    background: var(--red-bg);    border: 1px solid var(--red-border); }
.aa-delta.flat { color: var(--text-3); background: var(--bg-active); border: 1px solid var(--border); }

.aa-form { border-top: 1px solid var(--border-light); padding-top: 11px; }
.aa-fields { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.aa-f { display: flex; flex-direction: column; gap: 4px; flex: 1 1 120px; min-width: 0; }
.aa-f.wide { flex: 2 1 200px; }
.aa-f > span {
  font-size:10px; font-weight: 800; text-transform: uppercase;
  letter-spacing: .05em; color: var(--text-3);
}
.aa-input {
  font: inherit; font-size:13px;
  padding: 7px 9px; border-radius:6px;
  border: 1px solid var(--border);
  background: var(--bg); color: var(--text);
  width: 100%; box-sizing: border-box;
}
.aa-input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-glow); }

.aa-actions { display: flex; align-items: center; gap: 9px; }
.aa-msg { flex: 1; font-size: 11px; color: var(--text-3); }
.aa-msg.err { color: var(--red); }

.aa-btn {
  font: inherit; font-size:12px; font-weight: 650;
  padding: 6px 13px; border-radius:6px; cursor: pointer;
  border: 1px solid var(--border);
  background: var(--bg-hover); color: var(--text);
  flex: none;
}
.aa-btn.on { background: var(--accent); border-color: var(--accent); color: #fff; }
.aa-btn.on:hover { filter: brightness(1.08); }
.aa-btn.ghost { background: none; color: var(--text-3); }
.aa-btn.ghost:hover { color: var(--text); }
.aa-btn.ghost.danger:hover { color: var(--red); border-color: var(--red-border); }
.aa-btn:disabled { opacity: .55; cursor: not-allowed; }

@media (max-width: 560px) {
  .aa-fields { flex-direction: column; }
  .aa-row { flex-wrap: wrap; }
  .aa-row-main { flex-basis: 100%; }
}