.agent-create-disclosure { margin-bottom: 1.4rem; }
.agent-create-disclosure summary { cursor: pointer; font-weight: 700; padding: .55rem 0; }
.agent-create-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; padding: 1rem 0; }
.agent-create-form label { display: grid; gap: .35rem; min-width: 0; }
.agent-create-form input, .agent-create-form select { min-width: 0; width: 100%; }
.agent-create-form button { align-self: end; }
.agent-table { width: 100%; min-width: 1080px; border-collapse: collapse; }
.agent-table th, .agent-table td { padding: .7rem .6rem; border-bottom: 1px solid var(--line, #dbe4e9); text-align: left; vertical-align: top; }
.agent-table small { display: block; opacity: .7; overflow-wrap: anywhere; }
.agent-actions { display: flex; flex-wrap: wrap; gap: .3rem; min-width: 250px; }
.agent-badge { display: inline-block; border-radius: 999px; padding: .2rem .65rem; font-weight: 700; white-space: nowrap; }
.agent-active { background: #dcfce7; color: #166534; }
.agent-suspended, .agent-expired { background: #fef3c7; color: #92400e; }
.agent-deleted { background: #e5e7eb; color: #374151; }
.agent-detail-panel { margin-top: 1.25rem; }
.agent-detail-grid, .agent-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; margin: 1rem 0; }
.agent-detail-grid > div, .agent-stat-grid > div { display: grid; gap: .25rem; min-width: 0; padding: .8rem; border: 1px solid var(--line, #dbe4e9); border-radius: 12px; overflow-wrap: anywhere; }
.agent-detail-grid strong, .agent-stat-grid span { opacity: .7; font-size: .82rem; }
.agent-stat-grid strong { font-size: 1.4rem; }
.agent-dialog { width: min(760px, calc(100vw - 2rem)); max-height: 90vh; overflow: auto; }
.agent-dialog [hidden] { display: none !important; }
.agent-data-toolbar, .agent-data-pages { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; margin: .7rem 0; }
.agent-data-toolbar label { display: flex; align-items: center; gap: .5rem; }
.agent-data-result { overflow-x: auto; }
.agent-dialog form { display: grid; gap: 1rem; }
.agent-permissions-options { display: grid; gap: 1rem; }
.agent-permission-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; padding: .8rem; border: 1px solid var(--line, #dbe4e9); border-radius: 12px; }
.agent-permission-group legend { font-weight: 700; padding: 0 .35rem; }
.agent-permission-group label, .agent-delete-options label, #agent-purge-confirm-wrap { display: flex; align-items: center; gap: .55rem; }
.agent-permission-group input, .agent-delete-options input, #agent-purge-confirm-wrap input { width: auto; }
.agent-delete-options { display: grid; gap: .65rem; }
.agent-dialog-actions { display: flex; justify-content: flex-end; gap: .6rem; }
@media (max-width: 900px) {
  .agent-create-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-detail-grid, .agent-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .agent-create-form, .agent-detail-grid { grid-template-columns: 1fr; }
  .agent-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-actions { min-width: 170px; }
}