.agent-state { display:flex; align-items:center; gap:9px; color:var(--muted-strong); background:rgba(15,22,37,.76); border:1px solid var(--line); border-radius:99px; padding:10px 14px; }
.agent-state i { width:10px; height:10px; border-radius:50%; background:var(--red); }
.agent-state.online i { background:var(--green); }
.minimal-port-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.port-action-card { border-left:5px solid; }
.port-action-card.activate { border-left-color:var(--green); }
.port-action-card.close { border-left-color:var(--red); }
.port-action-card h2 { margin:0 0 10px; }
.port-action-card p { color:var(--muted); min-height:44px; }
.task-status { display:inline-block; padding:4px 9px; border-radius:14px; font-size:12px; }
.task-pending { background:rgba(246,170,60,.1); color:#ffc66d; }
.task-claimed { background:rgba(80,130,255,.1); color:#86a9ff; }
.task-succeeded { background:rgba(34,211,155,.1); color:#4de3b3; }
.task-failed,.task-cancelled { background:rgba(240,93,120,.1); color:#ff8fa4; }
@media (max-width:900px) { .minimal-port-grid { grid-template-columns:1fr; } }