.at-professional-server {
  padding: 18px 22px;
  border-block: 1px solid #dbe7f7;
  color: #334155;
  background: #f8fafc;
  font-size: 14px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.at-professional-server h4 { margin: 0 0 8px; color: #172033; font-size: 16px; }
.at-professional-server h5 { margin: 16px 0 4px; font-size: 14px; }
.at-professional-server p { margin: 8px 0; max-width: 72ch; }
.at-professional-server label { display: block; margin-block: 12px 4px; font-weight: 600; }
.at-professional-server textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 64px;
  padding: 8px 10px;
  border: 1px solid #94a3b8;
  border-radius: 8px;
  color: inherit;
  background: #fff;
  font: inherit;
  resize: vertical;
}
.at-professional-server details { margin-block: 10px; }
.at-professional-server summary { cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.at-professional-server pre { max-height: 320px; overflow: auto; white-space: pre-wrap; font-size: 13px; }
.at-professional-server-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.at-professional-server .btn { min-height: 40px; white-space: normal; }
.at-professional-server :focus-visible { outline: 2px solid #245ebf; outline-offset: 3px; }
.at-professional-server :disabled { cursor: wait; opacity: .6; }
html[data-theme="dark"] .at-professional-server { color: #d8e1ee; background: #172235; border-color: #314158; }
html[data-theme="dark"] .at-professional-server h4 { color: #f1f5f9; }
html[data-theme="dark"] .at-professional-server textarea { background: #111c2c; border-color: #64748b; }
@media (max-width: 720px) {
  .at-professional-server { padding: 16px; }
  .at-professional-server textarea { font-size: 16px; }
  .at-professional-server-actions { flex-direction: column; }
}