.flex-container {
  display: flex;
  justify-content: space-between;
}

.text-danger{
  color: red;
}

/* الكلاس الأساسي للـ alert */
.alert {
    padding: 1rem 1.5rem;        /* مسافة داخلية */
    border-radius: 0.5rem;       /* حواف مدورة */
    margin-bottom: 1rem;         /* مسافة أسفل العنصر */
    font-size: 1rem;             /* حجم الخط */
    font-weight: 500;            /* سمك الخط متوسط */
    border: 1px solid transparent; /* حدود شفافة افتراضياً */
    transition: background-color 0.3s, color 0.3s; /* سلاسة التحولات */
}

/* حالة النجاح */
.alert-success {
    background-color: #d1fae5;  /* أخضر فاتح */
    color: #065f46;              /* أخضر داكن للنص */
    border-color: #10b981;       /* حدود خضراء */
}

/* دعم الوضع الداكن */
@media (prefers-color-scheme: dark) {
    .alert-success {
        background-color: #065f46;  /* أخضر داكن للخلفية */
        color: #d1fae5;             /* أخضر فاتح للنص */
        border-color: #10b981;      /* حدود خضراء */
    }
}

/* توسيط النص */
.text-center {
    text-align: center;
}