/* ==========================================================================
   GymSofto — شكل السيستم الداخلي (Admin)
   الثيم: أسود للأزرار والعناصر الأساسية، وأحمر #d53c41 للتفاصيل الصغيرة
   كل الألوان هنا في المتغيرات تحت، فتغيير الثيم بيبقى من مكان واحد
   ========================================================================== */

/* الخطوط: Cairo للعربي، Poppins للإنجليزي (ملفات محلية في wwwroot/fonts، مش محتاجة إنترنت) */
@font-face { font-family: 'Cairo'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/cairo/cairo-arabic-400-normal.woff2) format('woff2'); unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC; }
@font-face { font-family: 'Cairo'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/cairo/cairo-arabic-500-normal.woff2) format('woff2'); unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC; }
@font-face { font-family: 'Cairo'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/cairo/cairo-arabic-600-normal.woff2) format('woff2'); unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC; }
@font-face { font-family: 'Cairo'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/cairo/cairo-arabic-700-normal.woff2) format('woff2'); unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC; }
@font-face { font-family: 'Cairo'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/cairo/cairo-latin-400-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Cairo'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/cairo/cairo-latin-500-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Cairo'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/cairo/cairo-latin-600-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Cairo'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/cairo/cairo-latin-700-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/poppins/poppins-latin-400-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/poppins/poppins-latin-500-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/poppins/poppins-latin-600-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/poppins/poppins-latin-700-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

:root {
    --gs-black: #141414;
    --gs-black-hover: #2a2a2a;
    --gs-red: #d53c41;
    --gs-red-dark: #b52f34;
    --gs-red-soft: #fbeced;
    --gs-accent: var(--gs-red);           /* لون الزراير والتفاصيل على الخلفية البيضا */
    --gs-accent-hover: var(--gs-red-dark);
    --gs-accent-ring: rgba(var(--gs-red-rgb, 213, 60, 65), .18);
    --gs-bg: #f3f4f6;
    --gs-surface: #ffffff;
    --gs-border: #e1e3e8;
    --gs-border-strong: #cfd3da;
    --gs-text: #1d2127;
    --gs-muted: #636b78;
    --gs-side-bg: #141414;
    --gs-side-text: #b9bcc2;
    --gs-side-text-strong: #ffffff;
    --gs-side-hover: #212121;
    --gs-side-line: #2b2b2b;
    --gs-side-sub: #0d0d0d;               /* [ثيمات السيستم] خلفية القايمة الفرعية */
    --gs-red-rgb: 213, 60, 65;            /* [ثيمات السيستم] نفس لون الزراير كأرقام (للشفافية) */
    --gs-side-w: 250px;
    --gs-side-w-collapsed: 68px;
    --gs-top-h: 60px;
    --gs-radius: 6px;
    --gs-font: 'Poppins', 'Cairo', "Segoe UI", Arial, sans-serif;
}

html[lang="ar"] { --gs-font: 'Cairo', 'Poppins', Tahoma, Arial, sans-serif; }

/* ---------- الأساس ---------- */
html, body { height: 100%; }
body.gs-admin {
    margin: 0;
    background: var(--gs-bg);
    color: var(--gs-text);
    font-family: var(--gs-font);
    font-size: 14px;
    line-height: 1.55;
    direction: inherit;
    text-align: start; /* بيمشي مع اتجاه الصفحة: يمين في العربي وشمال في الإنجليزي */
}
.gs-admin h1, .gs-admin h2, .gs-admin h3, .gs-admin h4, .gs-admin h5, .gs-admin h6,
.gs-admin span, .gs-admin input, .gs-admin select, .gs-admin textarea, .gs-admin button { font-family: inherit; }
.gs-admin a { color: var(--gs-text); }
.gs-admin a:hover { color: var(--gs-red); text-decoration: none; }
.gs-admin img { max-width: 100%; }

.gs-skip { position: absolute; top: -40px; inset-inline-start: 8px; background: var(--gs-black); color: #fff !important; padding: 8px 12px; z-index: 2000; border-radius: var(--gs-radius); }
.gs-skip:focus { top: 8px; }

.gs-shell { display: flex; min-height: 100vh; }

/* ---------- القائمة الجانبية ---------- */
.gs-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    width: var(--gs-side-w);
    background: var(--gs-side-bg);
    color: var(--gs-side-text);
    display: flex;
    flex-direction: column;
    z-index: 1030;
    transition: width .18s ease, transform .2s ease;
}
.gs-main {
    flex: 1;
    min-width: 0;
    margin-inline-start: var(--gs-side-w);
    display: flex;
    flex-direction: column;
    transition: margin .18s ease;
}
.gs-no-side .gs-main { margin-inline-start: 0; }

.gs-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    height: var(--gs-top-h);
    padding: 0 16px;
    border-bottom: 1px solid var(--gs-side-line);
    flex-shrink: 0;
}
.gs-brand-link { display: flex; align-items: center; flex-shrink: 0; }
.gs-brand-logo { max-height: 36px; max-width: 110px; width: auto; border-radius: 0; }
.gs-brand-mark {
    width: 36px; height: 36px; border-radius: var(--gs-radius);
    background: var(--gs-red); color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 13px; letter-spacing: .5px;
}
.gs-brand-text { min-width: 0; line-height: 1.3; }
.gs-brand-name { color: var(--gs-side-text-strong); font-weight: 600; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gs-brand-sub { color: #8d9097; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.gs-nav { flex: 1; overflow-y: auto; padding: 10px 0; }
.gs-nav, .gs-nav * { scrollbar-width: none; -ms-overflow-style: none; }   /* المنيو بيعمل سكرول من غير بار */
.gs-nav::-webkit-scrollbar, .gs-nav *::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none; }
.gs-nav-list, .gs-nav-sub { list-style: none; margin: 0; padding: 0; }

.gs-nav-link {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 42px;
    padding: 0 18px;
    border: 0;
    background: transparent;
    color: var(--gs-side-text) !important;
    font-size: 14px;
    text-align: start;
    cursor: pointer;
    border-inline-start: 3px solid transparent;
}
.gs-nav-link:hover, .gs-nav-link:focus-visible { background: var(--gs-side-hover); color: var(--gs-side-text-strong) !important; outline: none; }
.gs-nav-link.is-active, .gs-nav-group.has-active > .gs-nav-link { color: var(--gs-side-text-strong) !important; border-inline-start-color: var(--gs-red); }
.gs-nav-link.is-active { background: var(--gs-side-hover); }
.gs-nav-icon { width: 18px; text-align: center; font-size: 15px; flex-shrink: 0; }
.gs-nav-text { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gs-nav-caret { font-size: 14px; transition: transform .15s ease; }
.gs-nav-group.is-open > .gs-nav-link .gs-nav-caret { transform: rotate(180deg); }

.gs-nav-sub { display: none; padding: 2px 0 6px; background: var(--gs-side-sub, #0d0d0d); }
.gs-nav-group.is-open > .gs-nav-sub { display: block; }
.gs-nav-sublink {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    padding-inline-start: 30px;
    color: var(--gs-side-text) !important;
    font-size: 13.5px;
    position: relative;
}
/* أيقونة كل صفحة فرعية (من Page_Icon في الداتابيز، زي ما هي) */
.gs-sub-icon {
    width: 26px; height: 26px; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 7px; font-size: 13px;
    background: rgba(255, 255, 255, .04); color: #8d9097;
}
.gs-sub-text { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gs-nav-sublink:hover, .gs-nav-sublink:focus-visible { color: var(--gs-side-text-strong) !important; background: var(--gs-side-hover); outline: none; }
.gs-nav-sublink:hover .gs-sub-icon { color: #fff; background: rgba(255, 255, 255, .09); }
.gs-nav-sublink.is-active { color: var(--gs-side-text-strong) !important; font-weight: 600; }
.gs-nav-sublink.is-active .gs-sub-icon { background: var(--gs-red); color: #fff; box-shadow: 0 4px 12px rgba(var(--gs-red-rgb, 213, 60, 65), .45); }

.gs-side-foot { border-top: 1px solid var(--gs-side-line); padding: 12px 16px; flex-shrink: 0; }
.gs-user { display: flex; align-items: center; gap: 10px; }
.gs-user-avatar {
    width: 32px; height: 32px; border-radius: 50%;
    background: #2e2e2e; color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 13px; font-weight: 600; flex-shrink: 0;
}
.gs-user-text { min-width: 0; line-height: 1.3; }
.gs-user-name { color: #fff; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gs-user-role { color: #8d9097; font-size: 12px; }

/* تصغير القائمة على الكمبيوتر: أيقونات بس */
@media (min-width: 992px) {
    .gs-collapsed .gs-sidebar { width: var(--gs-side-w-collapsed); }
    .gs-collapsed .gs-main { margin-inline-start: var(--gs-side-w-collapsed); }
    .gs-collapsed .gs-hide-collapsed { display: none !important; }
    .gs-collapsed .gs-brand { justify-content: center; padding: 0; }
    .gs-collapsed .gs-brand-logo { max-width: 44px; }
    .gs-collapsed .gs-nav-link { justify-content: center; padding: 0; }
    /* المجموعات المقفولة مش بتظهر، ومجموعة الصفحة المفتوحة بتفضل ظاهرة أيقونات (شوف admin-fx.css) */
    .gs-collapsed .gs-nav-group:not(.has-active):not(:hover) > .gs-nav-sub { display: none !important; }
}

/* ---------- الشريط العلوي ---------- */
.gs-topbar {
    position: sticky;
    top: 0;
    z-index: 1020;
    height: var(--gs-top-h);
    background: var(--gs-surface);
    border-bottom: 1px solid var(--gs-border);
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 20px;
}
.gs-icon-btn {
    width: 38px; height: 38px;
    border: 1px solid var(--gs-border);
    border-radius: var(--gs-radius);
    background: var(--gs-surface);
    color: var(--gs-text);
    display: inline-flex; align-items: center; justify-content: center;
    cursor: pointer; flex-shrink: 0;
}
.gs-icon-btn:hover { background: #f6f6f7; }
.gs-title { flex: 1; min-width: 0; line-height: 1.25; }
.gs-crumb { font-size: 12px; color: var(--gs-muted); }
.gs-page-title { margin: 0; font-size: 17px; font-weight: 600; color: var(--gs-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gs-topbar-end { display: flex; align-items: center; gap: 10px; }

.gs-lang { display: inline-flex; border: 1px solid var(--gs-border); border-radius: var(--gs-radius); overflow: hidden; }
.gs-lang-btn { min-width: 38px; height: 32px; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; color: var(--gs-muted) !important; padding: 0 10px; }
.gs-lang-btn.is-on { background: var(--gs-accent); color: #fff !important; }
.gs-lang-btn:not(.is-on):hover { background: #f4f4f5; }

.gs-chip { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: var(--gs-radius); background: #f4f4f5; font-size: 13px; color: var(--gs-text); white-space: nowrap; }
.gs-chip .fa { color: var(--gs-red); }

.gs-user-btn { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 8px; border: 0; background: transparent; color: var(--gs-text); cursor: pointer; border-radius: var(--gs-radius); }
.gs-user-btn:hover { background: #f4f4f5; }
.gs-user-btn .gs-user-avatar { background: var(--gs-accent); width: 30px; height: 30px; }
.gs-admin .dropdown-menu { border-color: var(--gs-border); border-radius: var(--gs-radius); box-shadow: 0 6px 18px rgba(0,0,0,.08); font-size: 14px; }
.gs-admin .dropdown-item { padding: 8px 16px; display: flex; align-items: center; gap: 8px; }
/* قائمة اليوزر فوق: بتفتح لجوه الصفحة في الاتجاهين */
.gs-admin .gs-user-menu { position: absolute; top: calc(100% + 6px); inset-inline-end: 0; inset-inline-start: auto; left: auto; right: auto; min-width: 190px; }
html[dir="ltr"] .gs-admin .gs-user-menu { right: 0; }
html[dir="rtl"] .gs-admin .gs-user-menu { left: 0; }
.gs-admin .dropdown-item:active, .gs-admin .dropdown-item.active { background: var(--gs-accent); color: #fff; }

/* ---------- المحتوى ---------- */
.gs-content { flex: 1; padding: 20px; }
.gs-footer { padding: 14px 20px 18px; color: var(--gs-muted); font-size: 12.5px; text-align: center; border-top: 1px solid var(--gs-border); }
.gs-footer a { color: var(--gs-red) !important; font-weight: 600; }
.gs-footer a:hover { text-decoration: underline; }

/* الشاشات القديمة: كانت على خلفية صورة غامقة، دلوقتي على خلفية فاتحة */
.gs-admin .banner-style-two.banner-bg { background: none; padding: 0; min-height: 0; position: static; }
.gs-admin .banner-style-two.banner-bg::before { display: none; }
.gs-admin .gs-content > .container,
.gs-admin .gs-content .banner-style-two > .container { max-width: none; width: 100%; padding: 0; }
.gs-admin .gs-content .row { margin-left: -10px; margin-right: -10px; }
.gs-admin .gs-content [class*="col-"] { padding-left: 10px; padding-right: 10px; }

/* الكروت */
.gs-admin .widget-box {
    background: var(--gs-surface);
    border: 1px solid var(--gs-border);
    border-radius: var(--gs-radius);
    margin: 0 0 20px;
    padding: 0;
    box-shadow: none;
}
.gs-admin .widget-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--gs-border);
    width: auto !important;
}
.gs-admin .widget-title { margin: 0 !important; font-size: 15px; font-weight: 600; color: var(--gs-text); flex: 1; }
.gs-admin .widget-title span[style*="color:red"], .gs-admin .widget-title span[style*="color: red"] { color: var(--gs-red) !important; }
.gs-admin .widget-toolbar { float: none; display: flex; align-items: center; gap: 8px; margin-inline-start: auto; }
.gs-admin .widget-toolbar .form-control { width: auto; min-width: 150px; }
.gs-admin .widget-body { width: auto !important; }
.gs-admin .widget-body > .row { padding: 16px !important; margin: 0; }
.gs-admin .widget-body h3 { font-size: 16px; font-weight: 600; color: var(--gs-text); margin: 0; }

.gs-admin .card { border-color: var(--gs-border); border-radius: var(--gs-radius); }
.gs-admin .card-header { background: #fafafa; border-bottom-color: var(--gs-border); font-weight: 600; }

/* تلميحات كانت مكتوبة بالأبيض على الخلفية الغامقة */
.gs-hint { display: flex; align-items: center; gap: 8px; color: var(--gs-muted); font-size: 13px; margin: 0 0 12px; }
.gs-hint .fa { color: var(--gs-red); }

/* ---------- النماذج ---------- */
.gs-admin label { font-size: 13px; font-weight: 600; color: #3a404a; margin-bottom: 4px; }
.gs-admin .form-control { height: 38px; border-color: var(--gs-border-strong); border-radius: var(--gs-radius); font-size: 14px; color: var(--gs-text); box-shadow: none; }
.gs-admin textarea.form-control { height: auto; }
.gs-admin .form-control:focus { border-color: var(--gs-accent); box-shadow: 0 0 0 3px var(--gs-accent-ring); }
.gs-admin .form-group { margin-bottom: 14px; }
.gs-admin .control-label[style*="red"], .gs-error { color: var(--gs-red) !important; font-weight: 400; font-size: 12.5px; margin-top: 4px; }

/* ---------- الأزرار ---------- */
.gs-admin .btn { border-radius: var(--gs-radius); font-size: 14px; font-weight: 600; padding: 7px 16px; box-shadow: none !important; }
.gs-admin .btn-primary, .gs-admin .btn-info, .gs-admin .btn-success {
    background: var(--gs-accent); border-color: var(--gs-accent); color: #fff !important;
}
.gs-admin .btn-dark { background: var(--gs-black); border-color: var(--gs-black); color: #fff !important; }
.gs-admin .btn-dark:hover { background: var(--gs-black-hover); border-color: var(--gs-black-hover); }
.gs-admin .btn-primary:hover, .gs-admin .btn-info:hover, .gs-admin .btn-success:hover,
.gs-admin .btn-primary:focus, .gs-admin .btn-info:focus, .gs-admin .btn-success:focus,
.gs-admin .btn-primary:not(:disabled):active, .gs-admin .btn-info:not(:disabled):active, .gs-admin .btn-success:not(:disabled):active {
    background: var(--gs-accent-hover); border-color: var(--gs-accent-hover);
}
.gs-admin .btn-danger { background: var(--gs-black); border-color: var(--gs-black); color: #fff !important; }
.gs-admin .btn-danger:hover { background: var(--gs-black-hover); border-color: var(--gs-black-hover); }
.gs-admin .btn-secondary { background: #fff; border-color: var(--gs-border-strong); color: var(--gs-text) !important; }
.gs-admin .btn-secondary:hover { background: #f4f4f5; }

/* أيقونات الجداول: تعديل بالأسود، مسح بالأحمر */
.gs-admin .red, .gs-admin a.red { color: var(--gs-red) !important; }
.gs-admin .blue, .gs-admin a.blue { color: var(--gs-text) !important; }
.gs-admin a.red:hover, .gs-admin a.blue:hover { opacity: .75; }
.gs-admin .bigger-150 { font-size: 17px !important; margin: 0 5px; }
.gs-admin .text-primary { color: var(--gs-text) !important; }
.gs-admin .text-danger { color: var(--gs-red) !important; }

/* ---------- المودال ---------- */
.gs-admin .modal-content { border: 0; border-radius: 8px; }
.gs-admin .modal-header { padding: 14px 18px; border-bottom-color: var(--gs-border); align-items: center; }
.gs-admin .modal-title { font-size: 16px; font-weight: 600; }
.gs-admin .modal-title span[style*="color:red"], .gs-admin .modal-title span[style*="color: red"] { color: var(--gs-red) !important; }
.gs-admin .modal-body { padding: 18px; }
.gs-admin .modal-footer { padding: 12px 18px 18px; }
.gs-admin .modal-header .close { margin: -4px; padding: 4px 8px; }
html[dir="rtl"] .gs-admin .modal-header .close { margin: -4px auto -4px -4px; }

/* ---------- الجداول ---------- */
.gs-admin table.dataTable, .gs-admin .table { color: var(--gs-text); }
.gs-admin table.dataTable thead th, .gs-admin .table thead th {
    background: #f7f7f8;
    color: #3a404a;
    font-weight: 600;
    font-size: 13px;
    border-bottom: 1px solid var(--gs-border-strong) !important;
    white-space: nowrap;
}
.gs-admin .table-bordered, .gs-admin .table-bordered td, .gs-admin .table-bordered th { border-color: var(--gs-border) !important; }
.gs-admin table.dataTable tbody td { vertical-align: middle; }
.gs-admin table.dataTable tbody tr:hover { background: #fafafa; }
.gs-admin table.dataTable tbody td p { margin: 0; }
.gs-admin table.dataTable tbody td:last-child { white-space: nowrap; }
.gs-admin .dataTables_wrapper { font-size: 13.5px; }
.gs-admin .dataTables_wrapper .dataTables_filter input {
    height: 34px; border: 1px solid var(--gs-border-strong); border-radius: var(--gs-radius); padding: 0 10px; margin-inline-start: 6px; outline: none;
}
.gs-admin .dataTables_wrapper .dataTables_filter input:focus { border-color: var(--gs-accent); box-shadow: 0 0 0 3px var(--gs-accent-ring); }
.gs-admin .dataTables_wrapper .dataTables_paginate .paginate_button { border-radius: var(--gs-radius) !important; border: 1px solid transparent !important; padding: 4px 10px !important; }
.gs-admin .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: #f1f1f2 !important; color: var(--gs-text) !important; border-color: var(--gs-border) !important; }
.gs-admin .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.gs-admin .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background: var(--gs-accent) !important; color: #fff !important; border-color: var(--gs-accent) !important; }
.gs-admin div.dt-buttons { margin-bottom: 8px; }
.gs-admin button.dt-button, .gs-admin a.dt-button {
    background: #fff !important; border: 1px solid var(--gs-border-strong) !important; border-radius: var(--gs-radius) !important;
    font-size: 13px !important; padding: 5px 12px !important; color: var(--gs-text) !important; margin-inline-end: 6px;
}
.gs-admin button.dt-button:hover, .gs-admin a.dt-button:hover { background: #f4f4f5 !important; }
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before { background-color: var(--gs-accent) !important; box-shadow: none !important; border-color: #fff !important; }
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before { background-color: var(--gs-black) !important; }

/* ---------- Select2 ---------- */
.gs-admin .select2-container--default .select2-selection--single { height: 38px; border-color: var(--gs-border-strong); border-radius: var(--gs-radius); }
.gs-admin .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px; color: var(--gs-text); }
.gs-admin .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; }
.gs-admin .select2-container--default.select2-container--focus .select2-selection--single,
.gs-admin .select2-container--default.select2-container--open .select2-selection--single { border-color: var(--gs-accent); box-shadow: 0 0 0 3px var(--gs-accent-ring); }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--gs-accent) !important; }
.select2-container--default .select2-results__option[aria-selected=true] { background: var(--gs-red-soft); color: var(--gs-text); }
.select2-dropdown { font-family: var(--gs-font); border-color: var(--gs-border-strong); }

/* ---------- SweetAlert ---------- */
.sweet-alert { font-family: var(--gs-font) !important; border-radius: 8px !important; }
.sweet-alert h2 { font-family: var(--gs-font) !important; font-size: 22px !important; }
.sweet-alert button.confirm, .sweet-alert button.btn { background-color: var(--gs-accent) !important; box-shadow: none !important; font-family: var(--gs-font) !important; }
.sweet-alert button.cancel, .sweet-alert button.btn-danger { background-color: #8a8f98 !important; }
.sweet-alert input:focus { border-color: var(--gs-accent) !important; box-shadow: 0 0 0 3px var(--gs-accent-ring) !important; }

/* ---------- مكتبات تانية بلون الثيم ---------- */
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active { background-color: var(--gs-accent) !important; color: #fff !important; text-shadow: none; }
.bootstrap-datetimepicker-widget table td.today::before { border-bottom-color: var(--gs-accent) !important; }
.bootstrap-datetimepicker-widget { font-family: var(--gs-font); }
.ui-widget { font-family: var(--gs-font) !important; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-menu .ui-menu-item-wrapper.ui-state-active { background: var(--gs-accent) !important; border-color: var(--gs-accent) !important; color: #fff !important; }
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { background: var(--gs-accent); color: #fff; }
.gs-admin .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--gs-accent); border-color: var(--gs-accent); }
.highcharts-container { font-family: var(--gs-font) !important; }

/* ---------- الاتجاه عربي (RTL) ---------- */
html[dir="rtl"] .gs-admin .dataTables_wrapper .dataTables_filter { float: left; text-align: left; }
html[dir="rtl"] .gs-admin .dataTables_wrapper .dataTables_length,
html[dir="rtl"] .gs-admin .dataTables_wrapper .dataTables_info { float: right; }
html[dir="rtl"] .gs-admin .dataTables_wrapper .dataTables_paginate { float: left; }
html[dir="rtl"] .gs-admin div.dt-buttons { float: right; }
html[dir="rtl"] .gs-admin table.dataTable thead th, html[dir="rtl"] .gs-admin table.dataTable tbody td { text-align: right; }
/* الأسماء والتواريخ الإنجليزي جوه الجدول العربي تفضل مقروءة بترتيبها الصح */
html[dir="rtl"] .gs-admin table.dataTable tbody td, html[dir="rtl"] .gs-admin .table td { unicode-bidi: plaintext; }
html[dir="rtl"] table.dataTable thead .sorting, html[dir="rtl"] table.dataTable thead .sorting_asc, html[dir="rtl"] table.dataTable thead .sorting_desc { background-position: left center; }
html[dir="rtl"] table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child { padding-left: 8px; padding-right: 30px; }
html[dir="rtl"] table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before { left: auto; right: 4px; }
html[dir="rtl"] .gs-admin .gs-nav-caret { transform: none; }
html[dir="rtl"] .gs-admin .gs-nav-group.is-open > .gs-nav-link .gs-nav-caret { transform: rotate(180deg); }
html[dir="rtl"] .bootstrap-datetimepicker-widget { direction: ltr; }
html[dir="rtl"] .sweet-alert { direction: rtl; }
html[dir="rtl"] .ui-autocomplete { direction: rtl; text-align: right; }

/* ---------- الموبايل ---------- */
.gs-backdrop { display: none; }
@media (max-width: 991.98px) {
    .gs-sidebar { width: 270px; transform: translateX(-100%); box-shadow: none; }
    html[dir="rtl"] .gs-sidebar { transform: translateX(100%); }
    .gs-drawer-open .gs-sidebar, html[dir="rtl"] .gs-drawer-open .gs-sidebar { transform: none; box-shadow: 0 0 30px rgba(0,0,0,.35); }
    .gs-drawer-open .gs-backdrop { display: block; position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 1025; }
    .gs-main, .gs-collapsed .gs-main { margin-inline-start: 0 !important; }
    .gs-topbar { padding: 0 12px; gap: 10px; }
    .gs-content { padding: 12px; }
    .gs-hide-sm { display: none !important; }
    .gs-admin .widget-toolbar { width: 100%; margin-inline-start: 0; }
    .gs-admin .widget-toolbar .form-control { flex: 1; }
}

@media print {
    .gs-sidebar, .gs-topbar, .gs-backdrop { display: none !important; }
    .gs-main { margin: 0 !important; }
}