/* المسار: assets/css/main.css */

/* إعادة تعيين أساسية لمنع أي هوامش تسبب أشرطة التمرير */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* هذه القاعدة هي المنقذ من أشرطة التمرير البشعة */
}

/* تنسيقات عامة للجسم لتشبه التطبيق */
body {
    overflow-x: hidden; /* منع شريط التمرير الأفقي نهائياً في كامل الموقع */
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* تنسيقات الأزرار لتكون مناسبة للمس في الموبايل */
button, a {
    -webkit-tap-highlight-color: transparent;
}

/* تنسيقات الحقول الإدخال */
input, select, textarea {
    font-family: inherit;
}

/* التنسيقات المشتركة للبطاقات (Cards) */
.card {
    background-color: var(--card-bg);
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    padding: 20px;
}