/* Plans (owner only): reuses the Accounts list look from accounts.css. */
.pl-avatar { width: 42px; height: 42px; border-radius: 12px; display: inline-grid; place-items: center; flex: none;
  background: var(--fill-soft); color: var(--muted); font-weight: 600; font-size: 16px; }
.pl-actions { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.ac-status.bad i { background: var(--danger); }
.ac-status.bad { color: var(--danger); }
.pl-form { display: grid; gap: 14px; margin-top: 16px; }
.pl-field { display: grid; gap: 6px; font-size: 12px; font-weight: 600; color: var(--muted); }
.pl-field[hidden] { display: none; }
.pl-field select, .pl-field input { width: 100%; border: 1px solid var(--line); border-radius: 10px; background: var(--fill-soft);
  color: var(--text); padding: 10px 12px; font-size: 14px; font-weight: 400; }
.pl-form .ac-dialog-actions { margin-top: 6px; }
@media (max-width: 650px) { .pl-actions { flex: 1 1 100%; } }
.pl-list { list-style: none; margin: 0; padding: 0; }
.ac-status.none i { background: var(--faint, var(--muted)); }