/* توثيق: أنماط موحّدة لصفحات لوحة تحكم المستخدم */
.profile-nav,
.profile-info { margin-top: 30px; }
.profile-nav { position: sticky; top: 20px; }
.profile-nav .user-heading { background: #0f4882; color: #fff; border-radius: 4px 4px 0 0; padding: 30px; text-align: center; }
.profile-nav .user-heading a img { width: 112px; height: 112px; border-radius: 50%; border: 5px solid rgba(255,255,255,0.3); }
.profile-nav .user-heading h1 { font-size: 22px; font-weight: 300; margin-bottom: 5px; color: #fff; }
.profile-nav .user-heading p { font-size: 12px; color: #fff; }
.profile-nav ul { margin-top: 1px; padding-left: 0; list-style: none; }
.profile-nav ul li { border-bottom: 1px solid #ebeae6; }
.profile-nav ul li a { display: block; padding: 10px 15px; color: #89817f; border-left: 5px solid #fff; text-decoration: none; }
.profile-nav ul li a:hover,
.profile-nav ul li.active a { background: #f8f7f5; border-left: 5px solid #0f4882; color: #333; }
.bio-graph-heading { background: #0f4882; color: #fff; text-align: center; font-style: italic; padding: 30px; border-radius: 4px 4px 0 0; font-size: 16px; font-weight: 300; }
.bio-graph-info { padding: 20px; }
.bio-graph-info h1 { font-size: 22px; font-weight: 300; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.bio-row { width: 50%; float: left; margin-bottom: 10px; }
.bio-row p span { width: 140px; display: inline-block; font-weight: 600; color: #0f4882; }
@media (max-width: 767px) {
  .bio-row { width: 100%; float: none; }
  .profile-nav .user-heading p { word-wrap: break-word; white-space: normal; }
  .bio-row p span { width: 120px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .profile-nav { margin-bottom: 20px; }
  .profile-info { flex: 0 0 100%; max-width: 100%; }
  .bio-graph-info { padding: 15px; }
  .bio-row p span { width: 150px; }
}

/* توثيق: عناصر صفحة اسألني */
.ask-templates-table { width: 100%; border-collapse: collapse; }
.ask-templates-table th, .ask-templates-table td { border: 1px solid #e2e8f0; padding: 8px; }
.ask-templates-table th { background: #f8fafc; color: #0f4882; }
.ask-actions-row { display: flex; gap: 10px; margin-top: 12px; }
.btn-primary-ask { background: #0f4882; color: #fff; border: none; padding: 8px 14px; border-radius: 6px; cursor: pointer; }
.btn-secondary-ask { background: #e2e8f0; color: #0f4882; border: none; padding: 8px 14px; border-radius: 6px; cursor: pointer; }

/* توثيق: عناصر صفحة تحليل الصور */
#previewWrap { width:240px; height:160px; border:1px dashed #cbd5e1; border-radius:10px; display:flex; align-items:center; justify-content:center; background:#fff; }
#blueArea { border:2px solid #14508f; border-radius:30px; padding:10px 14px; background:#eaf3ff; min-height:40px; display:flex; align-items:center; justify-content:center; }
#blueText { color:#0f4882; font-weight:700; text-align:center; }