/* Rahmah identity, Phase 3 (c): My Connections (the "past connections" list on the dashboard).
 * Presentation only. Source: docs/design/mockups/batch2/batch2.html (approved by the owner, 2026-10-10).
 *
 * SCOPE: one section, #dash-section-past (inside #screen-my-sessions). Every rule starts with #dash-section-past.
 * TO REVERT: delete the one <link href="rahmah-connections.css"> in index.html's <head>. No markup or JS was changed.
 * The rows are drawn by loadDashboardPastConnections() with inline styles, so a few rules use !important to override those.
 */
#dash-section-past #dashboard-past-list { gap: 12px !important; margin-bottom: 24px; }
#dash-section-past .dash-session-row { background: var(--bym-surface); border: 1px solid var(--bym-rule); border-radius: 0; padding: 16px; opacity: 1 !important; gap: 14px !important; align-items: flex-start !important; }
#dash-section-past .dash-session-row > div:first-child { flex: 1 1 280px; min-width: 0; align-items: flex-start !important; gap: 14px !important; }
/* avatar: a photo or an initial in a circle */
#dash-section-past .dash-session-row img { width: 44px !important; height: 44px !important; }
#dash-section-past .dash-session-row > div:first-child > div:first-child { width: 44px !important; height: 44px !important; background: var(--bym-surface-soft) !important; color: var(--bym-primary) !important; font-family: "BYM Afacad", "Afacad Flux", Arial, sans-serif !important; font-weight: 600; flex-shrink: 0; }
/* name, badge, date, note */
#dash-section-past .dash-session-row > div:first-child > div:last-child > div:first-child { font-family: "BYM Afacad", "Afacad Flux", Arial, sans-serif; font-size: var(--bym-text-lg) !important; font-weight: 600 !important; letter-spacing: -.02em; line-height: 1.2; color: var(--bym-primary) !important; }
#dash-section-past .conn-badge { display: inline-block; margin-left: 0; margin-top: 4px; padding: 2px 8px; border-radius: 4px; font-size: .8125rem; font-weight: 600; letter-spacing: 0; text-transform: none; background: var(--bym-surface-soft); color: var(--bym-primary); vertical-align: baseline; }
#dash-section-past .dash-session-row > div:first-child > div:last-child > div:nth-child(n+2) { font-size: 1rem !important; color: var(--bym-text-muted) !important; font-style: normal !important; margin-top: 4px !important; }
/* actions: View Analysis is the main one, the others are quieter */
#dash-section-past .dash-session-row > span { gap: 10px !important; flex-wrap: wrap; }
#dash-section-past .dash-session-row .btn { min-height: 44px; padding: 0 16px; border-radius: 4px; font-family: "BYM Afacad", "Afacad Flux", Arial, sans-serif; font-weight: 600; font-size: 1rem; background-image: none; transform: none; display: inline-flex; align-items: center; justify-content: center; background: transparent; color: var(--bym-primary); border: 1px solid var(--bym-primary); }
#dash-section-past .dash-session-row .btn:hover:not(:disabled) { background: var(--bym-surface-soft); }
#dash-section-past .dash-session-row button[onclick^="enterPairingResults"] { background: var(--bym-primary); color: var(--bym-on-primary); }
#dash-section-past .dash-session-row button[onclick^="enterPairingResults"]:hover:not(:disabled) { background: #30222e; }
@media (max-width: 760px) {
  #dash-section-past .dash-session-row > span { width: 100%; }
  #dash-section-past .dash-session-row > span .btn { flex: 1 1 auto; }
}