/* تنظیمات کلی بخش پروژه‌ها */
.custom-projects-container {
    direction: rtl;
    margin: 20px 0;
    font-family: 'IRANSans', Tahoma, Arial, sans-serif; /* فونت دلخواه خود را جایگزین کنید */
}

.custom-form-label {
    display: block;
    font-size: 1.1rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
    border-right: 4px solid #007bff;
    padding-right: 10px;
}

/* ریسپانسیو کردن جدول برای موبایل */
.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
}

/* استایل دهی به جدول */
.custom-projects-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    min-width: 500px; /* جلوگیری از فشرده شدن بیش از حد در موبایل */
}

    .custom-projects-table thead {
        background-color: #007bff; /* رنگ هدر جدول */
        color: #ffffff;
    }

    .custom-projects-table th,
    .custom-projects-table td {
        padding: 12px 15px;
        text-align: right;
        border-bottom: 1px solid #e0e0e0;
    }

    .custom-projects-table th {
        font-weight: 600;
        letter-spacing: 0.5px;
    }

    .custom-projects-table tbody tr:hover {
        background-color: #f8f9fa; /* تغییر رنگ هنگام هاور */
        transition: background-color 0.3s ease;
    }

    .custom-projects-table tbody tr:last-child td {
        border-bottom: none;
    }

/* استایل برای نقش‌ها (بج) */
.role-badge {
    background-color: #e9ecef;
    color: #495057;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    display: inline-block;
}