/* Import Cairo Font & Animate.css */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');

:root {
    --primary-color: #2c3e50;    /* لون احترافي غامق */
    --secondary-color: #34495e;
    --accent-color: #3498db;     /* لون التفاعل */
    --success-color: #27ae60;
    --danger-color: #e74c3c;
    --light-bg: #f8f9fa;
}
body {
    font-family: 'Cairo', sans-serif;
    background-color: var(--light-bg);
    direction: rtl; /* النظام يدعم العربية */
    text-align: right;
    overflow-x: hidden;
}

/* تصميم الكروت (الجداول والبيانات) بنظام الإكسل */
.excel-card {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
}

.excel-card:hover {
    transform: translateY(-5px);
}
/* تعديلات مخصصة للهواتف */
@media (max-width: 768px) {
    .excel-card {
        padding: 10px;
        margin-bottom: 10px;
    }
    
    .main-title {
        font-size: 1.5rem;
    }
}

/* أنيميشن دخول الصفحات */
.page-fade-in {
    animation: fadeInDown; 
    animation-duration: 0.8s;
}

/* Global Styles */
* {
    font-family: 'Cairo', sans-serif !important;
}

body {
    background-color: #f4f7f6;
    direction: rtl;
    text-align: right;
}

/* تحسين شكل حقول الإدخال لتناسب خط كايرو */
.form-control {
    font-size: 0.95rem;
    padding: 10px;
    border-radius: 8px;
}
/* 5 cards per row on md+ */
@media (min-width: 768px){
  .col-md-20{
    flex: 0 0 auto;
    width: 20%;
  }
}