/**
 * رنگ‌های اصلی پروژه TestMaker
 * این فایل رنگ‌های یکپارچه برای کل پروژه را تعریف می‌کند
 * 
 * رنگ‌های اصلی:
 * - Student (دانش‌آموز): #3b82f6 (آبی)
 * - Father (پدر): #10b981 (سبز)
 * - Mother (مادر): #a855f7 (بنفش)
 * - Family Details (جزئیات خانواده): #f59e0b (نارنجی)
 * - Attach (پیوست‌ها): #ef4444 (قرمز)
 */

:root {
    /* رنگ‌های اصلی بر اساس بخش‌ها */
    --color-student: #3b82f6;
    --color-father: #10b981;
    --color-mother: #a855f7;
    --color-family-details: #f59e0b;
    --color-attach: #ef4444;
    
    /* RGB values برای استفاده در rgba */
    --color-student-rgb: 59, 130, 246;
    --color-father-rgb: 16, 185, 129;
    --color-mother-rgb: 168, 85, 247;
    --color-family-details-rgb: 245, 158, 11;
    --color-attach-rgb: 239, 68, 68;
    
    /* رنگ‌های اصلی برای Bootstrap و المان‌های عمومی - استفاده از رنگ student به عنوان primary */
    --bs-primary: var(--color-student);
    --bs-primary-rgb: var(--color-student-rgb);
    --bs-secondary: var(--color-father);
    --bs-secondary-rgb: var(--color-father-rgb);
    --bs-success: var(--color-father);
    --bs-success-rgb: var(--color-father-rgb);
    --bs-info: var(--color-student);
    --bs-info-rgb: var(--color-student-rgb);
    --bs-warning: var(--color-family-details);
    --bs-warning-rgb: var(--color-family-details-rgb);
    --bs-danger: var(--color-attach);
    --bs-danger-rgb: var(--color-attach-rgb);
    
    /* Light variants */
    --bs-light-primary: rgba(var(--color-student-rgb), 0.1);
    --bs-primary-bg-subtle: rgba(var(--color-student-rgb), 0.1);
    --bs-light-secondary: rgba(var(--color-father-rgb), 0.1);
    --bs-secondary-bg-subtle: rgba(var(--color-father-rgb), 0.1);
    
    /* رنگ‌های gradient background */
    --bg-student: linear-gradient(to right, rgba(59, 130, 246, 0.15), rgba(59, 130, 246, 0.25));
    --bg-father: linear-gradient(to right, rgba(16, 185, 129, 0.15), rgba(16, 185, 129, 0.25));
    --bg-mother: linear-gradient(to right, rgba(168, 85, 247, 0.15), rgba(168, 85, 247, 0.25));
    --bg-family-details: linear-gradient(to right, rgba(245, 158, 11, 0.15), rgba(245, 158, 11, 0.25));
    --bg-attach: linear-gradient(to right, rgba(239, 68, 68, 0.15), rgba(239, 68, 68, 0.25));
    
    /* رنگ‌های border */
    --border-student: rgba(59, 130, 246, 0.5);
    --border-father: rgba(16, 185, 129, 0.5);
    --border-mother: rgba(168, 85, 247, 0.5);
    --border-family-details: rgba(245, 158, 11, 0.5);
    --border-attach: rgba(239, 68, 68, 0.5);
}

/* Override رنگ‌های Bootstrap با رنگ‌های پروژه */
.btn-primary,
.bg-primary,
.border-primary,
.alert-primary,
.badge-primary {
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
    color: #fff !important;
}

/* ============================================
   استایل یکپارچه برای text-primary (رنگ آبی نه سفید!)
   ============================================ */

/* text-primary باید رنگ آبی داشته باشد نه سفید */
.text-primary {
    color: var(--color-student) !important;
}

/* استایل یکپارچه برای لینک‌های text-primary */
a.text-primary {
    color: var(--color-student) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #2563eb !important;
    text-decoration: underline !important;
}

a.text-primary:active {
    color: #1d4ed8 !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
}

/* کلاس‌های مخصوص برای هر بخش */
.section-student {
    background: var(--bg-student);
    border-color: var(--border-student);
}

.section-student .btn,
.section-student .badge,
.section-student .alert {
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
    color: #fff !important;
}

.section-father {
    background: var(--bg-father);
    border-color: var(--border-father);
}

.section-father .btn,
.section-father .badge,
.section-father .alert {
    background-color: var(--color-father) !important;
    border-color: var(--color-father) !important;
    color: #fff !important;
}

.section-mother {
    background: var(--bg-mother);
    border-color: var(--border-mother);
}

.section-mother .btn,
.section-mother .badge,
.section-mother .alert {
    background-color: var(--color-mother) !important;
    border-color: var(--color-mother) !important;
    color: #fff !important;
}

.section-family-details {
    background: var(--bg-family-details);
    border-color: var(--border-family-details);
}

.section-family-details .btn,
.section-family-details .badge,
.section-family-details .alert {
    background-color: var(--color-family-details) !important;
    border-color: var(--color-family-details) !important;
    color: #fff !important;
}

.section-attach {
    background: var(--bg-attach);
    border-color: var(--border-attach);
}

.section-attach .btn,
.section-attach .badge,
.section-attach .alert {
    background-color: var(--color-attach) !important;
    border-color: var(--color-attach) !important;
    color: #fff !important;
}

/* Override رنگ‌های success, warning, danger, info با رنگ‌های پروژه */
.btn-success,
.bg-success {
    background-color: var(--color-father) !important;
    border-color: var(--color-father) !important;
}

.btn-info,
.bg-info {
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
}

.btn-warning,
.bg-warning {
    background-color: var(--color-family-details) !important;
    border-color: var(--color-family-details) !important;
}

.btn-danger,
.bg-danger {
    background-color: var(--color-attach) !important;
    border-color: var(--color-attach) !important;
}

/* Override برای card headers و card bodies */
.card-header.bg-primary {
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
}

.card.border-primary {
    border-color: var(--color-student) !important;
}

/* Override برای links */
/* این override حذف شده - در قسمت قبلی تعریف شده */

/* Override برای badges */
.badge.bg-primary {
    background-color: var(--color-student) !important;
}

.badge.bg-success {
    background-color: var(--color-father) !important;
}

.badge.bg-warning {
    background-color: var(--color-family-details) !important;
}

.badge.bg-danger {
    background-color: var(--color-attach) !important;
}

.badge.bg-info {
    background-color: var(--color-mother) !important;
}

/* Override برای alerts */
.alert-primary {
    background-color: rgba(var(--color-student-rgb), 0.1);
    border-color: var(--border-student);
    color: var(--color-student);
}

.alert-success {
    background-color: rgba(var(--color-father-rgb), 0.1);
    border-color: var(--border-father);
    color: var(--color-father);
}

.alert-warning {
    background-color: rgba(var(--color-family-details-rgb), 0.1);
    border-color: var(--border-family-details);
    color: var(--color-family-details);
}

.alert-danger {
    background-color: rgba(var(--color-attach-rgb), 0.1);
    border-color: var(--border-attach);
    color: var(--color-attach);
}

.alert-info {
    background-color: rgba(var(--color-student-rgb), 0.1);
    border-color: var(--border-student);
    color: var(--color-student);
}

/* Override برای Bootstrap variables - برای همه themes */
[data-bs-theme="light"],
[data-bs-theme="dark"] {
    --bs-primary: var(--color-student);
    --bs-primary-rgb: var(--color-student-rgb);
    --bs-secondary: var(--color-father);
    --bs-secondary-rgb: var(--color-father-rgb);
    --bs-success: var(--color-father);
    --bs-success-rgb: var(--color-father-rgb);
    --bs-info: var(--color-student);
    --bs-info-rgb: var(--color-student-rgb);
    --bs-warning: var(--color-family-details);
    --bs-warning-rgb: var(--color-family-details-rgb);
    --bs-danger: var(--color-attach);
    --bs-danger-rgb: var(--color-attach-rgb);
    --bs-light-primary: rgba(var(--color-student-rgb), 0.1);
    --bs-primary-bg-subtle: rgba(var(--color-student-rgb), 0.1);
    --bs-light-secondary: rgba(var(--color-father-rgb), 0.1);
    --bs-secondary-bg-subtle: rgba(var(--color-father-rgb), 0.1);
}

/* Override برای btn-primary در تمام themes */
[data-bs-theme="light"] .btn-primary,
[data-bs-theme="dark"] .btn-primary,
.btn-primary {
    --bs-btn-bg: var(--color-student);
    --bs-btn-border-color: var(--color-student);
    --bs-btn-hover-bg: #2563eb;
    --bs-btn-hover-border-color: #2563eb;
    --bs-btn-active-bg: #1d4ed8;
    --bs-btn-active-border-color: #1d4ed8;
}

/* Override برای btn-success */
[data-bs-theme="light"] .btn-success,
[data-bs-theme="dark"] .btn-success,
.btn-success {
    --bs-btn-bg: var(--color-father);
    --bs-btn-border-color: var(--color-father);
    --bs-btn-hover-bg: #059669;
    --bs-btn-hover-border-color: #059669;
}

/* Override برای btn-warning */
[data-bs-theme="light"] .btn-warning,
[data-bs-theme="dark"] .btn-warning,
.btn-warning {
    --bs-btn-bg: var(--color-family-details);
    --bs-btn-border-color: var(--color-family-details);
    --bs-btn-hover-bg: #d97706;
    --bs-btn-hover-border-color: #d97706;
}

/* Override برای btn-danger */
[data-bs-theme="light"] .btn-danger,
[data-bs-theme="dark"] .btn-danger,
.btn-danger {
    --bs-btn-bg: var(--color-attach);
    --bs-btn-border-color: var(--color-attach);
    --bs-btn-hover-bg: #dc2626;
    --bs-btn-hover-border-color: #dc2626;
}

/* Override برای btn-info */
[data-bs-theme="light"] .btn-info,
[data-bs-theme="dark"] .btn-info,
.btn-info {
    --bs-btn-bg: var(--color-student);
    --bs-btn-border-color: var(--color-student);
    --bs-btn-hover-bg: #2563eb;
    --bs-btn-hover-border-color: #2563eb;
}

/* Override برای input-group-text با رنگ primary */
.input-group-text.bg-primary {
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
    color: #fff !important;
}

/* Override برای تمام gradient backgrounds */
.bg-gradient-primary {
    background: linear-gradient(135deg, var(--color-student) 0%, #2563eb 100%) !important;
}

.bg-gradient-success {
    background: linear-gradient(135deg, var(--color-father) 0%, #059669 100%) !important;
}

.bg-gradient-warning {
    background: linear-gradient(135deg, var(--color-family-details) 0%, #d97706 100%) !important;
}

.bg-gradient-danger {
    background: linear-gradient(135deg, var(--color-attach) 0%, #dc2626 100%) !important;
}

/* Override برای text colors */
.text-primary {
    color: var(--color-student) !important;
}

.text-success {
    color: var(--color-father) !important;
}

.text-warning {
    color: var(--color-family-details) !important;
}

.text-danger {
    color: var(--color-attach) !important;
}

.text-info {
    color: var(--color-mother) !important;
}

/* Override برای border colors */
.border-primary {
    border-color: var(--color-student) !important;
}

.border-success {
    border-color: var(--color-father) !important;
}

.border-warning {
    border-color: var(--color-family-details) !important;
}

.border-danger {
    border-color: var(--color-attach) !important;
}

.border-info {
    border-color: var(--color-mother) !important;
}

/* Override برای sidebar و navigation */
.sidebar-nav .sidebar-link.active,
.sidebar-nav .sidebar-link:hover {
    background-color: rgba(var(--color-student-rgb), 0.1) !important;
    color: var(--color-student) !important;
}

/* Override برای select2 */
.select2-container--default .select2-results__option--highlighted {
    background-color: var(--color-student) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
}

/* Override برای pagination */
.page-link {
    color: var(--color-student) !important;
}

.page-item.active .page-link {
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
}

.page-link:hover {
    color: #1d4ed8 !important;
}

/* Override برای progress bars */
.progress-bar {
    background-color: var(--color-student) !important;
}

.progress-bar.bg-success {
    background-color: var(--color-father) !important;
}

.progress-bar.bg-warning {
    background-color: var(--color-family-details) !important;
}

.progress-bar.bg-danger {
    background-color: var(--color-attach) !important;
}

/* Override برای dropdown menus */
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--color-student) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(var(--color-student-rgb), 0.1) !important;
    color: var(--color-student) !important;
}

/* Override برای tables */
.table-primary {
    --bs-table-bg: rgba(var(--color-student-rgb), 0.1) !important;
    --bs-table-border-color: var(--border-student) !important;
}

.table-success {
    --bs-table-bg: rgba(var(--color-father-rgb), 0.1) !important;
    --bs-table-border-color: var(--border-father) !important;
}

.table-warning {
    --bs-table-bg: rgba(var(--color-family-details-rgb), 0.1) !important;
    --bs-table-border-color: var(--border-family-details) !important;
}

.table-danger {
    --bs-table-bg: rgba(var(--color-attach-rgb), 0.1) !important;
    --bs-table-border-color: var(--border-attach) !important;
}

/* Override برای list-group */
.list-group-item.active {
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    background-color: rgba(var(--color-student-rgb), 0.1) !important;
}

/* Override برای nav tabs */
.nav-tabs .nav-link.active {
    color: #fff !important;
    background-color: var(--color-student) !important;
    border-color: var(--color-student) var(--color-student) transparent !important;
}

.nav-tabs .nav-link:hover {
    border-color: rgba(var(--color-student-rgb), 0.3) rgba(var(--color-student-rgb), 0.3) transparent !important;
}

/* Override برای breadcrumb */
.breadcrumb-item.active {
    color: var(--color-student) !important;
}

/* Override برای tooltips و popovers */
.tooltip-inner {
    background-color: var(--color-student) !important;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: var(--color-student) !important;
}

.popover-header {
    background-color: rgba(var(--color-student-rgb), 0.1) !important;
    border-bottom-color: var(--border-student) !important;
}

/* Override برای spinners */
.spinner-border-primary {
    border-color: var(--color-student) !important;
}

/* Override برای toasts */
.toast-header {
    background-color: rgba(var(--color-student-rgb), 0.1) !important;
    border-bottom-color: var(--border-student) !important;
}

/* Override برای form controls focus */
.form-control:focus,
.form-select:focus {
    border-color: var(--color-student) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--color-student-rgb), 0.25) !important;
}

.form-check-input:checked {
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
}

.form-check-input:focus {
    border-color: var(--color-student) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--color-student-rgb), 0.25) !important;
}

/* Override برای range inputs */
.form-range::-webkit-slider-thumb {
    background-color: var(--color-student) !important;
}

.form-range::-moz-range-thumb {
    background-color: var(--color-student) !important;
}

/* Override برای switches */
.form-check-input:checked[type="checkbox"] {
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
}

/* Override برای card outline */
.card-outline-primary {
    border-color: var(--color-student) !important;
}

.card-outline-success {
    border-color: var(--color-father) !important;
}

.card-outline-warning {
    border-color: var(--color-family-details) !important;
}

.card-outline-danger {
    border-color: var(--color-attach) !important;
}

/* Override برای modal headers */
.modal-header.bg-primary {
    background-color: var(--color-student) !important;
}

/* Override برای navbar */
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--color-student) !important;
}

/* Override برای sidebar */
.sidebar-nav .sidebar-item .sidebar-link.active .sidebar-icon {
    background-color: var(--color-student) !important;
}

/* Override برای dashboard theme colors */
[data-color-theme] {
    --bs-primary: var(--color-student) !important;
    --bs-primary-rgb: var(--color-student-rgb) !important;
}

/* Override برای SweetAlert2 */
.swal2-confirm {
    background-color: var(--color-student) !important;
}

.swal2-confirm:hover {
    background-color: #2563eb !important;
}

/* Override برای DataTables */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--color-student) !important;
    border-color: var(--color-student) !important;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(var(--color-student-rgb), 0.1) !important;
    color: var(--color-student) !important;
}

/* Override برای Select2 dropdown */
.select2-dropdown {
    border-color: var(--border-student) !important;
}

.select2-container--default .select2-selection--single {
    border-color: var(--border-student) !important;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--color-student) !important;
}

/* Override برای datepicker */
.jdp-container .jdp-selected,
.jdp-container .jdp-today {
    background-color: var(--color-student) !important;
    color: #fff !important;
}

.jdp-container .jdp-day:hover {
    background-color: rgba(var(--color-student-rgb), 0.2) !important;
}

/* Override برای scrollbar در مرورگرهای وب‌کیت */
::-webkit-scrollbar-thumb {
    background-color: rgba(var(--color-student-rgb), 0.5) !important;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-student) !important;
}

/* Override برای تمام gradient backgrounds */
.bg-gradient-primary {
    background: linear-gradient(135deg, var(--color-student) 0%, #2563eb 100%) !important;
}

.bg-gradient-success {
    background: linear-gradient(135deg, var(--color-father) 0%, #059669 100%) !important;
}

.bg-gradient-warning {
    background: linear-gradient(135deg, var(--color-family-details) 0%, #d97706 100%) !important;
}

.bg-gradient-danger {
    background: linear-gradient(135deg, var(--color-attach) 0%, #dc2626 100%) !important;
}

/* Override برای text colors */
.text-primary {
    color: var(--color-student) !important;
}

.text-success {
    color: var(--color-father) !important;
}

.text-warning {
    color: var(--color-family-details) !important;
}

.text-danger {
    color: var(--color-attach) !important;
}

.text-info {
    color: var(--color-mother) !important;
}

/* Override برای border colors */
.border-primary {
    border-color: var(--color-student) !important;
}

.border-success {
    border-color: var(--color-father) !important;
}

.border-warning {
    border-color: var(--color-family-details) !important;
}

.border-danger {
    border-color: var(--color-attach) !important;
}

.border-info {
    border-color: var(--color-mother) !important;
}

/* Override برای sidebar و navigation */
.sidebar-nav .sidebar-link.active,
.sidebar-nav .sidebar-link:hover {
    background-color: rgba(var(--color-student-rgb), 0.1) !important;
    color: var(--color-student) !important;
}

/* Override برای select2 */
.select2-container--default .select2-results__option--highlighted {
    background-color: var(--color-student) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
}

/* Override برای pagination */
.page-link {
    color: var(--color-student) !important;
}

.page-item.active .page-link {
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
}

.page-link:hover {
    color: #1d4ed8 !important;
}

/* Override برای progress bars */
.progress-bar {
    background-color: var(--color-student) !important;
}

.progress-bar.bg-success {
    background-color: var(--color-father) !important;
}

.progress-bar.bg-warning {
    background-color: var(--color-family-details) !important;
}

.progress-bar.bg-danger {
    background-color: var(--color-attach) !important;
}

/* Override برای dropdown menus */
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--color-student) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(var(--color-student-rgb), 0.1) !important;
    color: var(--color-student) !important;
}

/* Override برای tables */
.table-primary {
    --bs-table-bg: rgba(var(--color-student-rgb), 0.1) !important;
    --bs-table-border-color: var(--border-student) !important;
}

.table-success {
    --bs-table-bg: rgba(var(--color-father-rgb), 0.1) !important;
    --bs-table-border-color: var(--border-father) !important;
}

.table-warning {
    --bs-table-bg: rgba(var(--color-family-details-rgb), 0.1) !important;
    --bs-table-border-color: var(--border-family-details) !important;
}

.table-danger {
    --bs-table-bg: rgba(var(--color-attach-rgb), 0.1) !important;
    --bs-table-border-color: var(--border-attach) !important;
}

/* Override برای list-group */
.list-group-item.active {
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    background-color: rgba(var(--color-student-rgb), 0.1) !important;
}

/* Override برای nav tabs */
.nav-tabs .nav-link.active {
    color: #fff !important;
    background-color: var(--color-student) !important;
    border-color: var(--color-student) var(--color-student) transparent !important;
}

.nav-tabs .nav-link:hover {
    border-color: rgba(var(--color-student-rgb), 0.3) rgba(var(--color-student-rgb), 0.3) transparent !important;
}

/* Override برای breadcrumb */
.breadcrumb-item.active {
    color: var(--color-student) !important;
}

/* Override برای tooltips و popovers */
.tooltip-inner {
    background-color: var(--color-student) !important;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: var(--color-student) !important;
}

.popover-header {
    background-color: rgba(var(--color-student-rgb), 0.1) !important;
    border-bottom-color: var(--border-student) !important;
}

/* Override برای spinners */
.spinner-border-primary {
    border-color: var(--color-student) !important;
}

/* Override برای toasts */
.toast-header {
    background-color: rgba(var(--color-student-rgb), 0.1) !important;
    border-bottom-color: var(--border-student) !important;
}

/* Override برای form controls focus */
.form-control:focus,
.form-select:focus {
    border-color: var(--color-student) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--color-student-rgb), 0.25) !important;
}

.form-check-input:checked {
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
}

.form-check-input:focus {
    border-color: var(--color-student) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--color-student-rgb), 0.25) !important;
}

/* Override برای range inputs */
.form-range::-webkit-slider-thumb {
    background-color: var(--color-student) !important;
}

.form-range::-moz-range-thumb {
    background-color: var(--color-student) !important;
}

/* Override برای switches */
.form-check-input:checked[type="checkbox"] {
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
}

/* Override برای card outline */
.card-outline-primary {
    border-color: var(--color-student) !important;
}

.card-outline-success {
    border-color: var(--color-father) !important;
}

.card-outline-warning {
    border-color: var(--color-family-details) !important;
}

.card-outline-danger {
    border-color: var(--color-attach) !important;
}

/* Override برای modal headers */
.modal-header.bg-primary {
    background-color: var(--color-student) !important;
}

/* Override برای navbar */
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--color-student) !important;
}

/* Override برای sidebar */
.sidebar-nav .sidebar-item .sidebar-link.active .sidebar-icon {
    background-color: var(--color-student) !important;
}

/* Override برای dashboard theme colors */
[data-color-theme] {
    --bs-primary: var(--color-student) !important;
    --bs-primary-rgb: var(--color-student-rgb) !important;
}

/* Override برای SweetAlert2 */
.swal2-confirm {
    background-color: var(--color-student) !important;
}

.swal2-confirm:hover {
    background-color: #2563eb !important;
}

/* Override برای DataTables */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--color-student) !important;
    border-color: var(--color-student) !important;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(var(--color-student-rgb), 0.1) !important;
    color: var(--color-student) !important;
}

/* Override برای Select2 dropdown */
.select2-dropdown {
    border-color: var(--border-student) !important;
}

.select2-container--default .select2-selection--single {
    border-color: var(--border-student) !important;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--color-student) !important;
}

/* Override برای datepicker */
.jdp-container .jdp-selected,
.jdp-container .jdp-today {
    background-color: var(--color-student) !important;
    color: #fff !important;
}

.jdp-container .jdp-day:hover {
    background-color: rgba(var(--color-student-rgb), 0.2) !important;
}

/* Override برای scrollbar در مرورگرهای وب‌کیت */
::-webkit-scrollbar-thumb {
    background-color: rgba(var(--color-student-rgb), 0.5) !important;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-student) !important;
}

/* ============================================
   Override قوی برای dashboard styles.css
   این overrideها باید بعد از dashboard/styles.css لود شوند
   ============================================ */

/* Override برای تمام theme colors در dashboard - با specificity بالا */
[data-color-theme] [data-bs-theme],
[data-bs-theme][data-color-theme] {
    --bs-primary: var(--color-student) !important;
    --bs-primary-rgb: var(--color-student-rgb) !important;
    --bs-secondary: var(--color-father) !important;
    --bs-secondary-rgb: var(--color-father-rgb) !important;
}

/* Override برای btn-primary در dashboard - با specificity بالا */
[data-bs-theme="light"] .btn-primary,
[data-bs-theme="dark"] .btn-primary,
[data-color-theme] .btn-primary,
[data-bs-theme][data-color-theme] .btn-primary {
    --bs-btn-bg: var(--color-student) !important;
    --bs-btn-border-color: var(--color-student) !important;
    --bs-btn-hover-bg: #2563eb !important;
    --bs-btn-hover-border-color: #2563eb !important;
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
}

/* Override برای nav-icon-hover در dashboard */
.nav-icon-hover:hover {
    color: var(--color-student) !important;
}

.nav-icon-hover:hover::before {
    background-color: rgba(var(--color-student-rgb), 0.1) !important;
}

/* Override برای bg-hover-primary */
.bg-hover-primary:hover {
    color: var(--color-student) !important;
}

/* Override برای linear-gradient */
.linear-gradient {
    background-image: linear-gradient(var(--color-student), var(--color-attach)) !important;
}

/* Override برای radial-gradient */
.radial-gradient::before {
    background: radial-gradient(
        rgba(var(--color-student-rgb), 0.2),
        rgba(var(--color-father-rgb), 0.2),
        rgba(var(--color-mother-rgb), 0.2)
    ) 0% 0%/400% 400% !important;
}

/* ============================================
   Override برای inline styles و رنگ‌های hardcoded
   ============================================ */

/* Override برای تمام background gradients hardcoded - با specificity بالا */
[style*="linear-gradient(135deg, #667eea"],
[style*="linear-gradient(135deg, #43e97b"],
[style*="linear-gradient(135deg, #764ba2"],
[style*="linear-gradient(135deg, #f093fb"],
[style*="linear-gradient(135deg, #f5576c"],
[style*="linear-gradient(135deg, #38f9d7"] {
    background: linear-gradient(135deg, var(--color-student) 0%, var(--color-mother) 100%) !important;
}

/* Override برای تمام gradient backgrounds در style attribute - با specificity بسیار بالا */
section[style*="linear-gradient"],
div[style*="linear-gradient"],
.card[style*="linear-gradient"],
.badge[style*="linear-gradient"],
.btn[style*="linear-gradient"],
.cta-section[style*="linear-gradient"] {
    background: linear-gradient(135deg, var(--color-student) 0%, var(--color-mother) 100%) !important;
}

/* Override برای gradient در login و register pages */
.login-page[style*="linear-gradient"],
.register-page[style*="linear-gradient"],
.hero-section[style*="linear-gradient"],
section.py-5[style*="linear-gradient"],
section[style*="linear-gradient(135deg, #667eea"] {
    background: linear-gradient(135deg, var(--color-student) 0%, var(--color-mother) 100%) !important;
}

/* Override برای gradient های خاص دیگر */
[style*="#a8edea"],
[style*="#fed6e3"] {
    background: linear-gradient(135deg, var(--color-mother) 0%, var(--color-attach) 100%) !important;
}

/* Override برای تمام رنگ‌های hex hardcoded */
[style*="#4fc3f7"] {
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
    color: #fff !important;
}

/* Utility classes برای gradient backgrounds */
.bg-gradient-student {
    background: linear-gradient(135deg, var(--color-student) 0%, #2563eb 100%) !important;
}

.bg-gradient-father {
    background: linear-gradient(135deg, var(--color-father) 0%, #059669 100%) !important;
}

.bg-gradient-mother {
    background: linear-gradient(135deg, var(--color-mother) 0%, #9333ea 100%) !important;
}

.bg-gradient-family {
    background: linear-gradient(135deg, var(--color-family-details) 0%, #d97706 100%) !important;
}

.bg-gradient-attach {
    background: linear-gradient(135deg, var(--color-attach) 0%, #dc2626 100%) !important;
}

/* Override برای badge bg-gradient-primary */
.badge.bg-gradient-primary {
    background: linear-gradient(135deg, var(--color-student) 0%, var(--color-mother) 100%) !important;
}

/* ============================================
   Override برای SweetAlert2
   ============================================ */
.swal2-popup {
    --swal2-confirm-button-background-color: var(--color-student) !important;
    --swal2-cancel-button-background-color: var(--color-attach) !important;
}

.swal2-confirm {
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
}

.swal2-confirm:hover {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
}

.swal2-cancel {
    background-color: var(--color-attach) !important;
    border-color: var(--color-attach) !important;
}

.swal2-cancel:hover {
    background-color: #dc2626 !important;
    border-color: #dc2626 !important;
}

/* Override برای تمام رنگ‌های danger hardcoded در SweetAlert */
.swal2-popup button[style*="#dc3545"],
.swal2-popup button[style*="dc3545"] {
    background-color: var(--color-attach) !important;
    border-color: var(--color-attach) !important;
}

/* ============================================
   Override برای تمام رنگ‌های hex hardcoded در JavaScript
   ============================================ */

/* Override برای تمام المان‌هایی که رنگ danger دارند */
[style*="#dc3545"],
[style*="dc3545"],
[style*="rgb(220, 53, 69)"] {
    color: var(--color-attach) !important;
    background-color: var(--color-attach) !important;
    border-color: var(--color-attach) !important;
}

/* Override برای رنگ‌های primary hardcoded */
[style*="#0d6efd"],
[style*="0d6efd"],
[style*="#0085db"],
[style*="0085db"] {
    color: var(--color-student) !important;
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
}

/* Override برای success */
[style*="#198754"],
[style*="198754"],
[style*="#10b981"],
[style*="10b981"] {
    color: var(--color-father) !important;
    background-color: var(--color-father) !important;
    border-color: var(--color-father) !important;
}

/* ============================================
   بهبود ظاهر با استفاده از رنگ‌های پروژه
   ============================================ */

/* زیبا کردن card headers */
.card-header {
    border-bottom: 2px solid var(--border-student);
}

/* زیبا کردن badges */
.badge {
    font-weight: 500;
    padding: 0.35em 0.65em;
}

/* زیبا کردن buttons */
.btn {
    transition: all 0.3s ease;
    font-weight: 500;
}

.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(var(--color-student-rgb), 0.2);
}

.btn-primary:hover {
    box-shadow: 0 4px 8px rgba(var(--color-student-rgb), 0.3);
}

.btn-success:hover {
    box-shadow: 0 4px 8px rgba(var(--color-father-rgb), 0.3);
}

.btn-danger:hover {
    box-shadow: 0 4px 8px rgba(var(--color-attach-rgb), 0.3);
}

.btn-warning:hover {
    box-shadow: 0 4px 8px rgba(var(--color-family-details-rgb), 0.3);
}

/* زیبا کردن alerts */
.alert {
    border-left-width: 4px;
    border-radius: 8px;
}

.alert-primary {
    border-left-color: var(--color-student);
}

.alert-success {
    border-left-color: var(--color-father);
}

.alert-warning {
    border-left-color: var(--color-family-details);
}

.alert-danger {
    border-left-color: var(--color-attach);
}

/* زیبا کردن form controls */
.form-control:focus,
.form-select:focus {
    border-color: var(--color-student);
    box-shadow: 0 0 0 0.25rem rgba(var(--color-student-rgb), 0.25);
}

/* زیبا کردن links */
a {
    color: var(--color-student);
    transition: color 0.3s ease;
}

a:hover {
    color: #2563eb;
}

/* ============================================
   استایل یکپارچه برای جدول‌ها (Tables)
   ============================================ */

/* استایل پایه برای تمام جدول‌ها */
.table,
table {
    width: 100%;
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 400;
    color: #212529;
    border-collapse: separate;
    border-spacing: 0;
}

/* Header جدول */
.table thead th,
table thead th {
    background-color: #f8f9fa !important;
    color: #495057 !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    padding: 0.75rem 0.75rem !important;
    border-bottom: 2px solid #dee2e6 !important;
    vertical-align: middle !important;
    text-align: right;
    white-space: nowrap;
}

/* Body جدول */
.table tbody td,
table tbody td {
    padding: 0.75rem 0.75rem !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #e9ecef !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    color: #212529 !important;
}

/* Hover روی سطرها */
.table-hover tbody tr:hover,
.table tbody tr:hover {
    background-color: rgba(var(--color-student-rgb), 0.05) !important;
}

/* استایل برای جدول‌های کوچک */
.table-sm th,
.table-sm td {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem !important;
}

/* Border و spacing یکسان */
.table th,
.table td {
    border-top: none !important;
}

.table tbody tr:last-child td {
    border-bottom: none !important;
}

/* استایل برای action column */
.table .action-column {
    text-align: left !important;
    white-space: nowrap;
    width: auto;
}

/* استایل برای badge در جدول */
.table .badge {
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    padding: 0.35em 0.65em !important;
}

/* استایل برای GridView summary */
.grid-view .summary {
    font-size: 0.875rem !important;
    color: #6c757d !important;
    margin-bottom: 0.75rem !important;
    padding: 0.5rem 0 !important;
    font-weight: 400 !important;
}

.grid-view .summary b {
    font-weight: 600 !important;
    color: #212529 !important;
}

/* استایل یکپارچه برای card در جدول‌ها */
.card {
    border: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    border-radius: 0.5rem !important;
}

.card-body {
    padding: 1.25rem !important;
}

/* استایل برای title در card */
.card-title {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #212529 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.card-title i {
    font-size: 1rem !important;
    color: var(--color-student) !important;
}

/* استایل برای search input */
.form-control-sm {
    font-size: 0.875rem !important;
    padding: 0.375rem 0.75rem !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.375rem !important;
}

.form-control:focus,
.form-control-sm:focus {
    border-color: var(--color-student) !important;
    box-shadow: 0 0 0 0.125rem rgba(var(--color-student-rgb), 0.25) !important;
}

/* استایل یکپارچه برای دکمه‌های جدول */
.d-flex.gap-2 .btn {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    padding: 0.375rem 0.75rem !important;
}

/* حذف استایل‌های اضافی از جدول‌ها */
.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: transparent !important;
}

.table-bordered {
    border: 1px solid #dee2e6 !important;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6 !important;
}

/* استایل برای text-end در action column */
.text-end {
    text-align: left !important;
}

[dir="rtl"] .text-end {
    text-align: right !important;
}

/* ============================================
   استایل یکپارچه برای فونت‌ها - جلوگیری از تغییر
   ============================================ */

/* ثابت نگه داشتن فونت‌ها در جدول‌ها */
.table,
.table th,
.table td,
table,
table th,
table td {
    font-family: inherit !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

.table th,
table thead th {
    font-weight: 600 !important;
    font-size: 0.875rem !important;
}

/* جلوگیری از تغییر فونت در action buttons */
.table .btn-action,
.table .btn {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    font-family: inherit !important;
}

/* استایل یکپارچه برای card header و body */
.card {
    border: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    border-radius: 0.5rem !important;
    margin-bottom: 1.5rem;
}

/* مخفی کردن card-header در همه جا */
.card-header {
    display: none !important;
}

.card-body {
    padding: 1.25rem !important;
}

/* استایل یکپارچه برای header card (عنوان و دکمه‌ها) */
.card-body > .d-flex.justify-content-between {
    margin-bottom: 1rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 1px solid #e9ecef !important;
}

.card-title {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #212529 !important;
    margin: 0 !important;
    font-family: inherit !important;
}

.card-title i {
    font-size: 1rem !important;
    color: var(--color-student) !important;
}

/* استایل یکپارچه برای search box */
.position-relative .form-control-sm {
    padding-right: 2.5rem !important;
    font-size: 0.875rem !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.375rem !important;
}

.position-relative .fas.fa-search {
    right: 0.75rem !important;
    left: auto !important;
    z-index: 5;
    pointer-events: none;
}

[dir="rtl"] .position-relative .form-control-sm {
    padding-left: 2.5rem !important;
    padding-right: 0.75rem !important;
}

[dir="rtl"] .position-relative .fas.fa-search {
    left: 0.75rem !important;
    right: auto !important;
}

/* استایل یکپارچه برای GridView */
.grid-view {
    margin-top: 0;
}

.grid-view .table {
    margin-bottom: 0;
}

.grid-view .summary {
    font-size: 0.875rem !important;
    color: #6c757d !important;
    margin-bottom: 0.75rem !important;
    padding: 0.5rem 0 !important;
    font-weight: 400 !important;
    font-family: inherit !important;
}

.grid-view .summary b {
    font-weight: 600 !important;
    color: #212529 !important;
}

/* استایل برای position-relative container */
.position-relative.overflow-hidden {
    padding: 0;
    margin: 0;
}

/* استایل برای row g-3 */
.row.g-3 {
    margin: 0;
}

.row.g-3 > .col-12 {
    padding: 0;
}

/* حذف استایل‌های اضافی از جدول‌ها */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent !important;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: transparent !important;
}

/* استایل یکسان برای تمام badge ها در جدول */
.table .badge {
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    padding: 0.35em 0.65em !important;
    font-family: inherit !important;
}

/* استایل یکسان برای serial column */
.table td.fw-bold {
    font-weight: 600 !important;
    color: #6c757d !important;
    font-family: inherit !important;
}

/* ============================================
   استایل یکپارچه برای fw-bold و لینک‌های text-primary
   ============================================ */

/* اطمینان از اعمال fw-bold در همه جا */
.fw-bold,
.text-primary.fw-bold,
a.text-primary.fw-bold {
    font-weight: 600 !important;
    font-family: inherit !important;
}

/* استایل یکپارچه برای لینک‌های با text-primary fw-bold */
a.text-primary.fw-bold,
.text-primary.fw-bold {
    color: var(--color-student) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    cursor: pointer !important;
}

a.text-primary.fw-bold:hover,
a.text-primary.fw-bold:focus {
    color: #2563eb !important;
    text-decoration: underline !important;
}

a.text-primary.fw-bold:active {
    color: #1d4ed8 !important;
}

/* استایل برای tour-step (اگر نیاز به استایل خاص دارد) */
.tour-step-1,
.tour-step-2,
.tour-step-3,
.tour-step-4 {
    position: relative;
}

/* اطمینان از نمایش صحیح لینک‌ها در جدول */
.table a.text-primary.fw-bold,
table a.text-primary.fw-bold {
    display: inline-block;
    padding: 0.125rem 0;
    color: var(--color-student) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
    font-size: 0.875rem !important;
}

.table a.text-primary.fw-bold:hover,
table a.text-primary.fw-bold:hover {
    color: #2563eb !important;
    text-decoration: underline !important;
}

/* استایل برای لینک‌های text-primary در paragraphs و سایر المان‌ها */
p.text-primary.fw-bold,
.text-primary.fw-bold.small {
    color: var(--color-student) !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    margin-bottom: 0.5rem !important;
}

/* Override برای table-light (header) */
.table-light,
thead.table-light {
    background-color: #f8f9fa !important;
}

.table-light th,
thead.table-light th {
    background-color: #f8f9fa !important;
    color: #495057 !important;
    font-weight: 600 !important;
    border-bottom: 2px solid #dee2e6 !important;
}

/* Override برای table-bordered */
.table-bordered {
    border: 1px solid #dee2e6 !important;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6 !important;
}

/* Override برای table-striped - حذف strip برای یکسان بودن */
.table-striped > tbody > tr:nth-of-type(odd) > *,
.table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-accent-bg: transparent !important;
    background-color: transparent !important;
}

.table-striped > tbody > tr:hover > * {
    --bs-table-accent-bg: rgba(var(--color-student-rgb), 0.05) !important;
    background-color: rgba(var(--color-student-rgb), 0.05) !important;
}

/* Override برای table-borderless */
.table-borderless th,
.table-borderless td {
    border: none !important;
}

/* استایل یکپارچه برای text-nowrap */
.text-nowrap {
    white-space: nowrap !important;
}

/* استایل برای table-responsive */
.table-responsive {
    border-radius: 0.375rem;
    overflow-x: auto;
}

/* ============================================
   یکسان کردن تمام جدول‌ها - Override قوی
   ============================================ */

/* اطمینان از یکسان بودن همه جدول‌ها */
table.table,
table.table-sm,
table.table-hover,
table.table-bordered,
table.table-striped,
table.table-borderless,
.table,
.table-sm,
.table-hover,
.table-bordered,
.table-striped,
.table-borderless {
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    font-family: inherit !important;
    line-height: 1.5 !important;
}

/* یکسان کردن header ها */
table thead th,
.table thead th,
.table-light th,
.table-dark th {
    background-color: #f8f9fa !important;
    color: #495057 !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    padding: 0.75rem 0.75rem !important;
    border-bottom: 2px solid #dee2e6 !important;
    vertical-align: middle !important;
    font-family: inherit !important;
}

/* یکسان کردن cell ها */
table tbody td,
.table tbody td {
    padding: 0.75rem 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    color: #212529 !important;
    font-family: inherit !important;
    vertical-align: middle !important;
}

/* یکسان کردن hover */
table tbody tr:hover,
.table tbody tr:hover,
.table-hover tbody tr:hover {
    background-color: rgba(var(--color-student-rgb), 0.05) !important;
}

/* حذف strip برای یکسان بودن */
table.table-striped tbody tr:nth-of-type(odd),
table.table-striped tbody tr:nth-of-type(even),
.table-striped tbody tr:nth-of-type(odd),
.table-striped tbody tr:nth-of-type(even) {
    background-color: transparent !important;
}

/* یکسان کردن mb-0 */
.table.mb-0,
table.mb-0 {
    margin-bottom: 0 !important;
}

/* استایل یکسان برای align-middle */
.align-middle {
    vertical-align: middle !important;
}

/* یکسان کردن text-nowrap - فقط در صورت نیاز */
.table.text-nowrap,
table.text-nowrap {
    white-space: nowrap;
}

/* استایل یکسان برای action-column */
.action-column {
    text-align: left !important;
    white-space: nowrap;
    min-width: 200px;
}

[dir="rtl"] .action-column {
    text-align: right !important;
}

/* استایل یکسان برای تمام header ها */
.card-body > .d-flex.justify-content-between.align-items-center {
    margin-bottom: 1rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 1px solid #e9ecef !important;
}

/* استایل یکسان برای gap-2 */
.d-flex.gap-2 {
    gap: 0.5rem !important;
}

/* استایل یکسان برای دکمه‌های اضافه کردن */
.btn-success.btn-sm {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    padding: 0.375rem 0.75rem !important;
}

/* ============================================
   بهبود استایل دکمه‌های با d-flex و gap
   ============================================ */

/* ============================================
   بهبود دکمه‌های با d-flex - به اندازه محتوا
   ============================================ */

/* دکمه‌هایی که از d-flex استفاده می‌کنند باید inline-flex باشند تا به اندازه محتوا باشند */
.btn.d-flex {
    display: inline-flex !important;
    width: auto !important;
    flex-shrink: 0 !important;
}

/* بهبود gap در دکمه‌ها - gap-1 خیلی کوچک است، بهتر است gap-2 باشد */
.btn.gap-1 {
    gap: 0.5rem !important; /* تغییر از 0.25rem به 0.5rem */
}

.btn.gap-2 {
    gap: 0.5rem !important;
}

/* استایل یکپارچه برای دکمه‌های با آیکون و متن */
.btn.d-flex.align-items-center,
.btn.d-flex.align-items-center.gap-1,
.btn.d-flex.align-items-center.gap-2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    padding: 0.375rem 0.75rem !important;
    gap: 0.5rem !important;
    white-space: nowrap !important;
}

/* استایل برای آیکون‌ها در دکمه‌ها */
.btn i,
.btn .fas,
.btn .far,
.btn .fab,
.btn .ti {
    font-size: 0.875rem !important;
    line-height: 1 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* ============================================
   یکسان کردن ایکون‌های دکمه‌های ثبت و حذف
   ============================================ */

/* اطمینان از اینکه همه دکمه‌های حذف fa-trash داشته باشند */
.btn[title*="حذف"] i.fa-times,
.btn-action-delete i.fa-times,
a[title*="حذف"] i.fa-times,
button[title*="حذف"] i.fa-times {
    display: none !important;
}

.btn[title*="حذف"] i.fa-times::before,
.btn-action-delete i.fa-times::before,
a[title*="حذف"] i.fa-times::before,
button[title*="حذف"] i.fa-times::before {
    content: "\f2ed" !important; /* fa-trash */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

/* اطمینان از اینکه همه دکمه‌های ذخیره fa-save داشته باشند */
.btn[type="submit"]:not([title*="حذف"]):not([title*="انصراف"]) i.fa-check:not(.fa-check-circle),
button[type="submit"]:not([title*="حذف"]):not([title*="انصراف"]) i.fa-check:not(.fa-check-circle) {
    display: none !important;
}

.btn[type="submit"]:not([title*="حذف"]):not([title*="انصراف"]) i.fa-check:not(.fa-check-circle)::before,
button[type="submit"]:not([title*="حذف"]):not([title*="انصراف"]) i.fa-check:not(.fa-check-circle)::before {
    content: "\f0c7" !important; /* fa-save */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    display: inline-block !important;
}

/* بهبود فاصله آیکون از متن در دکمه‌ها */
.btn .me-1,
.btn i.me-1 {
    margin-right: 0.375rem !important;
    margin-left: 0 !important;
}

.btn .me-2,
.btn i.me-2 {
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
}

[dir="rtl"] .btn .me-1,
[dir="rtl"] .btn i.me-1 {
    margin-left: 0.375rem !important;
    margin-right: 0 !important;
}

[dir="rtl"] .btn .me-2,
[dir="rtl"] .btn i.me-2 {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

/* استایل یکپارچه برای تمام دکمه‌ها - اطمینان از inline بودن */
.btn {
    display: inline-block !important;
    text-align: center !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

/* اطمینان از اینکه دکمه‌ها به اندازه محتوا باشند */
.btn-sm,
.btn {
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
}

/* حذف d-flex از دکمه‌ها - استفاده از استایل inline-block به جای flex */
.btn.d-flex {
    display: inline-flex !important;
}

/* استایل برای دکمه‌های در container با d-flex */
.d-flex.gap-2 .btn,
.d-flex.gap-1 .btn {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
}

/* بهبود استایل کلی دکمه‌های btn-sm */
.btn-sm {
    font-size: 0.875rem !important;
    padding: 0.375rem 0.75rem !important;
    line-height: 1.5 !important;
    border-radius: 0.375rem !important;
}

/* استایل برای دکمه‌های success */
.btn-success {
    background-color: var(--color-father) !important;
    border-color: var(--color-father) !important;
    color: #fff !important;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #059669 !important;
    border-color: #059669 !important;
    color: #fff !important;
}

.btn-success:active {
    background-color: #047857 !important;
    border-color: #047857 !important;
    color: #fff !important;
}

/* زیبا کردن modals */
.modal-header.bg-primary {
    background: linear-gradient(135deg, var(--color-student) 0%, #2563eb 100%) !important;
}

/* زیبا کردن sidebar */
.sidebar-nav .sidebar-item .sidebar-link.active {
    background: var(--bg-student);
    border-right: 3px solid var(--color-student);
}

/* ============================================
   استایل یکپارچه برای Pagination
   ============================================ */

/* استایل پایه برای pagination */
.pagination,
.grid-view .pagination,
.pagination.pagination-sm {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    padding: 1rem 0;
    margin: 1rem 0;
    list-style: none;
}

/* استایل برای page-item */
.pagination .page-item {
    list-style: none;
    margin: 0;
}

/* استایل برای page-link و span در page-item */
.pagination .page-link,
.pagination .page-item > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: var(--color-student) !important;
    background-color: #fff !important;
    border: 1px solid var(--border-student) !important;
    border-radius: 0.375rem !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    cursor: pointer;
    box-sizing: border-box;
    line-height: 1;
}

/* استایل برای span در page-item disabled (مثل "اول"، "قبلی" غیرفعال) */
.pagination .page-item.disabled > span {
    color: #6c757d !important;
    background-color: #f8f9fa !important;
    border-color: #dee2e6 !important;
    cursor: not-allowed !important;
    opacity: 0.6;
    pointer-events: none;
}

.pagination .page-link:hover,
.pagination .page-item:not(.disabled):not(.active) > a.page-link:hover {
    color: #fff !important;
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
    transform: translateY(-2px);
    box-shadow: 0 2px 4px rgba(var(--color-student-rgb), 0.2);
    text-decoration: none !important;
}

/* اطمینان از hover برای دکمه‌های ناوبری */
.pagination .page-item.first:not(.disabled) .page-link:hover,
.pagination .page-item.prev:not(.disabled) .page-link:hover,
.pagination .page-item.next:not(.disabled) .page-link:hover,
.pagination .page-item.last:not(.disabled) .page-link:hover {
    color: #fff !important;
    background-color: var(--color-student) !important;
    border-color: var(--color-student) !important;
}

.pagination .page-link:focus {
    color: var(--color-student);
    background-color: rgba(var(--color-student-rgb), 0.1);
    border-color: var(--color-student);
    box-shadow: 0 0 0 0.25rem rgba(var(--color-student-rgb), 0.25);
}

/* صفحه فعال */
.pagination .page-item.active .page-link {
    color: #fff !important;
    background: linear-gradient(135deg, var(--color-student) 0%, #2563eb 100%) !important;
    border-color: var(--color-student) !important;
    box-shadow: 0 2px 4px rgba(var(--color-student-rgb), 0.3);
    font-weight: 600;
}

/* صفحه غیرفعال - باید بعد از استایل‌های عمومی بیاید */
.pagination .page-item.disabled .page-link,
.pagination .page-item.disabled > span {
    color: #6c757d !important;
    background-color: #f8f9fa !important;
    border-color: #dee2e6 !important;
    cursor: not-allowed !important;
    opacity: 0.6;
    pointer-events: none;
}

.pagination .page-item.disabled .page-link:hover,
.pagination .page-item.disabled > span:hover {
    transform: none !important;
    box-shadow: none !important;
    background-color: #f8f9fa !important;
    border-color: #dee2e6 !important;
    color: #6c757d !important;
}

/* استایل برای دکمه‌های ناوبری (اول، قبلی، بعدی، آخر) */
.pagination .page-item.first .page-link,
.pagination .page-item.first > span,
.pagination .page-item.prev .page-link,
.pagination .page-item.prev > span,
.pagination .page-item.next .page-link,
.pagination .page-item.next > span,
.pagination .page-item.last .page-link,
.pagination .page-item.last > span {
    font-weight: 600;
    min-width: auto;
    padding: 0.5rem 1rem;
}

/* اطمینان از نمایش صحیح span در disabled items */
.pagination .page-item.disabled > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Override نهایی برای اطمینان از استایل یکپارچه */
.pagination li.page-item {
    margin: 0;
    padding: 0;
}

.pagination li.page-item > a.page-link,
.pagination li.page-item > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* استایل برای ellipsis */
.pagination .page-item:not(.disabled):not(.active) .page-link {
    background-color: #fff;
}

/* بهبود ظاهر pagination در RTL - ترتیب: اول، قبلی، صفحات، بعدی، آخر */
[dir="rtl"] .pagination {
    direction: rtl;
    flex-direction: row;
}

/* استفاده از order برای تنظیم ترتیب صحیح در RTL */
/* ترتیب نهایی: راست ← اول، قبلی، صفحات، بعدی، آخر ← چپ */
[dir="rtl"] .pagination .page-item.first {
    order: 1; /* اول در سمت راست */
}

[dir="rtl"] .pagination .page-item.prev {
    order: 2; /* قبلی بعد از اول */
}

[dir="rtl"] .pagination .page-item:not(.first):not(.prev):not(.next):not(.last) {
    order: 3; /* شماره صفحات در وسط */
}

[dir="rtl"] .pagination .page-item.next {
    order: 4; /* بعدی قبل از آخر */
}

[dir="rtl"] .pagination .page-item.last {
    order: 5; /* آخر در سمت چپ */
}

/* استایل برای pagination در GridView و لیست‌ها */
.grid-view .pagination,
.dataTables_wrapper .dataTables_paginate {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* بهبود استایل برای pagination کوچک */
.pagination-sm .page-link {
    min-width: 32px;
    height: 32px;
    padding: 0.375rem 0.5rem;
    font-size: 0.75rem;
}

/* بهبود استایل برای دکمه‌های اول و آخر */
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    font-weight: 600;
}

/* Override برای Bootstrap pagination */
.pagination > li > a,
.pagination > li > span {
    background-color: #fff;
    border-color: var(--border-student);
    color: var(--color-student);
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: var(--color-student);
    border-color: var(--color-student);
    color: #fff;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background: linear-gradient(135deg, var(--color-student) 0%, #2563eb 100%);
    border-color: var(--color-student);
    color: #fff;
}

/* زیبا کردن progress bars */
.progress {
    border-radius: 10px;
    overflow: hidden;
}

.progress-bar {
    background: linear-gradient(90deg, var(--color-student) 0%, #2563eb 100%);
}

/* ============================================
   استایل یکپارچه برای هدر کارت‌ها (Card Headers)
   ============================================ */

/* مخفی کردن همه card-header ها - کاربر فقط می‌خواهد card-body داشته باشد */
.card-header {
    display: none !important;
}

/* استایل پایه برای تمام card-header ها (در صورت نیاز به نمایش) */
/* .card-header {
    background: linear-gradient(135deg, var(--color-student) 0%, #2563eb 100%) !important;
    color: #fff !important;
    border-bottom: none !important;
    padding: 1rem 1.25rem !important;
    border-radius: 0.5rem 0.5rem 0 0 !important;
    font-weight: 600 !important;
} */

/* عنوان کارت */
.card-header .card-title,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {
    color: #fff !important;
    margin: 0 !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

/* آیکون در header */
.card-header i {
    color: #fff !important;
    opacity: 0.95 !important;
}

/* Override برای card-header های مختلف */
.card-header.bg-primary,
.card-header.bg-info,
.card-header.bg-success,
.card-header.bg-warning,
.card-header.bg-danger,
.card-header.bg-gradient-primary {
    background: linear-gradient(135deg, var(--color-student) 0%, #2563eb 100%) !important;
    color: #fff !important;
}

/* برای کارت‌هایی که header بدون background دارند */
.card-header:not([class*="bg-"]):not([class*="text-"]) {
    background: linear-gradient(135deg, var(--color-student) 0%, #2563eb 100%) !important;
    color: #fff !important;
}

/* Override برای card-header سفید و light */
.card-header.bg-white,
.card-header.bg-light {
    background: linear-gradient(135deg, var(--color-student) 0%, #2563eb 100%) !important;
    color: #fff !important;
}

.card-header.bg-white .card-title,
.card-header.bg-white h3,
.card-header.bg-white h4,
.card-header.bg-white h5,
.card-header.bg-white h6,
.card-header.bg-light .card-title,
.card-header.bg-light h3,
.card-header.bg-light h4,
.card-header.bg-light h5,
.card-header.bg-light h6 {
    color: #fff !important;
}

/* برای دکمه‌ها در card-header */
.card-header .btn {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: #fff !important;
}

.card-header .btn:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #fff !important;
}

/* برای badge در card-header */
.card-header .badge {
    background-color: rgba(255, 255, 255, 0.25) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* بهبود ظاهر card-header */
.card-header {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    position: relative !important;
}

/* برای کارت‌هایی که border دارند */
.card.border-0 .card-header {
    border-radius: 0.5rem 0.5rem 0 0 !important;
}

/* استایل برای کارت‌های بدون header (در صورت نیاز) */
.card:not(:has(.card-header)) .card-body:first-child {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

/* ============================================
   استایل یکپارچه برای دکمه‌های عملیات (ویرایش، حذف، نمایش)
   ============================================ */

/* کلاس پایه برای تمام دکمه‌های عملیات */
.btn-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 0.375rem;
    transition: all 0.3s ease;
    border: none;
    min-width: 85px;
    gap: 0.375rem;
}

/* برای دکمه‌هایی که فقط آیکون دارند (بدون متن) */
a.btn-sm:not(:has-text):has(i.fa-eye),
a.btn-sm:not(:has-text):has(i.fa-edit),
a.btn-sm:not(:has-text):has(i.fa-trash),
button.btn-sm:not(:has-text):has(i.fa-eye),
button.btn-sm:not(:has-text):has(i.fa-edit),
button.btn-sm:not(:has-text):has(i.fa-trash),
a.btn-sm i.fa-eye:only-child,
a.btn-sm i.fa-edit:only-child,
a.btn-sm i.fa-trash:only-child,
button.btn-sm i.fa-eye:only-child,
button.btn-sm i.fa-edit:only-child,
button.btn-sm i.fa-trash:only-child {
    min-width: 38px !important;
    padding: 0.5rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* اگر دکمه فقط شامل یک آیکون است (بدون متن بعد از آن) */
a.btn-sm:has(i:only-child),
button.btn-sm:has(i:only-child) {
    min-width: 38px !important;
    padding: 0.5rem !important;
}

/* بهبود نمایش آیکون‌ها در دکمه‌ها */
.btn-action i {
    font-size: 0.875rem;
    line-height: 1;
}

/* اطمینان از نمایش صحیح متن در دکمه‌ها */
.btn-action:not(:has(i:only-child)) {
    min-width: 85px;
}

.btn-action:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.btn-action:active {
    transform: translateY(0);
}

.btn-action i {
    font-size: 0.875rem;
}

/* دکمه نمایش (View) - آبی */
.btn-action-view,
.btn-view,
a[title*="مشاهده"],
a[title*="نمایش"] {
    background-color: var(--color-student) !important;
    color: #fff !important;
    border-color: var(--color-student) !important;
}

.btn-action-view:hover,
.btn-view:hover,
a[title*="مشاهده"]:hover,
a[title*="نمایش"]:hover {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #fff !important;
}

/* دکمه ویرایش (Edit/Update) - آبی (همانند نمایش) */
.btn-action-edit,
.btn-edit,
a[title*="ویرایش"] {
    background-color: var(--color-student) !important;
    color: #fff !important;
    border-color: var(--color-student) !important;
}

.btn-action-edit:hover,
.btn-edit:hover,
a[title*="ویرایش"]:hover {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #fff !important;
}

/* دکمه حذف (Delete) - قرمز */
.btn-action-delete,
.btn-delete,
a[title*="حذف"] {
    background-color: var(--color-attach) !important;
    color: #fff !important;
    border-color: var(--color-attach) !important;
}

.btn-action-delete:hover,
.btn-delete:hover,
a[title*="حذف"]:hover {
    background-color: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
}

/* Override برای دکمه‌های ActionColumn در GridView */
.grid-view .action-column a.btn-sm[href*="view"],
.grid-view .action-column a[title*="مشاهده"] {
    background-color: var(--color-student) !important;
    color: #fff !important;
    border: none !important;
}

.grid-view .action-column a.btn-sm[href*="update"],
.grid-view .action-column a[href*="edit"],
.grid-view .action-column a[title*="ویرایش"] {
    background-color: var(--color-mother) !important;
    color: #fff !important;
    border: none !important;
}

.grid-view .action-column a.btn-sm[href*="delete"],
.grid-view .action-column a[title*="حذف"] {
    background-color: var(--color-attach) !important;
    color: #fff !important;
    border: none !important;
}

/* استایل یکپارچه برای دکمه‌های GridView ActionColumn */
.grid-view .action-column a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    border-radius: 0.375rem !important;
    transition: all 0.3s ease !important;
    border: none !important;
    min-width: 85px !important;
    gap: 0.375rem !important;
    margin: 0 0.125rem !important;
    text-decoration: none !important;
}

.grid-view .action-column a:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
    text-decoration: none !important;
}

.grid-view .action-column a:active {
    transform: translateY(0) !important;
}

.grid-view .action-column a i {
    font-size: 0.875rem !important;
}

/* Override برای دکمه‌های outline */
.btn-outline-primary.btn-action-view,
.btn-outline-primary[title*="مشاهده"],
.btn-outline-primary[title*="نمایش"] {
    background-color: transparent !important;
    border: 1px solid var(--color-student) !important;
    color: var(--color-student) !important;
}

.btn-outline-primary.btn-action-view:hover,
.btn-outline-primary[title*="مشاهده"]:hover,
.btn-outline-primary[title*="نمایش"]:hover {
    background-color: var(--color-student) !important;
    color: #fff !important;
}

.btn-outline-primary.btn-action-edit,
.btn-outline-secondary.btn-action-edit,
.btn-outline-primary[title*="ویرایش"],
.btn-outline-secondary[title*="ویرایش"] {
    background-color: transparent !important;
    border: 1px solid var(--color-student) !important;
    color: var(--color-student) !important;
}

.btn-outline-primary.btn-action-edit:hover,
.btn-outline-secondary.btn-action-edit:hover,
.btn-outline-primary[title*="ویرایش"]:hover,
.btn-outline-secondary[title*="ویرایش"]:hover {
    background-color: var(--color-student) !important;
    color: #fff !important;
}

.btn-outline-danger.btn-action-delete,
.btn-outline-danger[title*="حذف"] {
    background-color: transparent !important;
    border: 1px solid var(--color-attach) !important;
    color: var(--color-attach) !important;
}

.btn-outline-danger.btn-action-delete:hover,
.btn-outline-danger[title*="حذف"]:hover {
    background-color: var(--color-attach) !important;
    color: #fff !important;
}

/* ============================================
   Override خودکار برای تمام دکمه‌های عملیات در GridView
   ============================================ */

/* دکمه‌های مشاهده - بر اساس icon و href */
a[href*="view"][class*="btn"],
a[title*="مشاهده"][class*="btn"],
a[title*="نمایش"][class*="btn"],
a[href*="/view"][class*="btn"],
a[href*="result-view"][class*="btn"],
a i.fa-eye + * {
    background-color: var(--color-student) !important;
    color: #fff !important;
    border-color: var(--color-student) !important;
}

a[href*="view"][class*="btn"]:hover,
a[title*="مشاهده"][class*="btn"]:hover,
a[title*="نمایش"][class*="btn"]:hover,
a[href*="/view"][class*="btn"]:hover,
a[href*="result-view"][class*="btn"]:hover {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #fff !important;
}

/* دکمه‌های ویرایش - بر اساس icon و href */
a[href*="edit"][class*="btn"],
a[href*="update"][class*="btn"],
a[title*="ویرایش"][class*="btn"],
button[title*="ویرایش"][class*="btn"],
a i.fa-edit + *,
button i.fa-edit + * {
    background-color: var(--color-mother) !important;
    color: #fff !important;
    border-color: var(--color-mother) !important;
}

a[href*="edit"][class*="btn"]:hover,
a[href*="update"][class*="btn"]:hover,
a[title*="ویرایش"][class*="btn"]:hover,
button[title*="ویرایش"][class*="btn"]:hover {
    background-color: #9333ea !important;
    border-color: #9333ea !important;
    color: #fff !important;
}

/* Override برای دکمه‌های warning که برای ویرایش استفاده می‌شوند */
.btn-warning[title*="ویرایش"],
.btn-warning i.fa-edit {
    background-color: var(--color-mother) !important;
    border-color: var(--color-mother) !important;
    color: #fff !important;
}

.btn-warning[title*="ویرایش"]:hover {
    background-color: #9333ea !important;
    border-color: #9333ea !important;
}

/* دکمه‌های حذف */
a[href*="delete"][class*="btn"],
a[title*="حذف"][class*="btn"],
button[title*="حذف"][class*="btn"],
a i.fa-trash + *,
button i.fa-trash + * {
    background-color: var(--color-attach) !important;
    color: #fff !important;
    border-color: var(--color-attach) !important;
}

a[href*="delete"][class*="btn"]:hover,
a[title*="حذف"][class*="btn"]:hover,
button[title*="حذف"][class*="btn"]:hover {
    background-color: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
}

/* Override برای دکمه‌هایی که فقط icon دارند */
a.btn-sm i.fa-eye,
a.btn-sm i.fa-eye + * {
    color: #fff !important;
}

a.btn-sm i.fa-edit,
a.btn-sm i.fa-edit + * {
    color: #fff !important;
}

a.btn-sm i.fa-trash,
a.btn-sm i.fa-trash + * {
    color: #fff !important;
}

/* یکسان کردن استایل تمام دکمه‌های عملیات */
a[href*="view"].btn-sm,
a[href*="edit"].btn-sm,
a[href*="update"].btn-sm,
a[href*="delete"].btn-sm,
a[title*="مشاهده"].btn-sm,
a[title*="ویرایش"].btn-sm,
a[title*="حذف"].btn-sm,
button[title*="ویرایش"].btn-sm,
button[title*="حذف"].btn-sm {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    border-radius: 0.375rem !important;
    transition: all 0.3s ease !important;
    border: none !important;
    min-width: 85px !important;
    gap: 0.375rem !important;
    margin: 0 0.125rem !important;
}

a[href*="view"].btn-sm:hover,
a[href*="edit"].btn-sm:hover,
a[href*="update"].btn-sm:hover,
a[href*="delete"].btn-sm:hover,
a[title*="مشاهده"].btn-sm:hover,
a[title*="ویرایش"].btn-sm:hover,
a[title*="حذف"].btn-sm:hover,
button[title*="ویرایش"].btn-sm:hover,
button[title*="حذف"].btn-sm:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}