/**
 * Base Styles
 * الأنماط الأساسية
 */

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: white;
    direction: rtl;
    text-align: right;
}

body[dir="ltr"] {
    direction: ltr;
    text-align: left;
}

body[dir="ltr"] .app-main,
body[dir="ltr"] .app-content,
body[dir="ltr"] .main-content,
body[dir="ltr"] .table-wrapper,
body[dir="ltr"] .status-bar-card {
    direction: ltr;
    text-align: left;
}

.app-container {
}

.page-header {
    margin-bottom: var(--spacing-lg);
    width: 100%;
    padding: 0 20px 0 20px;
}

.page-header h1 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--dark);
}

/* Desktop Only */
.desktop-only {
    display: block;
}

.mobile-only {
    display: none;
}

/* Mobile Only */
@media (max-width: 768px) {
    .desktop-only {
        display: none !important;
    }
    
    .mobile-only {
        display: block !important;
    }
    
    .main-content {
        margin-right: 0;
        padding: var(--spacing-md);
        padding-top: 70px; /* Space for menu button */
    }
}

.header-balance-label {
    font-weight: 600;
    color: #0d6efd; /* أزرق واضح في الهيدر الفاتح */
}
/* إجبار توسيط الرصيد في الهيدر (يتغلب على RTL) */
.app-header .container-fluid > .flex-grow-1 {
    text-align: center !important;
    direction: ltr !important;
}

/* بانر تنبيه الدخول باسم موزع */
.impersonation-banner {
    position: fixed;
    top: 57px;
    right: 250px;
    left: 0;
    z-index: 1037;
    background-color: #fff3cd;
    border-bottom: 1px solid #ffc107;
    padding: 10px 20px;
    min-height: 44px;
    text-align: center !important;
    direction: ltr !important;
}
body.sidebar-collapse .impersonation-banner {
    right: 0;
}
[dir="ltr"] .impersonation-banner {
    right: 0;
    left: 250px;
}
[dir="ltr"] body.sidebar-collapse .impersonation-banner {
    left: 0;
}
body.is-impersonating .app-main {
    padding-top: 101px !important;
}
.impersonation-banner-btn {
    flex-shrink: 0;
    display: inline-block;
    padding: 6px 14px;
    background: #fff;
    border: 1px solid #ffc107;
    border-radius: 6px;
    color: #664d03;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s;
}
.impersonation-banner-btn:hover {
    background: #ffe69c;
    border-color: #ffda6a;
    color: #332701;
}