body {
    background-color: #FFFEF6;
}
:root {
    --etqan-primary : #753A6A;;
    --etqan-secondary:#E4BBB5;
    --etqan-warning: #EB4046;

    --etqan-danger: #EA8E8E;
    
    
    /* 1. الخلفية الجديدة: فخمة ونقية */
    --etqan-baground: #fffef6;

    /* 2. اللون الفاتح الجديد: متناغم مع الخلفية (اخترت لك الخيار الأول) */
    --etqan-light: #F7F4E7;
    --etqan-light-primary: #EADFF5;
    /*#753a6a3d*/

    --etqan-border-primary: #753a6a38;

    /* 3. تحديث مهم: الأبيض يجب أن يكون ناصعاً الآن ليبرز فوق الخلفية */
    --etqan-white: #FFFFFF;

    /* ------------------------ */

    --etqan-dark: #3b1c35;
    --etqan-primary-active: #F9FEFD;
    --etqan-primary-active-border: #037051;
    --etqan-border-soft: rgba(56, 50, 38, 0.1);
 }


.btn-primary {
    color: #5D2A22;
    background-color: var(--etqan-secondary);
    border-color: #F7F4E7;
}


.btn-etqan-primary {
    background-color: var(--etqan-primary);
    color: white;
}

.link-etqan-primary {
    color: #745579;
}

.btn-etqan-secondary {
    background-color: var(--etqan-secondary);
    color: #f5f5f5;
        /* أبيض مائل إلى الرمادي لتباين أفضل */
}

.toast.bg-success {
    background-color: var(--etqan-primary);
    /* #ba82c3 بدلاً من الأخضر */
}

.toast.bg-danger {
    background-color: var(--etqan-warning);
    /* #e07b7b بعد التعديل */
}

.btn-etqan-warning {
    background-color: var(--etqan-warning);
    color: white;
}

.bg-light {
    background-color: var(--etqan-light) !important;
}



.bg-etqan-background {
    color: var(--etqan-dark);
    background-color: var(--etqan-baground) !important;
}



.table-zero, .table-zero>th {
    background-color: var(--etqan-warning);
        /* #e07b7b بعد التعديل */
}



/*   */

.card-list {
    border: 1px solid var(--etqan-light) !important;
    transition: all 0.3s ease;
    background: #fff!important;
    border-radius: 8px!important;
}

.card-list:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15)!important;
    /* ظل أعمق عند التحويم */
    background: #ffffff!important;
    /* خلفية أفتح عند التحويم */
    transform: scale(1.02)!important;
    /* الإبقاء على التكبير */
    border-color: #d8d3ff!important;
    /* لون حدود أغمق قليلاً عند التحويم */
}

.card-max {
    margin: 4px auto;
    padding: 8px;
    /* border: 1px solid #e9e4ff;*/
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);*/
    border-radius: 6px;
    transition: all 0.3s ease;
    /* انتقال سلس عند الظهور/الإخفاء */
}


/*   */

/* تنسيق حقول input */
input {
    background: #ffffff;
    /* خلفية بيضاء للتباين */
    border: 1px solid var(--etqan-primary)!important;
    /* حدود أرجوانية فاتحة */
    border-radius: 4px;
    color: var(--etqan-dark)!important;
    /* نص غامق للقراءة */
    text-align: center;

    transition: border-color 0.3s ease;
    /* انتقال سلس للحدود */
}

input:focus {
    border-color: #007bff !important;
    /* حدود زرقاء عند التركيز */
    outline: none;
}

input.border-danger {
    border-color: var(--etqan-warning);
    /* حدود حمراء عند الخطأ */
}

input:disabled {
    background-color: #fff !important;
    /* خلفية أرجوانية فاتحة للحالة المعطلة */
    border-color:  var(--etqan-light-primary) !important;
    
    /* حدود أغمق قليلاً */
    color: #666;
    /* نص رمادي للتباين */
    opacity: 1;
    /* إزالة الشفافية */
}

select {
    background: #ffffff;
    border: 1px solid #d8d3ff!important;
    border-radius: 4px;
    color: #333;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23007bff'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E");
    /* سهم أزرق مخصص */
    background-position: left 8px center;
    /* وضع السهم على اليسار */
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 28px;
    /* مساحة للسهم */
    appearance: none;
    /* إزالة السهم الافتراضي */
    transition: border-color 0.3s ease;
}

select:focus {
    border-color: #007bff;
    outline: none;
}

select:disabled {
    background-color: #f9f5ff!important;
    /* خلفية أرجوانية فاتحة */
    border-color: #c8c3ff;
    color: #666;
    opacity: 1;
}