/* === إعدادات عامة للواجهة === */
body {
  font-family: 'Segoe UI', sans-serif;
  background-color: #f8f9fa;
  color: #212529;
  direction: rtl;
  text-align: right;
  padding-top: 20px;
}

/* === الحاويات والبطاقات === */
.container {
  max-width: 95%;
  margin: auto;
}

.card {
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  margin-bottom: 20px;
}

/* === أزرار الأدوات === */
.page-tools {
  margin-bottom: 15px;
}

.page-tools .btn {
  min-width: 140px;
  font-weight: 500;
}

/* === الجداول === */
table th, table td {
  vertical-align: middle !important;
  text-align: center;
}

/* === تمييز الحالات بالألوان === */
.status-completed {
  color: #28a745;
  font-weight: bold;
}
.status-in-progress {
  color: #ffc107;
  font-weight: bold;
}
.status-delayed {
  color: #dc3545;
  font-weight: bold;
}
.status-cancelled {
  color: #6c757d;
  font-weight: bold;
}
.status-postponed {
  color: #0dcaf0;
  font-weight: bold;
}

/* === تحسينات الطباعة === */
@media print {
  .page-tools,
  .btn,
  .no-print,
  nav,
  footer,
  .sidebar,
  .navbar,
  .alert {
    display: none !important;
  }

  body {
    background: white;
    font-size: 12pt;
  }

  table {
    border-collapse: collapse !important;
    width: 100%;
  }

  table th, table td {
    border: 1px solid #333 !important;
    padding: 8px;
  }
}