.nac {
  margin-top: 0.5rem;
  padding: 0.6rem 0.75rem;
  border-radius: 9px;
  border: 1px solid rgba(168, 130, 255, 0.3);
  background: rgba(168, 130, 255, 0.08);

  &.created { border-color: rgba(107, 208, 138, 0.4); background: rgba(107, 208, 138, 0.08); }
}

.nac-head {
  display: flex; align-items: center; gap: 0.4rem;
  color: #c4a8ff;
  .nac-type {
    font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.05em;
    padding: 0.05rem 0.4rem; border-radius: 4px; background: rgba(168,130,255,0.18);
  }
  .nac-name { font-weight: 600; color: inherit; }
}

.nac-desc {
  margin: 0.4rem 0 0; font-size: 0.85rem; color: var(--color-text-muted, #cfd3da);
  white-space: pre-wrap;
}

.nac-targets {
  display: flex; gap: 0.6rem; flex-wrap: wrap; margin-top: 0.5rem;
  label { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.72rem; color: var(--color-text-muted, #9aa0aa); }
  select {
    padding: 0.3rem 0.45rem; border-radius: 6px; font: inherit;
    border: 1px solid rgba(255,255,255,0.14); background: rgba(255,255,255,0.04); color: inherit;
  }
}

.nac-warn { margin: 0.4rem 0 0; font-size: 0.78rem; color: #e0a458; }

.nac-foot { display: flex; align-items: center; gap: 0.6rem; margin-top: 0.55rem; }

.nac-create, .nac-open {
  display: inline-flex; align-items: center; gap: 0.35rem;
  padding: 0.35rem 0.7rem; border-radius: 7px; cursor: pointer; font-size: 0.82rem; font-weight: 600;
  border: none;
}
.nac-create {
  background: #8a6dff; color: #fff;
  &:hover:not(:disabled) { background: #7a5cf0; }
  &:disabled { opacity: 0.5; cursor: default; }
}
.nac-open { background: rgba(107,208,138,0.2); color: #6bd08a; }
.nac-open:hover { background: rgba(107,208,138,0.3); }

.nac-error { color: #e88; font-size: 0.8rem; }
