/* assets/css/compact-dashboard.css */

/* Ukuran yang lebih kompak untuk seluruh dashboard */
:root {
  --compact-font-size: 0.9rem;
  --compact-padding: 0.5rem;
  --compact-margin: 0.3rem;
}

/* Navbar kompak */
.navbar {
  padding: 0.5rem 1rem !important;
  min-height: 50px;
}

.navbar-brand {
  font-size: 1.2rem !important;
  padding: 0.25rem 0 !important;
}

.navbar-toggler {
  padding: 0.25rem 0.5rem !important;
  font-size: 0.9rem !important;
}

.nav-link {
  font-size: var(--compact-font-size) !important;
  padding: var(--compact-padding) 0.75rem !important;
  margin: 0 var(--compact-margin) !important;
}

/* Button lebih kecil */
.btn {
  padding: 0.25rem 0.75rem !important;
  font-size: var(--compact-font-size) !important;
  border-radius: 4px !important;
}

/* Container lebih rapat */
.container.mt-4 {
  margin-top: 1rem !important;
  padding: 1rem !important;
}

/* Form elements lebih kecil */
.form-control, .form-select {
  padding: 0.25rem 0.5rem !important;
  font-size: var(--compact-font-size) !important;
  height: calc(1.5em + 0.5rem + 2px) !important;
}

/* Tabel lebih kompak */
.table {
  font-size: var(--compact-font-size);
}
.table td, .table th {
  padding: 0.3rem 0.5rem !important;
}

/* Card lebih kecil */
.card {
  margin-bottom: 0.75rem;
}
.card-body {
  padding: 0.75rem !important;
}
.card-title {
  font-size: 1rem !important;
  margin-bottom: 0.5rem !important;
}

/* Margin dan padding yang lebih ketat */
.mt-4 {
  margin-top: 1rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.pt-3 {
  padding-top: 0.75rem !important;
}
.pb-3 {
  padding-bottom: 0.75rem !important;
}

/* Ukuran font yang lebih kecil untuk konten */
body {
  font-size: var(--compact-font-size);
}
h1 { font-size: 1.5rem; }
h2 { font-size: 1.3rem; }
h3 { font-size: 1.1rem; }
h4, h5, h6 { font-size: 1rem; }

/* Responsive adjustments */
@media (max-width: 768px) {
  :root {
    --compact-font-size: 0.85rem;
    --compact-padding: 0.4rem;
    --compact-margin: 0.2rem;
  }
  
  .navbar-brand {
    font-size: 1rem !important;
  }
  
  .container.mt-4 {
    padding: 0.75rem !important;
  }
}