/* لوحة التحكم — ثيم مخزون الحيوي (موحّد مع صفحة الهبوط) */

:root {
    --primary-color: var(--saas-primary);
    --primary-dark: var(--saas-primary-dark);
    --primary-darker: #5b21b6;
    --secondary-color: var(--saas-primary-soft);
    --text-color: #1e293b;
    --store-name-color: var(--saas-secondary);
    --store-name-dark: #059669;

    --bs-primary: #7c3aed;
    --bs-primary-rgb: 124, 58, 237;
    --bs-success: #06d6a0;
    --bs-success-rgb: 6, 214, 160;
    --bs-info: #06d6a0;
    --bs-info-rgb: 6, 214, 160;
    --bs-warning: #f59e0b;
    --bs-warning-rgb: 245, 158, 11;
    --bs-danger: #ff6b6b;
    --bs-danger-rgb: 255, 107, 107;

    /* بطاقات إحصائيات — ألوان صلبة متناسقة */
    --stat-stores: #7c3aed;
    --stat-products: #06d6a0;
    --stat-sales: #f43f5e;
    --stat-purchases: #6366f1;
}

body {
    font-family: 'IBM Plex Sans Arabic', 'Cairo', 'Segoe UI', sans-serif;
    color: var(--text-color);
    background-color: #f8fafc;
}

/* ——— شريط علوي ——— */
.navbar.navbar-mkh {
    background: #fff !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 4px 20px rgba(0, 0, 0, 0.04);
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
}

.navbar.navbar-mkh .nav-link {
    color: #475569 !important;
    font-weight: 500;
}

.navbar.navbar-mkh .nav-link:hover,
.navbar.navbar-mkh .nav-link:focus {
    color: var(--saas-primary) !important;
    background: var(--saas-primary-soft);
}

.navbar.navbar-mkh .navbar-brand,
.navbar.navbar-mkh .mkh-brand {
    padding: 0;
    margin: 0;
    color: inherit !important;
    background: transparent !important;
}

.navbar.navbar-mkh .navbar-brand:hover,
.navbar.navbar-mkh .mkh-brand:hover {
    background: transparent !important;
    transform: none;
}

.navbar.navbar-mkh #sidebarToggle {
    border-color: rgba(var(--saas-primary-rgb), 0.25) !important;
}

.navbar.navbar-mkh #sidebarToggle i {
    color: var(--saas-primary) !important;
}

/* زر القائمة — جوال فقط */
#sidebarToggle {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 992px) {
    #sidebarToggle {
        display: none !important;
    }
}

/* ——— أزرار ——— */
.btn-primary {
    background: var(--saas-primary);
    border-color: var(--saas-primary);
}

.btn-primary:hover,
.btn-primary:focus {
    background: var(--saas-primary-dark);
    border-color: var(--saas-primary-dark);
}

.btn-success {
    background-color: var(--saas-secondary);
    border-color: var(--saas-secondary);
}

.btn-success:hover {
    background-color: #05c493;
    border-color: #05c493;
}

.bg-success {
    background-color: var(--saas-secondary) !important;
}

.badge.bg-success {
    background-color: var(--saas-secondary) !important;
}

.alert-success {
    background-color: rgba(var(--saas-secondary-rgb), 0.12);
    border-color: rgba(var(--saas-secondary-rgb), 0.35);
    color: #047857;
}

.alert-info {
    background-color: var(--saas-primary-soft);
    border-color: rgba(var(--saas-primary-rgb), 0.2);
    color: var(--saas-primary-dark);
}

.alert-warning {
    background-color: rgba(var(--saas-accent-rgb), 0.12);
    border-color: rgba(var(--saas-accent-rgb), 0.35);
    color: #b45309;
}

.text-success {
    color: var(--saas-secondary) !important;
}

.text-primary {
    color: var(--saas-primary) !important;
}

/* ——— بطاقات ——— */
.card {
    border: none;
    border-radius: 14px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04);
}

.card-header {
    background: var(--saas-primary);
    color: #fff;
    font-weight: 700;
    border-radius: 14px 14px 0 0 !important;
    border: none;
}

/* ——— الشريط الجانبي ——— */
.sidebar {
    background: #fff;
    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.04);
}

.sidebar .nav-link:hover,
.sidebar .nav-link.active {
    background: var(--saas-primary-soft);
    color: var(--saas-primary) !important;
    font-weight: 600;
}

.sidebar .nav-link.active i,
.sidebar .nav-link:hover i {
    color: var(--saas-primary);
}

.sidebar-store-name {
    /* لون الفاصل يُحدَّد من لون المتجر الحالي inline */
}

/* ——— بطاقات الإحصائيات (ألوان صلبة) ——— */
.stat-card {
    border-radius: 16px;
    border: none;
    color: #fff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.stat-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}

.stat-card--primary {
    background: var(--stat-stores);
    box-shadow: 0 6px 20px rgba(var(--saas-primary-rgb), 0.3);
}

.stat-card--secondary {
    background: var(--stat-products);
    box-shadow: 0 6px 20px rgba(var(--saas-secondary-rgb), 0.3);
}

.stat-card--accent {
    background: var(--stat-sales);
    box-shadow: 0 6px 20px rgba(244, 63, 94, 0.28);
}

.stat-card--blend,
.stat-card--indigo {
    background: var(--stat-purchases);
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.3);
}

/* زر إضافة متجر — بدون ظل */
.add-store-btn,
.stores-header .btn-primary:not(:disabled),
.empty-stores .btn-primary:not(:disabled) {
    background: var(--saas-primary) !important;
    border: 2px solid var(--saas-primary) !important;
    box-shadow: none !important;
    animation: none !important;
}

.add-store-btn:hover,
.add-store-btn:focus,
.add-store-btn:active,
.stores-header .btn-primary:hover:not(:disabled),
.stores-header .btn-primary:focus:not(:disabled),
.stores-header .btn-primary:active:not(:disabled),
.empty-stores .btn-primary:hover:not(:disabled),
.empty-stores .btn-primary:focus:not(:disabled),
.empty-stores .btn-primary:active:not(:disabled) {
    background: var(--saas-primary-dark) !important;
    box-shadow: none !important;
}

/* روابط وتركيز */
a {
    color: var(--saas-primary);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--saas-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--saas-primary-rgb), 0.15);
}

.page-link {
    color: var(--saas-primary);
}

.page-item.active .page-link {
    background-color: var(--saas-primary);
    border-color: var(--saas-primary);
}

.dropdown-item:active {
    background-color: var(--saas-primary);
}

.current-store-badge {
    padding: 0.55rem 1rem;
    border-radius: 10px;
    font-weight: 700;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    font-size: 0.875rem;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    border: none;
}