/**
 * ========================================
 * Spacing Fix - حل قوي لإزالة جميع المسافات
 * ========================================
 * 
 * هذا الملف يضمن عدم وجود أي مسافات بين:
 * 1. الشريط الداكن (main-header-row)
 * 2. شريط الإحصائيات (dynamic-info-bar)
 * 3. شريط البطاقات (tab-selection-cards)
 * 
 * @version 1.0.0
 */

/* ========================================
   إزالة المسافات بقوة - لا يمكن تجاوزها
   ======================================== */

/* الشريط الداكن العلوي */
.main-header-row {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 0 12px !important;
    height: var(--header-height) !important;
    z-index: 10000 !important;
    border: none !important;
    background: #0a0a0a !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;
}

/* إزالة أي مسافة بعد الشريط الداكن */
.main-header-row::after,
.main-header-row + * {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* شريط الإحصائيات الديناميكي */
.dynamic-info-bar {
    position: fixed !important;
    top: var(--header-height) !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 15px 0 !important;
    z-index: 9998 !important; /* أسفل الشريط الداكن (10000) والإشعارات (100001) */
    background: #1e293b !important;
    border: none !important;
    min-height: 70px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
}

.dynamic-info-bar .container {
    margin: 0 auto !important;
    padding: 0 1rem !important;
}

.dynamic-info-bar .info-item {
    margin: 0 !important;
    padding: 0 !important;
}

/* إزالة أي مسافة بعد شريط الإحصائيات */
.dynamic-info-bar::after,
.dynamic-info-bar + * {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* الحاوية الرئيسية */
.team-portal-container {
    margin-top: calc(var(--header-height) + 10px) !important; /* height + info bar height */
    margin-bottom: 0 !important;
    padding-bottom: 0 !important; /* إزالة المسافة السفلية */
    padding-top: 20px !important;
    min-height: calc(100vh - var(--header-height) - 130px) !important;
    padding: 0 1rem !important;
    padding-top: 0 !important;
}

/* إزالة أي مسافة من العناصر الداخلية */
.team-portal-container > *,
.team-portal-container > * > * {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important; /* إزالة المسافة السفلية */
    padding-bottom: 0 !important;
}

/* إزالة كل المسافات بين الشريط الداكن والمحتوى */
.main-header-row + .portal-main-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
}

.portal-main-container {
    margin: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important; /* إزالة المسافة بين الشريط الداكن والتبويبات */
    margin-top: 0 !important;
    /* منع تجاوز حجم الشاشة */
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

.tabs-container {
    margin: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important; /* إزالة أي مسافة علوية */
    margin-top: 0 !important;
}

/* إزالة المسافة من محتوى التبويبات */
.tabcontent {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* إزالة المسافة من files-layout */
.files-layout {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* إزالة المسافة من البطاقة الكبيرة */
.large-stats-card-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.modern-tabs {
    margin: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important; /* إزالة أي مسافة علوية */
}

.tab-nav {
    margin: 0 !important;
    padding: 12px 16px !important;
    padding-top: 12px !important; /* الحفاظ على padding داخلي فقط */
}

/* شريط البطاقات الكبيرة */
.tab-selection-cards {
    margin: 0 !important;
    padding: 0 8px !important;
    gap: 12px !important;
}

.large-tab-card {
    margin: 0 !important;
    padding: 0 10px !important;
}

/* إزالة المسافات من body وhtml */
html,
body {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    /* منع التجاوز الأفقي وإلغاء المساحة السفلية */
    overflow-x: hidden !important;
    max-width: 100vw !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body > * {
    margin-top: 0 !important;
}

/* إزالة مسافة WordPress Admin Bar */
html.wp-toolbar {
    padding-top: 0 !important;
}

body.admin-bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.admin-bar .main-header-row {
    top: 0 !important;
}

/* إزالة أي مسافة من shortcode container */
.team-portal-shortcode {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.team-portal-shortcode > * {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* إصلاح أي مسافات محتملة من Elementor أو WordPress */
.elementor-widget-shortcode,
.elementor-element,
.wp-block {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* إزالة أي خلفية ملونة */
.team-portal-shortcode,
.team-portal-container,
.portal-main-container {
    background: transparent !important;
    /* إلغاء المساحة الفارغة أسفل البطاقات */
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* تأكيد عدم وجود مسافات سلبية */
* {
    margin-top: 0 !important;
}

*::before,
*::after {
    margin: 0 !important;
    padding: 0 !important;
}

/* ======================================== 
   شريط الإشعارات - أعلى كل شيء
   ======================================== */

.notifications-panel,
#notificationsPanel {
    z-index: 2147483647 !important;
    position: absolute !important;
}

.notifications-panel.active,
#notificationsPanel.active {
    z-index: 2147483647 !important;
    position: absolute !important;
}

/* ======================================== 
   الفلاتر والجدول - ترتيب الطبقات
   ======================================== */

/* حاوية الفلاتر والبحث المتقدم */
.filters-container,
.advanced-search-container,
.search-section,
.filter-row {
    position: relative !important;
    z-index: 50 !important;
}

/* جدول العملاء أسفل الفلاتر */
.dataTables_wrapper,
#posts-table_wrapper,
table.dataTable,
#posts-table {
    position: relative !important;
    z-index: 1 !important;
}

/* التأكد أن عناصر الجدول لا تتداخل مع الفلاتر */
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    position: relative !important;
    z-index: 1 !important;
}

/* Dark mode for header */
.dark-mode .main-header-row {
    background: #000000 !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* ======================================== 
   Responsive - Mobile
   ======================================== */

@media screen and (max-width: 768px) {
    .main-header-row {
        height: var(--header-height-mobile) !important;
    }
    
    .dynamic-info-bar {
        top: var(--header-height-mobile) !important;
    }
    
    .team-portal-container {
        margin-top: calc(var(--header-height-mobile) + 50px) !important;
    }
}

/* ======================================== 
   Dark Mode Support
   ======================================== */

.dark-mode .dynamic-info-bar {
    background: #0f172a !important;
}

/* ======================================== 
   منع تجاوز البطاقات وإلغاء شريط التمرير الأفقي
   ======================================== */

/* منع أي عنصر من تجاوز حجم الشاشة */
.portal-main-container,
.portal-main-container *,
.team-portal-container,
.team-portal-container *,
.tab-content-wrapper,
.tab-content-wrapper *,
.tabcontent,
.tabcontent * {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* إلغاء شريط التمرير الأفقي بشكل كامل */
body,
html,
.portal-main-container,
.team-portal-container,
.tab-content-wrapper,
.tabcontent {
    overflow-x: hidden !important;
}

/* إلغاء المساحة الفارغة أسفل البطاقات */
.portal-main-container,
.team-portal-container,
.grid-container,
.tab-content-wrapper,
.tabcontent,
.files-layout,
.large-stats-card-wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 1rem !important; /* مساحة صغيرة للتنفس فقط */
}

/* منع البطاقات من التمدد خارج الحاوية */
.card,
.stats-card,
.large-card,
.client-card,
.task-card,
.file-card {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ======================================== 
   إزالة المسافات بين البطاقات الكبيرة وحقول البحث
   ======================================== */

/* إزالة المسافة من البطاقات الكبيرة */
.main-header-row {
    margin-bottom: 0 !important;
}

/* إزالة المسافة من files-layout */
.files-layout {
    padding-top: 0.5rem !important; /* مسافة صغيرة للتنفس */
    margin-top: 0 !important;
}

/* إزالة المسافة من compact-filters-bar */
.compact-filters-bar {
    margin-top: 1rem !important; /* مسافة بسيطة بين البطاقات وحقول البحث */
}

/* إزالة المسافة من tabcontent */
.tabcontent {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* إزالة المسافة من stats-bar */
.stats-bar,
.stats-bar--modern {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ======================================== 
   إزالة المسافة السفلية من team-portal-container - مع السماح بمسافات بسيطة
   ======================================== */

/* السماح بمسافات بسيطة بين العناصر الرئيسية فقط */
.team-portal-container {
    min-height: auto !important;
    height: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 1rem !important; /* مسافة صغيرة للتنفس */
}

.portal-main-container,
.tabs-container {
    margin-bottom: 0 !important;
    padding-bottom: 0.5rem !important; /* مسافة صغيرة */
}

.tabcontent {
    margin-bottom: 0 !important;
    padding-bottom: 1rem !important; /* مسافة بسيطة */
}

/* السماح بمسافة بسيطة بين البطاقات */
.client-card,
.task-card,
.file-card,
.large-card {
    margin-bottom: 1rem !important; /* مسافة بين البطاقات */
}

/* إزالة المسافة من آخر عنصر فقط */
.team-portal-container > *:last-child,
.portal-main-container > *:last-child,
.tabs-container > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ======================================== 
   ?????? ????? ??? ????? ??????
   ======================================== */

/* ????? ????? ??? ??????? ??????? */
.dataTables_wrapper {
    margin-top: 1rem !important;
}

/* ????? ??? ???? ?????? */
table.dataTable tbody tr {
    margin-bottom: 0.25rem !important;
}

/* ????? ??? ????? ?????? */
.dataTables_info,
.dataTables_paginate {
    margin-top: 1rem !important;
}