/* CSS Utama */
@import url('component-hero.css');
/*@import url('component-table.css');
@import url('component-chart.css');

/* component-table.css */
table {
  width: 100%;
  border-spacing: 0 8px;
  border-collapse: separate;
  color: #cbd5e1;
  font-size: 0.9rem;
  /* hapus min-width 600px di sini */
}

/* Pastikan table-wrapper yang bikin scroll */
.table-wrapper {
  overflow-x: auto;
}

/* layout.css - buat chart fleksibel */
.chart {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 240px;
}

/* Responsive: biar tidak melebihi layar */
@media (max-width: 768px) {
  .chart {
    min-height: 200px;
  }
}