.agent-role-settings-card{overflow:hidden}
.agent-role-legend{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.agent-role-legend span{padding:9px 12px;border:1px solid rgba(32,164,255,.24);background:rgba(32,164,255,.06);border-radius:11px;color:#c9ddf8}
.agent-role-control{display:flex;gap:8px;align-items:center}
.agent-role-control select{min-width:130px;background:#041633;border:1px solid rgba(32,164,255,.42);color:#fff;border-radius:10px;padding:10px;font:inherit}
.agent-role-control button{border:1px solid #20a4ff;background:#1678de;color:#fff;border-radius:10px;padding:10px 15px;font-weight:800;cursor:pointer}
#settingsAgentRolesTable .table-wrap{overflow:auto;border:1px solid rgba(32,164,255,.22);border-radius:15px}
#settingsAgentRolesTable table{width:100%;min-width:760px;border-collapse:collapse}
#settingsAgentRolesTable th,#settingsAgentRolesTable td{text-align:start;padding:13px;border-bottom:1px solid rgba(32,164,255,.16)}
#settingsAgentRolesTable th{color:#b8d2f5;background:rgba(4,22,51,.7)}
@media(max-width:700px){.agent-role-control{align-items:stretch;flex-direction:column}.agent-role-control select,.agent-role-control button{width:100%}}