.agents-grid:has(.agent-directory-panel){grid-template-columns:1fr}.agent-directory-panel{grid-column:1/-1;min-height:460px}.agent-head-actions{display:flex;align-items:center;gap:9px}.count-pill{padding:6px 10px;border-radius:8px;background:#f2f3f7;color:#70798b;font-size:10px;font-weight:700}.agent-head-actions .primary{min-height:36px;padding:8px 12px}.agent-head-actions .primary svg{width:15px;height:15px}.agent-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 20px 22px}.agent-card{position:relative;border:1px solid #e9ebf0!important;border-radius:13px;padding:14px!important;min-width:0;background:#fff;transition:.2s}.agent-card:hover{border-color:#d8d6ff!important;box-shadow:0 8px 22px #1118270d;transform:translateY(-1px)}.agent-card .avatar{width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:linear-gradient(135deg,#736cff,#5853dc)}.agent-main{min-width:0;flex:1}.agent-main b,.agent-main small,.agent-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-main b{font-size:13px}.agent-main small{font-size:10px;color:#635bff;margin-top:3px;font-weight:700}.agent-main span{font-size:10px;color:var(--muted);margin-top:5px}.active-badge{background:#eaf9f3;border-color:#c9efdf;color:#087b59}.inactive-badge{background:#f2f3f5;border-color:#e2e4e8;color:#89909d}.agent-modal{width:min(620px,calc(100vw - 28px))}.agent-modal .panel{max-height:calc(100vh - 32px);overflow:auto}.agent-modal .form-grid.one{grid-template-columns:1fr 1fr;padding:19px 22px 22px}.agent-modal .form-grid label:last-of-type{grid-column:1/-1}.agent-modal .agent-cancel{grid-column:1;grid-row:auto}.agent-modal .form-grid>.primary{grid-column:2;grid-row:auto}.agent-modal .modal-head{justify-content:flex-start;gap:13px;border-bottom:1px solid var(--line)}.agent-modal .modal-head>div:nth-child(2){flex:1}.agent-modal .modal-close{margin-left:auto}@media(max-width:720px){.agent-card-grid{grid-template-columns:1fr}}@media(max-width:560px){.agent-head-actions .count-pill{display:none}.agent-card-grid{padding:0 13px 16px}.agent-modal{width:100%;margin:auto 0 0}.agent-modal .form-grid.one{grid-template-columns:1fr;padding:16px}.agent-modal .form-grid label:last-of-type,.agent-modal .agent-cancel,.agent-modal .form-grid>.primary{grid-column:1}.agent-modal .form-grid>.primary{grid-row:auto}}
