.agent-backdrop { z-index: 3100; }
.agent-modal { width: min(780px, 100%); overflow-wrap: anywhere; }
.agent-modal h2 { font-size: 20px; }
.agent-modal h3 { font-size: 15px; margin: 22px 0 10px; }
.agent-modal p { font-size: 13px; line-height: 1.7; }
.agent-modal pre { white-space: pre-wrap; overflow-wrap: anywhere; background: #f1f5f6; border: 1px solid #d8e3e5; padding: 12px; font-size: 12px; line-height: 1.7; }
.agent-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.agent-actions a { color: #126c68; }
.agent-actions button { white-space: nowrap; min-height: 38px; }
.agent-actions button:disabled { opacity: .5; cursor: not-allowed; }
.agent-warning { color: #984129; }
@media(max-width: 1150px) {
  .topbar .top-actions { gap: 8px; }
  .topbar .connection { display: none; }
}
@media(max-width: 650px) {
  .topbar .top-actions .agent-entry { display: inline-flex; font-size: 12px; }
  .agent-modal { padding: 18px; max-height: 90dvh; }
  .agent-actions { align-items: stretch; }
}