/*
 * assets/css/dashboard.css
 * الهدف: تخطيط الصفحة الرئيسية للداشبورد
 */
.page {
  padding: 16px;
}
.panel {
  background: var(--card);
  border-radius: 16px;
  padding: 16px;
}
.panel + .panel { margin-top: 16px; }

.charts {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 16px;
}

.table-wrapper { 
  width: 100%; 
  max-width: 100%;
  overflow: visible;
}

.topbar .actions { display: flex; gap: 8px; align-items: center; }
.avatar { width: 36px; height: 36px; border-radius: 50%; background: #333; }

/* تجاوب المخططات */
@media (max-width: 1024px) {
  .charts { grid-template-columns: 1fr; }
}