/*
 * WeloPOS Custom Theme
 * هوية جديدة عصرية لنظام نقاط البيع
 * تحسينات الأداء والمظهر
 */

/* ============================================
   CSS Variables - متغيرات الألوان الأساسية
   ============================================ */
:root {
  /* الألوان الأساسية - هوية جديدة */
  --welo-primary: #6366f1;
  --welo-primary-dark: #4f46e5;
  --welo-primary-light: #818cf8;
  
  /* ألوان ثانوية */
  --welo-secondary: #0ea5e9;
  --welo-accent: #f59e0b;
  
  /* ألوان الحالات */
  --welo-success: #10b981;
  --welo-success-light: #34d399;
  --welo-warning: #f59e0b;
  --welo-warning-light: #fbbf24;
  --welo-danger: #ef4444;
  --welo-danger-light: #f87171;
  --welo-info: #06b6d4;
  
  /* الخلفيات */
  --welo-bg-main: #f1f5f9;
  --welo-bg-card: #ffffff;
  --welo-bg-sidebar: linear-gradient(180deg, #1e1b4b 0%, #312e81 100%);
  --welo-bg-header: #ffffff;
  
  /* النصوص */
  --welo-text-primary: #1e293b;
  --welo-text-secondary: #64748b;
  --welo-text-light: #94a3b8;
  --welo-text-white: #ffffff;
  
  /* الحدود */
  --welo-border-color: #e2e8f0;
  --welo-border-radius: 12px;
  --welo-border-radius-lg: 16px;
  --welo-border-radius-xl: 24px;
  
  /* الظلال */
  --welo-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --welo-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --welo-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --welo-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  
  /* الانتقالات */
  --welo-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --welo-transition-fast: all 0.15s ease;
}

/* ============================================
   تحسينات الأداء - GPU Acceleration
   ============================================ */
.main-sidebar,
.main-header,
.content-wrapper,
.box,
.btn,
.product-card,
.pos-product-list .product-box {
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* تقليل إعادة الرسم */
* {
  box-sizing: border-box;
}

/* ============================================
   الخلفية الرئيسية
   ============================================ */
body {
  background: var(--welo-bg-main) !important;
  color: var(--welo-text-primary);
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.content-wrapper {
  background: var(--welo-bg-main) !important;
}

/* ============================================
   Sidebar - الشريط الجانبي
   ============================================ */
.main-sidebar {
  background: var(--welo-bg-sidebar) !important;
  box-shadow: var(--welo-shadow-xl) !important;
  border-right: none !important;
}

.skin-blue .main-sidebar,
.skin-purple .main-sidebar,
.skin-green .main-sidebar,
.skin-red .main-sidebar,
.skin-primary .main-sidebar {
  background: var(--welo-bg-sidebar) !important;
}

/* Logo */
.main-sidebar .logo,
.main-header .logo {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.main-header .logo span,
.main-sidebar .logo {
  color: var(--welo-text-white) !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  letter-spacing: -0.5px;
}

/* قائمة Sidebar */
.sidebar-menu > li > a {
  color: rgba(255, 255, 255, 0.8) !important;
  border-radius: var(--welo-border-radius) !important;
  margin: 4px 12px !important;
  padding: 12px 16px !important;
  transition: var(--welo-transition) !important;
  font-weight: 500 !important;
}

.sidebar-menu > li > a:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--welo-text-white) !important;
  transform: translateX(4px);
}

.sidebar-menu > li.active > a {
  background: rgba(255, 255, 255, 0.15) !important;
  color: var(--welo-text-white) !important;
  border-left: 3px solid var(--welo-primary-light) !important;
  font-weight: 600 !important;
}

.sidebar-menu li.header {
  color: rgba(255, 255, 255, 0.5) !important;
  background: transparent !important;
  text-transform: uppercase;
  font-size: 11px !important;
  letter-spacing: 1px;
  padding: 20px 24px 8px !important;
}

/* Treeview */
.treeview-menu {
  background: rgba(0, 0, 0, 0.1) !important;
  border-radius: 0 0 var(--welo-border-radius) var(--welo-border-radius) !important;
  margin: 0 12px !important;
  padding: 8px 0 !important;
}

.treeview-menu > li > a {
  color: rgba(255, 255, 255, 0.7) !important;
  padding: 10px 16px 10px 32px !important;
  transition: var(--welo-transition-fast) !important;
}

.treeview-menu > li > a:hover,
.treeview-menu > li.active > a {
  color: var(--welo-text-white) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

/* ============================================
   Header - الشريط العلوي
   ============================================ */
.main-header {
  background: var(--welo-bg-header) !important;
  box-shadow: var(--welo-shadow) !important;
  border: none !important;
}

.main-header .navbar {
  background: var(--welo-bg-header) !important;
  border: none !important;
}

.skin-blue .main-header .navbar,
.skin-purple .main-header .navbar,
.skin-green .main-header .navbar {
  background: var(--welo-bg-header) !important;
}

.main-header .navbar .nav > li > a {
  color: var(--welo-text-secondary) !important;
  transition: var(--welo-transition-fast) !important;
}

.main-header .navbar .nav > li > a:hover {
  background: var(--welo-bg-main) !important;
  color: var(--welo-primary) !important;
  border-radius: var(--welo-border-radius) !important;
}

.main-header .sidebar-toggle {
  color: var(--welo-text-secondary) !important;
}

.main-header .sidebar-toggle:hover {
  background: var(--welo-bg-main) !important;
  color: var(--welo-primary) !important;
}

/* ============================================
   Buttons - الأزرار
   ============================================ */
.btn {
  border-radius: var(--welo-border-radius) !important;
  font-weight: 600 !important;
  padding: 10px 20px !important;
  transition: var(--welo-transition) !important;
  border: none !important;
  box-shadow: var(--welo-shadow-sm) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--welo-shadow) !important;
}

.btn:active {
  transform: translateY(0) !important;
}

/* Primary Button */
.btn-primary {
  background: linear-gradient(135deg, var(--welo-primary) 0%, var(--welo-primary-dark) 100%) !important;
  color: var(--welo-text-white) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background: linear-gradient(135deg, var(--welo-primary-dark) 0%, #4338ca 100%) !important;
  color: var(--welo-text-white) !important;
}

/* Success Button */
.btn-success {
  background: linear-gradient(135deg, var(--welo-success) 0%, #059669 100%) !important;
  color: var(--welo-text-white) !important;
}

.btn-success:hover,
.btn-success:focus {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
}

/* Danger Button */
.btn-danger {
  background: linear-gradient(135deg, var(--welo-danger) 0%, #dc2626 100%) !important;
  color: var(--welo-text-white) !important;
}

.btn-danger:hover,
.btn-danger:focus {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
}

/* Warning Button */
.btn-warning {
  background: linear-gradient(135deg, var(--welo-warning) 0%, #d97706 100%) !important;
  color: var(--welo-text-white) !important;
}

.btn-warning:hover,
.btn-warning:focus {
  background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
}

/* Info Button */
.btn-info {
  background: linear-gradient(135deg, var(--welo-info) 0%, #0891b2 100%) !important;
  color: var(--welo-text-white) !important;
}

.btn-info:hover,
.btn-info:focus {
  background: linear-gradient(135deg, #0891b2 0%, #0e7490 100%) !important;
}

/* Default Button */
.btn-default {
  background: var(--welo-bg-card) !important;
  color: var(--welo-text-primary) !important;
  border: 1px solid var(--welo-border-color) !important;
}

.btn-default:hover {
  background: var(--welo-bg-main) !important;
  border-color: var(--welo-primary) !important;
  color: var(--welo-primary) !important;
}

/* أزرار صغيرة */
.btn-xs, .btn-sm {
  padding: 6px 12px !important;
  font-size: 12px !important;
}

/* أزرار كبيرة */
.btn-lg {
  padding: 14px 28px !important;
  font-size: 16px !important;
  border-radius: var(--welo-border-radius-lg) !important;
}

/* ============================================
   Cards & Boxes - البطاقات والصناديق
   ============================================ */
.box {
  background: var(--welo-bg-card) !important;
  border: none !important;
  border-radius: var(--welo-border-radius-lg) !important;
  box-shadow: var(--welo-shadow) !important;
  overflow: visible;
  transition: var(--welo-transition) !important;
}

.box:hover {
  box-shadow: var(--welo-shadow-lg) !important;
}

.box-header {
  background: transparent !important;
  border-bottom: 1px solid var(--welo-border-color) !important;
  padding: 20px 24px !important;
}

.box-header .box-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--welo-text-primary) !important;
}

.box-body {
  padding: 24px !important;
}

.box-footer {
  background: var(--welo-bg-main) !important;
  border-top: 1px solid var(--welo-border-color) !important;
  padding: 16px 24px !important;
}

/* Info Boxes */
.info-box {
  background: var(--welo-bg-card) !important;
  border-radius: var(--welo-border-radius-lg) !important;
  box-shadow: var(--welo-shadow) !important;
  border: none !important;
  transition: var(--welo-transition) !important;
}

.info-box:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--welo-shadow-xl) !important;
}

.info-box-icon {
  border-radius: var(--welo-border-radius-lg) !important;
  background: linear-gradient(135deg, var(--welo-primary) 0%, var(--welo-primary-dark) 100%) !important;
}

.info-box-new-style {
  border-radius: var(--welo-border-radius-lg) !important;
}

.info-box-new-style .info-box-icon {
  background: linear-gradient(135deg, var(--welo-primary-light) 0%, var(--welo-primary) 100%) !important;
  border-radius: 50% !important;
}

/* ============================================
   Forms - النماذج
   ============================================ */
.form-control {
  border: 2px solid var(--welo-border-color) !important;
  border-radius: var(--welo-border-radius) !important;
  padding: 10px 16px !important;
  height: auto !important;
  min-height: 44px !important;
  transition: var(--welo-transition-fast) !important;
  font-size: 14px !important;
  background: var(--welo-bg-card) !important;
}

.form-control:focus {
  border-color: var(--welo-primary) !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1) !important;
  outline: none !important;
}

.form-control::placeholder {
  color: var(--welo-text-light) !important;
}

/* Select2 */
.select2-container--default .select2-selection--single {
  border: 2px solid var(--welo-border-color) !important;
  border-radius: var(--welo-border-radius) !important;
  height: 44px !important;
  padding: 6px 12px !important;
}

.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: var(--welo-primary) !important;
}

.select2-dropdown {
  border: 2px solid var(--welo-border-color) !important;
  border-radius: var(--welo-border-radius) !important;
  box-shadow: var(--welo-shadow-lg) !important;
}

/* Labels */
label {
  font-weight: 600 !important;
  color: var(--welo-text-primary) !important;
  margin-bottom: 8px !important;
}

/* ============================================
   Tables - الجداول
   ============================================ */
.table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.table > thead > tr > th {
  background: var(--welo-bg-main) !important;
  color: var(--welo-text-secondary) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 0.5px !important;
  padding: 16px !important;
  border: none !important;
}

.table > tbody > tr > td {
  padding: 16px !important;
  vertical-align: middle !important;
  border-top: 1px solid var(--welo-border-color) !important;
}

.table > tbody > tr:hover {
  background: rgba(99, 102, 241, 0.04) !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.02) !important;
}

/* DataTables */
.dataTables_wrapper {
  padding: 0 !important;
}

.dataTables_filter input {
  border: 2px solid var(--welo-border-color) !important;
  border-radius: var(--welo-border-radius) !important;
  padding: 8px 16px !important;
}

.dataTables_length select {
  border: 2px solid var(--welo-border-color) !important;
  border-radius: var(--welo-border-radius) !important;
  padding: 6px 12px !important;
}

.paginate_button {
  border-radius: var(--welo-border-radius) !important;
  margin: 0 2px !important;
}

.paginate_button.current {
  background: var(--welo-primary) !important;
  color: var(--welo-text-white) !important;
  border: none !important;
}

/* ============================================
   POS - نقطة البيع
   ============================================ */
/* حاوية POS الرئيسية */
.pos-content {
  background: var(--welo-bg-main) !important;
}

/* بطاقات المنتجات */
.pos-product-list .product-box,
.product_box,
.product-card {
  background: var(--welo-bg-card) !important;
  border: 2px solid var(--welo-border-color) !important;
  border-radius: var(--welo-border-radius-lg) !important;
  padding: 12px !important;
  transition: var(--welo-transition) !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

.pos-product-list .product-box:hover,
.product_box:hover,
.product-card:hover {
  border-color: var(--welo-primary) !important;
  transform: scale(1.03) !important;
  box-shadow: var(--welo-shadow-lg) !important;
}

.pos-product-list .product-box:active,
.product_box:active {
  transform: scale(0.98) !important;
}

/* صورة المنتج */
.pos-product-list .product-box img,
.product_box img {
  border-radius: var(--welo-border-radius) !important;
  object-fit: cover !important;
}

/* اسم المنتج */
.pos-product-list .product-box .product-name,
.product_box .product-name {
  font-weight: 600 !important;
  color: var(--welo-text-primary) !important;
  font-size: 13px !important;
  margin-top: 8px !important;
}

/* سعر المنتج */
.pos-product-list .product-box .product-price,
.product_box .product-price {
  color: var(--welo-primary) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

/* قائمة السلة */
.pos-cart,
.cart-table {
  background: var(--welo-bg-card) !important;
  border-radius: var(--welo-border-radius-lg) !important;
}

.pos-cart-item,
.cart-row {
  background: var(--welo-bg-main) !important;
  border-radius: var(--welo-border-radius) !important;
  margin-bottom: 8px !important;
  padding: 12px !important;
  transition: var(--welo-transition-fast) !important;
}

.pos-cart-item:hover,
.cart-row:hover {
  background: rgba(99, 102, 241, 0.08) !important;
}

/* قسم المجموع */
.pos-totals,
.total-section {
  background: linear-gradient(135deg, var(--welo-primary) 0%, var(--welo-primary-dark) 100%) !important;
  color: var(--welo-text-white) !important;
  border-radius: var(--welo-border-radius-xl) !important;
  padding: 24px !important;
  margin-top: 16px !important;
}

.pos-totals .total-label {
  opacity: 0.9;
}

.pos-totals .total-amount {
  font-size: 28px !important;
  font-weight: 700 !important;
}

/* أزرار POS */
.pos-actions .btn,
.pos-form-actions .btn {
  min-height: 56px !important;
  font-size: 15px !important;
  border-radius: var(--welo-border-radius-lg) !important;
  margin: 4px !important;
}

/* زر الدفع */
.btn-pay,
.pos-actions .btn-success {
  background: linear-gradient(135deg, var(--welo-success) 0%, #059669 100%) !important;
  font-size: 18px !important;
  min-height: 64px !important;
}

/* زر التعليق */
.btn-suspend,
.pos-actions .btn-warning {
  background: linear-gradient(135deg, var(--welo-warning) 0%, #d97706 100%) !important;
}

/* زر الإلغاء */
.btn-cancel,
.pos-actions .btn-danger {
  background: linear-gradient(135deg, var(--welo-danger) 0%, #dc2626 100%) !important;
}

/* بحث المنتجات */
#search_product,
.pos-search-input {
  border-radius: var(--welo-border-radius-lg) !important;
  padding: 16px 20px !important;
  font-size: 16px !important;
  border: 2px solid var(--welo-border-color) !important;
  background: var(--welo-bg-card) !important;
}

#search_product:focus,
.pos-search-input:focus {
  border-color: var(--welo-primary) !important;
  box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.15) !important;
}

/* اختيار الفئات */
.pos-category-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 12px 0 !important;
}

.pos-category-item,
.category-item {
  background: var(--welo-bg-card) !important;
  border: 2px solid var(--welo-border-color) !important;
  border-radius: var(--welo-border-radius) !important;
  padding: 10px 20px !important;
  cursor: pointer !important;
  transition: var(--welo-transition-fast) !important;
  font-weight: 500 !important;
}

.pos-category-item:hover,
.category-item:hover {
  border-color: var(--welo-primary) !important;
  color: var(--welo-primary) !important;
}

.pos-category-item.active,
.category-item.active {
  background: var(--welo-primary) !important;
  color: var(--welo-text-white) !important;
  border-color: var(--welo-primary) !important;
}

/* ============================================
   Modals - النوافذ المنبثقة
   ============================================ */
.modal-content {
  border: none !important;
  border-radius: var(--welo-border-radius-xl) !important;
  box-shadow: var(--welo-shadow-xl) !important;
  overflow: hidden !important;
}

.modal-header {
  background: var(--welo-bg-card) !important;
  border-bottom: 1px solid var(--welo-border-color) !important;
  padding: 20px 24px !important;
}

.modal-title {
  font-weight: 700 !important;
  font-size: 18px !important;
  color: var(--welo-text-primary) !important;
}

.modal-body {
  padding: 24px !important;
}

.modal-footer {
  background: var(--welo-bg-main) !important;
  border-top: 1px solid var(--welo-border-color) !important;
  padding: 16px 24px !important;
}

/* ============================================
   Alerts & Labels - التنبيهات والتصنيفات
   ============================================ */
.alert {
  border: none !important;
  border-radius: var(--welo-border-radius) !important;
  padding: 16px 20px !important;
}

.alert-success {
  background: rgba(16, 185, 129, 0.1) !important;
  color: #065f46 !important;
  border-left: 4px solid var(--welo-success) !important;
}

.alert-danger, .alert-error {
  background: rgba(239, 68, 68, 0.1) !important;
  color: #991b1b !important;
  border-left: 4px solid var(--welo-danger) !important;
}

.alert-warning {
  background: rgba(245, 158, 11, 0.1) !important;
  color: #92400e !important;
  border-left: 4px solid var(--welo-warning) !important;
}

.alert-info {
  background: rgba(6, 182, 212, 0.1) !important;
  color: #0e7490 !important;
  border-left: 4px solid var(--welo-info) !important;
}

/* Labels */
.label {
  border-radius: 6px !important;
  padding: 4px 10px !important;
  font-weight: 600 !important;
  font-size: 11px !important;
}

.label-primary {
  background: var(--welo-primary) !important;
}

.label-success {
  background: var(--welo-success) !important;
}

.label-danger {
  background: var(--welo-danger) !important;
}

.label-warning {
  background: var(--welo-warning) !important;
  color: #fff !important;
}

.label-info {
  background: var(--welo-info) !important;
}

/* ============================================
   Badges - الشارات
   ============================================ */
.badge {
  border-radius: 20px !important;
  padding: 4px 12px !important;
  font-weight: 600 !important;
}

/* ============================================
   Dropdowns - القوائم المنسدلة
   ============================================ */
.dropdown-menu {
  border: none !important;
  border-radius: var(--welo-border-radius) !important;
  box-shadow: var(--welo-shadow-xl) !important;
  padding: 8px !important;
}

.dropdown-menu > li > a {
  padding: 10px 16px !important;
  border-radius: 8px !important;
  transition: var(--welo-transition-fast) !important;
}

.dropdown-menu > li > a:hover {
  background: var(--welo-bg-main) !important;
  color: var(--welo-primary) !important;
}

/* ============================================
   Tabs - التبويبات
   ============================================ */
.nav-tabs {
  border-bottom: 2px solid var(--welo-border-color) !important;
}

.nav-tabs > li > a {
  border: none !important;
  border-radius: var(--welo-border-radius) var(--welo-border-radius) 0 0 !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  color: var(--welo-text-secondary) !important;
  transition: var(--welo-transition-fast) !important;
}

.nav-tabs > li > a:hover {
  background: var(--welo-bg-main) !important;
  color: var(--welo-primary) !important;
}

.nav-tabs > li.active > a {
  background: var(--welo-primary) !important;
  color: var(--welo-text-white) !important;
}

/* ============================================
   Progress Bars - أشرطة التقدم
   ============================================ */
.progress {
  border-radius: var(--welo-border-radius) !important;
  height: 8px !important;
  background: var(--welo-bg-main) !important;
  overflow: hidden !important;
}

.progress-bar {
  border-radius: var(--welo-border-radius) !important;
}

/* ============================================
   Pagination - ترقيم الصفحات
   ============================================ */
.pagination > li > a {
  border: none !important;
  border-radius: var(--welo-border-radius) !important;
  margin: 0 2px !important;
  padding: 8px 14px !important;
  color: var(--welo-text-secondary) !important;
  transition: var(--welo-transition-fast) !important;
}

.pagination > li > a:hover {
  background: var(--welo-bg-main) !important;
  color: var(--welo-primary) !important;
}

.pagination > .active > a {
  background: var(--welo-primary) !important;
  color: var(--welo-text-white) !important;
}

/* ============================================
   Scrollbar - شريط التمرير
   ============================================ */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--welo-bg-main);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: var(--welo-text-light);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--welo-text-secondary);
}

/* ============================================
   RTL Support - دعم العربية
   ============================================ */
[dir="rtl"] .sidebar-menu > li > a:hover {
  transform: translateX(-4px);
}

[dir="rtl"] .sidebar-menu > li.active > a {
  border-left: none !important;
  border-right: 3px solid var(--welo-primary-light) !important;
}

/* ============================================
   Animations - الحركات
   ============================================ */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

.fadeIn {
  animation: fadeIn 0.3s ease;
}

/* تأثير النبض للأزرار المهمة */
.btn-pay:hover,
.btn-success.btn-lg:hover {
  animation: pulse 0.3s ease;
}

/* ============================================
   Responsive - التجاوب
   ============================================ */
@media (max-width: 768px) {
  .box {
    border-radius: var(--welo-border-radius) !important;
    margin-bottom: 16px !important;
  }
  
  .box-body {
    padding: 16px !important;
  }
  
  .btn {
    padding: 12px 16px !important;
  }
  
  .pos-product-list .product-box {
    border-radius: var(--welo-border-radius) !important;
  }
  
  .pos-totals {
    border-radius: var(--welo-border-radius-lg) !important;
    padding: 16px !important;
  }
}

/* ============================================
   Print Styles - طباعة
   ============================================ */
@media print {
  .main-sidebar,
  .main-header,
  .no-print {
    display: none !important;
  }
  
  .content-wrapper {
    margin: 0 !important;
    background: white !important;
  }
}

/* ============================================
   تحسينات إضافية للأداء
   ============================================ */
/* تقليل الحركات للأجهزة منخفضة الأداء */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* تأخير تحميل الخطوط */
.sidebar-menu,
.box-title,
label,
.btn {
  font-display: swap;
}

/* تحسين الصور */
img {
  content-visibility: auto;
}

/* تحسين التمرير */
.main-sidebar,
.table-responsive,
.pos-product-list {
  overflow-y: visible;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}