/* ======================================= */
/* 🎨 فایل استایل — dashboard-crud.css */
/* مخصوص تمام صفحات داشبورد (ادمین، مدیر، اعضا) */
/* طراحی تیره + رنگ برند نارنجی (#ffa500) */
/* فونت: Vazir | تمیز، واکنش‌گرا، کامنت‌گذاری‌شده */
/* ⚠️ تمامی کلاس‌ها با prefix .dashboard-page محدود شده‌اند */
/* ======================================= */

/* ------------------------------ */
/* 1️⃣ پایه‌ها و فونت‌ها */
/* ------------------------------ */
.dashboard-page body,
.dashboard-page html {
    font-family: 'Vazir', sans-serif;
    background-color: #121212;
    color: #f3f4f6;
    margin: 0;
    padding: 0;
}

.dashboard-page a { text-decoration: none; }
.dashboard-page h2, .dashboard-page h3,
.dashboard-page h4, .dashboard-page h5,
.dashboard-page h6 { margin: 0; }

/* ------------------------------ */
/* 2️⃣ گرید کلی کارت‌ها */
/* ------------------------------ */
.dashboard-page .dashboard-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* دسکتاپ 4 ستون */
    gap: 1rem; /* فاصله کم بین کارت‌ها */
    width: 100%;
}

@media (max-width: 1024px) {
    .dashboard-page .dashboard-grid {
        grid-template-columns: repeat(2, 1fr); /* تبلت 2 ستون */
    }
}

@media (max-width: 640px) {
    .dashboard-page .dashboard-grid {
        grid-template-columns: 1fr; /* موبایل 1 ستون */
    }
}

/* ------------------------------ */
/* 3️⃣ کارت‌ها */
/* ------------------------------ */
.dashboard-page .dashboard-card {
    width: 100%;             /* کارت کل فضای ستون را می‌گیرد */
    min-height: 200px;
    padding: 1.5rem;
    border-radius: 1rem;
    background-color: #1f2937;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(255,165,0,0.15);
}

.dashboard-page .dashboard-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 15px rgba(255,165,0,0.3);
}

.dashboard-page .dashboard-card h2,
.dashboard-page .dashboard-card h3 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #d1d5db;
}

.dashboard-page .dashboard-card p {
    font-size: 0.875rem;
    opacity: 0.9;
    margin-bottom: 0.5rem;
    margin-left: auto;
}

/* آیکن کارت‌ها */
.dashboard-page .dashboard-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    border-radius: 50%;
    color: #fff;
    font-size: 2rem;
    margin-top: 1rem;
}

.dashboard-page .dashboard-card-icon svg,
.dashboard-page .dashboard-card-icon i {
    width: 40px;
    height: 40px;
}

/* رنگ‌های آیکن */
.dashboard-page .bg-blue { background-color: #3b82f6; }
.dashboard-page .bg-green { background-color: #22c55e; }
.dashboard-page .bg-yellow { background-color: #facc15; }
.dashboard-page .bg-orange { background-color: #ffa500; }
.dashboard-page .bg-purple { background-color: #8b5cf6; }
.dashboard-page .bg-teal { background-color: #14b8a6; }

/* ------------------------------ */
/* 4️⃣ دکمه‌ها */
/* ------------------------------ */
.dashboard-page .dashboard-btn {
    display: inline-block;
    margin-top: 0.75rem;
    padding: 0.5rem 1.25rem;
    font-weight: 500;
    border-radius: 0.5rem;
    transition: all 0.25s ease;
    cursor: pointer;
    text-align: center;
}

.dashboard-page .dashboard-btn.green {
    background-color: #16a34a;
    color: #fff;
}

.dashboard-page .dashboard-btn.green:hover { background-color: #15803d; }

.dashboard-page .dashboard-btn.light-green {
    background-color: #fff;
    color: #16a34a;
}

.dashboard-page .dashboard-btn.light-green:hover { background-color: #f3f4f6; }

.dashboard-page .dashboard-btn.light-red {
    background-color: #fff;
    color: #dc2626;
}

.dashboard-page .dashboard-btn.light-red:hover { background-color: #f3f4f6; }

/* ------------------------------ */
/* 5️⃣ کلاس‌های کمکی */
/* ------------------------------ */
.dashboard-page .text-center { text-align: center; }
.dashboard-page .font-bold { font-weight: bold; }
.dashboard-page .rounded { border-radius: 0.5rem; }
.dashboard-page .shadow { box-shadow: 0 4px 10px rgba(0,0,0,0.3); }
.dashboard-page .flex { display: flex; }
.dashboard-page .items-center { align-items: center; }
.dashboard-page .justify-between { justify-content: space-between; }
.dashboard-page .justify-center { justify-content: center; }
.dashboard-page .gap-4 { gap: 1rem; }
.dashboard-page .mt-6 { margin-top: 1.5rem; }
.dashboard-page .mb-4 { margin-bottom: 1rem; }

/* داشبورد مربیان  */
.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
}

.dashboard-card {
    background: #1f1f1f;
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: transform 0.2s;
}

.dashboard-card:hover {
    transform: translateY(-4px);
}

.dashboard-card-icon {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.bg-blue { background-color: #3b82f6; }
.bg-green { background-color: #22c55e; }
.bg-yellow { background-color: #facc15; }
.icon { width: 30px; height: 30px; color: #fff; }