/* PM Settings — shared across Command Center / Regional / PM tools */

.pm-settings-page {
  max-width: 720px;
  margin: 0 auto;
  padding: 24px 20px 80px;
}

.pm-settings-page h1 {
  font-family: 'Bebas Neue', 'Inter', sans-serif;
  font-size: 32px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 6px;
  color: var(--ink, #202020);
}

.pm-settings-lead {
  font-size: 14px;
  color: var(--jr-darkgray, #404040);
  margin-bottom: 28px;
  line-height: 1.6;
}

.pm-settings-version {
  opacity: 0.55;
  font-size: 9px;
  letter-spacing: 1px;
}

.pm-settings-section {
  margin-bottom: 28px;
}

.pm-settings-section-title {
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--jr-darkgray, #404040);
  margin-bottom: 10px;
}

.pm-settings-card {
  background: var(--white, #fff);
  border: 1px solid var(--line, #ececec);
  border-radius: var(--radius, 6px);
  overflow: hidden;
}

.pm-settings-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--line, #ececec);
}

.pm-settings-row:last-child {
  border-bottom: none;
}

.pm-settings-row--stack {
  flex-direction: column;
  align-items: stretch;
}

.pm-settings-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--ink, #202020);
}

.pm-settings-hint {
  font-size: 12px;
  color: var(--jr-darkgray, #404040);
  margin-top: 4px;
  line-height: 1.45;
}

.pm-settings-value {
  font-family: var(--font, 'Inter', Arial, sans-serif);
  font-size: 13px;
  word-break: break-all;
  color: var(--ink, #202020);
}

.pm-settings-identity-name {
  font-family: var(--font, 'Inter', Arial, sans-serif);
  font-size: 18px;
  font-weight: 600;
  color: var(--ink, #202020);
  margin-top: 4px;
  line-height: 1.25;
}

.pm-settings-identity-email {
  font-family: var(--font, 'Inter', Arial, sans-serif);
  font-size: 13px;
  color: var(--jr-darkgray, #404040);
  margin-top: 4px;
  word-break: break-all;
}

.pm-settings-user-pill {
  cursor: default;
  max-width: 220px;
}

.pm-settings-user-pill #pm-settings-header-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pm-settings-user-pill--signed-in {
  border-color: var(--health-green, #1f4d0f);
  background: rgba(31, 77, 15, 0.06);
}

.pm-settings-btn--danger:disabled {
  opacity: 0.45;
  cursor: default;
}

.pm-settings-select,
.pm-settings-input {
  width: 100%;
  max-width: 280px;
  background: var(--tint, #fafaf9);
  border: 1px solid var(--line2, #dcdcdc);
  border-radius: var(--radius, 6px);
  padding: 8px 10px;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  color: var(--ink, #202020);
}

.pm-settings-row--stack .pm-settings-select {
  max-width: none;
}

.pm-settings-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}

.pm-settings-check input {
  margin-top: 3px;
  flex-shrink: 0;
}

.pm-theme-seg {
  display: inline-flex;
  border: 1px solid var(--line2, #dcdcdc);
  border-radius: var(--radius, 6px);
  overflow: hidden;
}

.pm-theme-seg-btn {
  border: none;
  background: var(--white, #fff);
  padding: 8px 16px;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  cursor: pointer;
  color: var(--ink, #202020);
}

.pm-theme-seg-btn + .pm-theme-seg-btn {
  border-left: 1px solid var(--line2, #dcdcdc);
}

.pm-theme-seg-btn.active {
  background: var(--jr-red-tint, #fcebeb);
  color: var(--jr-red, #e92a2c);
  font-weight: 600;
}

.pm-settings-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.pm-settings-btn {
  border: none;
  border-radius: var(--radius, 6px);
  padding: 10px 18px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.pm-settings-btn--primary {
  background: var(--jr-grad, linear-gradient(135deg, #e92a2c, #a71f23));
  color: #fff;
}

.pm-settings-btn--ghost {
  background: var(--white, #fff);
  border: 1px solid var(--line2, #dcdcdc);
  color: var(--ink, #202020);
}

.pm-settings-btn--danger {
  background: transparent;
  border: 1px solid var(--line2, #dcdcdc);
  color: var(--jr-darkgray, #404040);
}

.pm-settings-save-status {
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  color: var(--jr-darkgray, #404040);
  margin-top: 10px;
}

.pm-settings-save-status--ok {
  color: var(--health-green, #1f4d0f);
}

.pm-settings-links {
  display: flex;
  flex-direction: column;
}

.pm-settings-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  text-decoration: none;
  color: var(--ink, #202020);
  border-bottom: 1px solid var(--line, #ececec);
  font-size: 14px;
}

.pm-settings-link:last-child {
  border-bottom: none;
}

.pm-settings-link:hover {
  background: var(--tint, #fafaf9);
}

.pm-settings-link span {
  font-size: 12px;
  color: var(--jr-darkgray, #404040);
}

html[data-theme="dark"] body.pm-settings-body {
  background: #07111f;
  color: #e8eaf0;
}

html[data-theme="dark"] .pm-settings-card {
  background: #0c1826;
  border-color: #1a3050;
}

html[data-theme="dark"] .pm-settings-row {
  border-color: #1a3050;
}

html[data-theme="dark"] .pm-settings-label,
html[data-theme="dark"] .pm-settings-value,
html[data-theme="dark"] .pm-settings-identity-name,
html[data-theme="dark"] .pm-settings-identity-email,
html[data-theme="dark"] .pm-settings-link {
  color: #e8eaf0;
}

html[data-theme="dark"] .pm-settings-identity-email {
  color: #9aa8bc;
}

@media (max-width: 768px) {
  .pm-settings-page {
    padding: 16px 14px 72px;
  }

  .pm-settings-row {
    flex-direction: column;
    align-items: stretch;
  }

  .pm-settings-select {
    max-width: none;
  }
}