.de-metrics{margin-bottom:12px}
.de-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;align-items:start}
.de-agent-list{position:static;width:auto;height:auto;padding:0;background:transparent;border:0;display:grid;gap:6px}
.de-agent{min-height:64px;padding:12px;border:1px solid var(--line);border-radius:4px;background:#fff;text-align:left}
.de-agent strong,.de-agent span{display:block}
.de-agent span{margin-top:6px;color:var(--muted);font-size:11px}
.de-agent.active{border-color:#002fa7;background:#eef2fb;color:#002fa7}
.de-agent-create{border-style:dashed}
.de-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.de-config .de-basic,.de-config .de-skill-grid{grid-column:1/-1}
.de-config>.panel{margin:0}
.de-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.de-section-head h2{margin:0}
.de-basic-fields{grid-template-columns:minmax(160px,1fr) minmax(180px,2fr) minmax(140px,1fr);margin-top:12px}
.de-basic-fields input[readonly]{background:#f7f9fc;color:var(--muted)}
.de-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.de-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.de-check{min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:4px;display:flex;align-items:center;gap:8px;font-size:12px}
.de-check:has(input:checked){border-color:#002fa7;background:#eef2fb;color:#002fa7}
.de-check input,.de-assignment input[type="checkbox"]{width:auto;margin:0;accent-color:#002fa7}
.de-assignment{margin-top:12px}
.de-assignment-actions{display:flex;align-items:end;gap:8px}
.de-assignment-actions label{min-width:180px;color:var(--muted);font-size:12px}
.de-assignment-actions select{margin-top:5px;padding:7px 10px}
.de-empty{color:var(--muted);font-size:12px}
@media(max-width:1000px){
  .de-layout{grid-template-columns:1fr}
  .de-agent-list{display:flex;overflow-x:auto}
  .de-agent{min-width:180px}
  .de-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .de-config{grid-template-columns:1fr}
  .de-check-grid,.de-skill-grid{grid-template-columns:1fr}
  .de-basic-fields{grid-template-columns:1fr}
  .de-section-head{align-items:flex-start;flex-direction:column}
  .de-assignment-actions{width:100%;flex-wrap:wrap}
  .de-assignment-actions label{flex:1}
}