/* name modal */

/* chip edit button */
.chip-edit {
  margin-left: 6px;
  border: 0;
  padding: 0 6px;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

/* modal */
.modal[hidden] { display: none; }
.modal {
  position: fixed; inset: 0; z-index: 1031;
  display: grid; place-items: center;
  background: rgba(0,0,0,0.45);
  backdrop-filter: blur(2px);
}
.modal-card {
  width: min(92vw, 420px);
  background: #0b1220; color: #e5e7eb;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px; padding: 16px 16px 14px;
  box-shadow: 0 18px 50px rgba(0,0,0,0.5);
}
@media (prefers-color-scheme: light) {
  .modal-card { background: #fff; color: #0f172a; border-color: rgba(15,23,42,.08); }
}
/* Make the input and the note share the same left edge / width */
#name-modal label.stack,
#name-modal #last-used-name-note {
  display: block;
  width: 100%;
}

/* Style + alignment for the "Last used name" line */
#name-modal #last-used-name-note {
  margin-top: 4px;           /* little gap under the input */
  font-size: 0.85rem;        /* slightly smaller text */
  text-align: left;          /* in case modal-card uses text-align:center */
  padding-left: 0.4rem;      /* tiny indent to visually match input padding */
}