#refList li { padding:0.5rem 0; border-bottom:1px solid rgba(79,172,254,0.12); font-size:0.9rem; color:rgba(248,250,252,0.82); }
      #refList li .status-pending  { color:#fbbf24; font-weight:600; }
      #refList li .status-credited { color:#34d399; font-weight:600; }
      #refList li .status-revoked  { color:rgba(248,250,252,0.45); font-weight:600; }
      .guide-prefs-card {
        background: color-mix(in srgb, var(--accent-purple, #6366f1) 6%, transparent);
        border: 1px solid color-mix(in srgb, var(--accent-purple, #6366f1) 25%, transparent);
        border-radius: 12px;
        padding: 1.25rem 1.5rem;
        margin-bottom: 1.5rem;
      }
      .guide-prefs-card h3 { margin: 0 0 0.5rem; display: flex; align-items: center; gap: 6px; }
      .guide-prefs-desc { color: var(--muted, #999); font-size: 0.9rem; margin: 0 0 0.75rem; }
      .guide-prefs-toggle { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-weight: 600; }
      .guide-prefs-toggle input { width: 18px; height: 18px; accent-color: var(--accent-purple, #6366f1); }
    
      /* Honest-delivery note under the CEC-email toggle (2026-07-18):
         shown when the opt-in can't actually deliver (unverified / missing
         address). [hidden] force-hide guards against author display rules. */
      .email-prefs-note { display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
        margin-top: 0.75rem; padding: 8px 12px; border-radius: 8px;
        font-size: 0.85rem; line-height: 1.45;
        background: color-mix(in srgb, #d69a22 12%, transparent);
        border: 1px solid color-mix(in srgb, #d69a22 35%, transparent);
        color: var(--fg, #e6edf3); }
      .email-prefs-note[hidden] { display: none !important; }
      .email-prefs-note-btn { min-height: 30px; padding: 4px 12px; border-radius: 8px;
        border: none; font-size: 12px; font-weight: 600; cursor: pointer; color: #fff;
        background: linear-gradient(135deg, #2273d6, #7355e2); }
      .email-prefs-note-btn:disabled { opacity: .6; cursor: default; }
      .email-prefs-note-btn[hidden] { display: none !important; }

      /* Page-head utility buttons quiet vs the primary "Edit profile" (QA R4):
         the blanket styles.css .btn rule paints all .btn as a gradient; these
         two are secondary actions, so id-scope them back to a quiet surface. */
      .profile-page-head-actions #profileFeedbackBtn,
      .profile-page-head-actions #profileLogoutBtn {
        background: var(--surface-flat, rgba(148,163,184,0.08)) !important;
        background-image: none !important;
        color: var(--fg-muted, #94a3b8) !important;
        border: 1px solid var(--border, rgba(148,163,184,0.22)) !important;
        box-shadow: none !important;
      }
      .profile-page-head-actions #profileFeedbackBtn:hover,
      .profile-page-head-actions #profileLogoutBtn:hover {
        color: var(--fg-strong, #e6edf3) !important;
        filter: none !important;
      }