/* خطوط واتجاه */
body { -webkit-font-smoothing: antialiased; }

/* التبويبات */
.tab-btn { color: #d6ece7; transition: all .2s; }
.tab-btn:hover { color: #fff; background: rgba(255,255,255,.06); }
.tab-btn.active-tab { color: #fff; border-bottom-color: #fff !important; background: rgba(255,255,255,.08); }

/* بطاقات */
.kpi-card { transition: transform .2s, box-shadow .2s; }
.kpi-card:hover { transform: translateY(-3px); box-shadow: 0 12px 24px -8px rgba(0,0,0,.18); }

/* جداول */
.data-table { border-collapse: collapse; width: 100%; }
.data-table th { position: sticky; top: 0; z-index: 5; }
.data-table tbody tr:hover { background: #f1f5f9; }

/* شريط تمرير */
::-webkit-scrollbar { height: 8px; width: 8px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* انيميشن ظهور */
.fade-in { animation: fadeIn .3s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(6px);} to {opacity:1; transform: none;} }

/* مودال */
.modal-backdrop { background: rgba(15,23,42,.55); backdrop-filter: blur(2px); }

/* الطباعة */
@media print {
  .no-print { display: none !important; }
  body { background: #fff !important; }
  .print-block { page-break-inside: avoid; }
  #app { max-width: 100% !important; padding: 0 !important; }
  .shadow-lg, .shadow, .shadow-md, .shadow-sm { box-shadow: none !important; }
  .print-border { border: 1px solid #cbd5e1 !important; }
}