/* ============================================
   app-profile.css
   ============================================
   Profile/Me page styles including PR Prediction
   cards and profile-related components.
   ============================================ */

/* ── Profile / Me page ───────────────────────────────────────── */
.me-page { max-width: 1200px; margin: 0 auto; padding: 1rem; }
.me-section { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: var(--border-default); }
.me-section:last-child { border-bottom: none; }
.me-completeness-banner ul { margin: 0.5rem 0 0 1.2rem; padding: 0; }
.me-field-group label { display: block; font-weight: var(--wp-weight-semibold); font-size: var(--wp-text-sm); margin-bottom: 0.25rem; color: var(--color-text-secondary); }
.me-field-group input, .me-field-group select { font-size: var(--wp-text-sm); padding: 0.4rem 0.5rem; border: var(--border-emphasis); border-radius: var(--radius-inset); width: 100%; max-width: 240px; }
.me-details { display: grid; grid-template-columns: auto 1fr; gap: 0.25rem 1rem; margin: 0; }
.me-details dt { font-weight: var(--wp-weight-semibold); font-size: var(--wp-text-sm); color: var(--color-text-secondary); }
.me-details dd { margin: 0; font-size: var(--wp-text-sm); }
.me-pr-table { width: 100%; border-collapse: collapse; font-size: var(--wp-text-base); }
.me-pr-table th, .me-pr-table td { padding: 0.4rem 0.5rem; text-align: left; border-bottom: var(--border-default); }
.me-pr-table th { font-weight: var(--wp-weight-semibold); color: var(--color-text-secondary); background: var(--color-surface-page); }

/* ── PR Prediction cards ─────────────────────────────────────── */
.prediction-card { background: var(--color-surface-card); border: var(--border-default); border-radius: var(--radius-element); padding: 1rem; margin-bottom: 1rem; }
.prediction-card h3 { margin: 0 0 0.75rem; font-size: var(--wp-text-base); font-weight: var(--wp-weight-semibold); }
.prediction-confidence { display: inline-block; font-size: var(--wp-text-sm); font-weight: var(--wp-weight-semibold); padding: 0.15rem 0.5rem; border-radius: var(--radius-inset); }
.prediction-caveat { font-size: var(--wp-text-sm); color: var(--color-text-tertiary); margin: 0.75rem 0 0; font-style: italic; }

/* Selected-date planning mode (Today) */