@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');

/* الخط العام */
html,
body,
#root,
#app,
button,
input,
select,
textarea,
table {
    font-family:
        "IBM Plex Sans Arabic",
        Arial,
        sans-serif !important;
}

body {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
}

/* العناوين */
h1,
h2,
h3,
h4,
h5,
h6,
.page-title,
.modal-title,
.card-title {
    font-family:
        "IBM Plex Sans Arabic",
        Arial,
        sans-serif !important;

    font-weight: 700;
}

/*
 * تكبير بيانات محتوى الصفحة فقط.
 * لا يشمل الهيدر والـ Top Bar.
 */
main table,
main table th,
main table td,
main .data-table,
main .data-table th,
main .data-table td,
main .list-item,
main .card-content,
main .form-control,
main input,
main select,
main textarea,
main label {
    font-size: 16px !important;
    line-height: 1.55 !important;
}

/* بيانات الجداول */
main table td,
main .data-table td {
    font-size: 16px !important;
    font-weight: 400 !important;
}

/* عناوين أعمدة الجداول */
main table th,
main .data-table th {
    font-size: 15px !important;
    font-weight: 600 !important;
    white-space: nowrap;
}

/* النصوص الصغيرة داخل المحتوى */
main small,
main .helper-text,
main .meta-text,
main .description {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/*
 * حماية الـ Top Bar من التداخل
 */
header,
.topbar,
.top-bar,
.app-header,
.main-header,
.navbar,
.header-bar {
    font-size: 14px !important;
    line-height: 1.3 !important;
}

/* عناصر وأزرار الهيدر */
header button,
.topbar button,
.top-bar button,
.app-header button,
.main-header button,
.navbar button {
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* روابط وقوائم الهيدر */
header a,
.topbar a,
.top-bar a,
.app-header a,
.main-header a,
.navbar a {
    font-size: 14px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
}

/* النصوص الثانوية داخل الهيدر */
header small,
.topbar small,
.top-bar small,
.app-header small,
.main-header small {
    font-size: 12px !important;
    line-height: 1.25 !important;
}

/* شارات الإشعارات داخل الهيدر */
header .badge,
header .status-badge,
.topbar .badge,
.top-bar .badge,
.app-header .badge,
.main-header .badge {
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    font-size: 10px !important;
    line-height: 18px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* الأيقونات */
header svg,
.topbar svg,
.top-bar svg,
.app-header svg,
.main-header svg,
.navbar svg {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 auto !important;
}

/* أيقونات الخطوط */
.material-icons {
    font-family: "Material Icons" !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

.material-symbols-outlined,
.material-symbols-rounded {
    font-family: "Material Symbols Outlined" !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

/* رسائل التنبيه المؤقتة */
.Toastify__toast,
.toast,
.notification-toast,
.snackbar,
[role="alert"] {
    font-size: 13px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

/* الشاشات الضيقة */
@media (max-width: 900px) {
    header,
    .topbar,
    .top-bar,
    .app-header,
    .main-header,
    .navbar {
        font-size: 13px !important;
    }

    header button,
    .topbar button,
    .top-bar button,
    .app-header button,
    .main-header button {
        font-size: 13px !important;
    }

    main table td,
    main .data-table td,
    main input,
    main select,
    main textarea {
        font-size: 15px !important;
    }
}