/* Account dialogs (password change, my profile), shared by every page's
   menu. Variables fall back to the base palette for pages without base.css. */
.pw-overlay {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(5, 8, 14, 0.7);
}
.pw-overlay[hidden] { display: none; }
.pw-card {
  width: 300px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px;
  border-radius: 10px;
  border: 1px solid var(--line, #2c3850);
  background: var(--bg-1, #121826);
}
.pw-card h2 { margin: 0 0 4px; font-size: 15px; }
.pw-card input {
  padding: 9px 10px;
  border-radius: 6px;
  border: 1px solid var(--line, #2c3850);
  background: var(--bg-0, #0b0f17);
  color: var(--text, #e6edf7);
  font-size: 13px;
}
.pw-card input:focus { outline: none; border-color: var(--robot-a, #4ea3ff); }
.pw-actions { display: flex; gap: 8px; }
.pw-actions button {
  flex: 1;
  padding: 9px;
  border-radius: 6px;
  border: 1px solid var(--line, #2c3850);
  background: var(--bg-2, #1a2233);
  color: var(--text, #e6edf7);
  cursor: pointer;
  font-size: 13px;
}
.pw-actions .btn-primary {
  background: var(--accent, #ffb020);
  border-color: var(--accent, #ffb020);
  color: #1a1206;
  font-weight: 600;
}
.pw-msg { font-size: 12px; color: var(--ok, #4ade80); min-height: 16px; text-align: center; }
.pw-msg.err { color: var(--bad, #ef4444); }

.pf-label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--muted, #7d8aa3); }
.pf-label input[readonly] { opacity: 0.7; }
.pf-hint { margin: 0; font-size: 11px; color: var(--muted, #7d8aa3); }
.pf-orgs { margin: 2px 0 0; padding-left: 16px; color: var(--text, #e6edf7); font-size: 12px; }
.pf-join { display: flex; gap: 6px; }
.pf-join input { flex: 1; }
.pf-join button { padding: 6px 12px; border-radius: 6px; border: 1px solid var(--line, #2c3850); background: var(--bg-0, #0b0f17); color: var(--text, #e6edf7); cursor: pointer; }