.create-bar {
  grid-template-columns: 90px minmax(160px, 280px) auto 1fr;
}

dialog:not([open]) { display: none; }

#admin-password-dialog { width: min(420px, calc(100vw - 32px)); border: 1px solid var(--line); border-radius: 8px; padding: 24px; color: var(--ink); }
#admin-password-dialog::backdrop { background: rgba(10, 26, 20, .48); }
#admin-password-form { display: grid; gap: 12px; }
#admin-password-form h2 { margin: 0; font-size: 20px; }
#admin-password-form p { margin: 0; color: var(--muted); font-size: 13px; }
#admin-password-form label { display: grid; gap: 5px; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 8px; }
.dialog-actions button:not(.primary) { border: 1px solid var(--line); border-radius: 6px; background: white; padding: 0 18px; height: 42px; cursor: pointer; }

table {
  min-width: 1160px;
}

.password-edit {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) auto;
  gap: 6px;
}

.password-edit input {
  height: 36px;
  font-size: 12px;
}

.password-state {
  display: block;
  margin-top: 4px;
  color: var(--red);
  font-size: 10px;
}

.password-state.set {
  color: var(--green);
}

@media (max-width: 700px) {
  .create-bar {
    grid-template-columns: 1fr;
  }
}