@import url('srlab-shared.css');

/* .tal-tabs/.tal-tab وشريط "شارك الدرس" (.share-bar/.share-icon-btn) و
   .tal-concept-intro/.tal-try-btn/.strat-* موحّدين الآن فى
   shared-components.css (محمّلة من header.php) — كانوا هنا مكررين. */
/* .srlab-chart-wrap موحّدة الآن فى shared-components.css (position:relative
   فقط) — .srlab-svg هنا override مقصود لارتفاع أطول (300px بدل 280px)
   خاص بدروس هذا القسم، فبتبقى محليًا. */
.srlab-svg { width: 100%; height: 300px; background: var(--dark-bg); border-radius: 12px; display: block; }

.news-overlay-layer { position: absolute; inset: 0; pointer-events: none; }
.news-box { position: absolute; display: flex; align-items: center; gap: 4px; background: rgba(10,11,20,0.95); border: 1.5px solid; border-radius: 999px; padding: 2px 8px; font-size: 9.5px; line-height: 1; direction: rtl; white-space: nowrap; transform: translateX(-50%); pointer-events: auto; cursor: default; }
.news-box-dot { width: 6px; height: 6px; border-radius: 999px; flex-shrink: 0; }
.news-box-cur { color: #93c5fd; font-weight: 600; }
.news-box-value { font-weight: 800; }
.news-overflow-badge { position: absolute; display: flex; align-items: center; justify-content: center; background: rgba(10,11,20,0.95); border: 1.5px solid var(--border-color); border-radius: 999px; padding: 2px 7px; font-size: 9px; font-weight: 700; color: var(--text-muted); transform: translateX(-50%); pointer-events: auto; cursor: default; }