/* Profile page styles using brand_overrides.css variables */

/* Header */
.page-header { background: var(--bg-off-white); border-bottom: 1px solid var(--border-color); padding: 16px; text-align: center; }
.page-title { font-size: 24px; font-weight: 800; color: var(--primary); display: inline-flex; align-items: center; gap: 8px; margin: 0; }
.page-title i { width: 22px; height: 22px; }

/* Notes */
.tex-red, .text-red { color: #DC3545 !important; }

/* Cards */
.white_card { background: var(--bg-light); border: 1px solid var(--border-color); border-radius: 12px; padding: 16px; margin-bottom: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.white_card_header { padding-bottom: 10px; border-bottom: 1px solid var(--border-color); margin-bottom: 12px; }
.card-title { font-size: 18px; font-weight: 700; color: var(--text-primary); margin: 0; }

/* Form spacing */
.form-group { margin-bottom: 14px; }

/* Button full width alignment */
.btn_2.w-100 { border-radius: 10px; }

/* Responsive tweaks */
@media (max-width: 768px) {
  .page-title { font-size: 20px; }
  .white_card { padding: 14px; }
}