.agent-assign-shell {
  width: min(920px, 100%);
  margin: 0 auto;
}

.agent-assign-card {
  overflow: hidden;
  border: 1px solid rgba(72, 173, 255, .3);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(14, 33, 48, .98), rgba(12, 24, 36, .98));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}

.agent-assign-card > header {
  padding: 1.1rem 1.2rem;
  border-bottom: 1px solid rgba(84, 165, 224, .2);
  background: radial-gradient(circle at 100% 0, rgba(32, 158, 218, .18), transparent 48%);
}

.agent-assign-card h3,
.agent-assign-card p { margin: 0; }
.agent-assign-card header p { margin-top: .35rem; color: #9eb1c5; }

.agent-assign-form {
  display: grid;
  grid-template-columns: minmax(180px, .8fr) minmax(260px, 1.4fr) auto;
  align-items: end;
  gap: .75rem;
  padding: 1rem 1.2rem;
}

.agent-assign-form label { margin: 0; }
.agent-assign-form input,
.agent-assign-form select,
.agent-assign-form button { min-height: 44px; margin: 0; }

.agent-target-chip {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: .65rem .8rem;
  border: 1px solid rgba(53, 211, 154, .32);
  border-radius: 10px;
  color: #63e6b4;
  background: rgba(13, 96, 72, .2);
  font-weight: 700;
}

.agent-search-feedback { padding: 0 1.2rem 1rem; }
.agent-search-feedback.error { color: #ff8b96; }

.agent-result-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: .75rem;
  padding: 0 1.2rem 1.2rem;
}

.agent-result-card {
  margin: 0;
  padding: .9rem;
  border: 1px solid rgba(113, 155, 192, .22);
  border-radius: 14px;
  background: rgba(7, 20, 31, .74);
}

.agent-result-card > header,
.agent-result-meta,
.agent-result-card > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
}

.agent-result-card > header { margin-bottom: .7rem; }
.agent-result-card strong { overflow-wrap: anywhere; }
.agent-result-meta { justify-content: flex-start; flex-wrap: wrap; color: #9fb1c4; font-size: .86rem; }
.agent-result-card > footer { margin-top: .85rem; }
.agent-result-card button { min-height: 44px; margin: 0; width: auto; }

.agent-provider-badge,
.agent-wallet-badge,
.agent-assignment-state {
  display: inline-flex;
  align-items: center;
  padding: .24rem .55rem;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 750;
}
.agent-provider-badge { color: #8fd5ff; background: rgba(28, 116, 170, .25); }
.agent-wallet-badge { color: #d4e5f5; background: rgba(87, 110, 131, .25); }
.agent-assignment-state.available { color: #5ce6af; background: rgba(17, 119, 82, .24); }
.agent-assignment-state.already-assigned { color: #8fd5ff; background: rgba(28, 116, 170, .25); }
.agent-assignment-state.assigned-elsewhere { color: #ff8b96; background: rgba(149, 39, 55, .25); }

.agent-empty-state {
  margin: 0 1.2rem 1.2rem;
  padding: 1rem;
  border: 1px dashed rgba(145, 168, 190, .28);
  border-radius: 14px;
  color: #9fb1c4;
  text-align: center;
}

@media (max-width: 640px) {
  .agent-assign-shell { width: 100%; }
  .agent-assign-card { border-radius: 14px; }
  .agent-assign-form,
  .agent-result-grid { grid-template-columns: 1fr; padding-inline: .8rem; }
  .agent-assign-card > header { padding-inline: .85rem; }
  .agent-search-feedback { padding-inline: .8rem; }
  .agent-empty-state { margin-inline: .8rem; }
  .agent-result-card > footer { align-items: stretch; flex-direction: column; }
  .agent-result-card button { width: 100%; }
}