/* dokumen.css */

/* Table Styling */
.dokumen-table {
  font-size: 14px;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  overflow: hidden;
}

.dokumen-table th, 
.dokumen-table td {
  vertical-align: middle;
  text-align: center;
}

/* Column Width (Desktop) */
.dokumen-table th:nth-child(1), .dokumen-table td:nth-child(1) {
  width: 50px; /* No */
}
.dokumen-table th:nth-child(2), .dokumen-table td:nth-child(2) {
  width: 80px; /* Tahun */
}
.dokumen-table th:nth-child(3), .dokumen-table td:nth-child(3) {
  width: 60%; /* Nama dokumen sedikit diperkecil */
  text-align: left;
}
.dokumen-table th:nth-child(4), .dokumen-table td:nth-child(4) {
  width: 120px; /* File tombol */
}

/* Button Styling */
.btn-dokumen {
  border: 1px solid #ffc107;
  background: #fff3cd;
  color: #000;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 13px;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.btn-dokumen:hover {
  background: #ffe69c;
  border-color: #e0a800;
  color: #000;
}

/* Responsive (Mobile < 768px) */
@media (max-width: 768px) {
  .dokumen-table {
    font-size: 12px;
  }
  .dokumen-table th:nth-child(3), .dokumen-table td:nth-child(3) {
    width: 70%; /* Nama dokumen lebih lebar di mobile */
  }
  .dokumen-table th:nth-child(4), .dokumen-table td:nth-child(4) {
    width: 70px; /* File lebih kecil di mobile */
  }
  .btn-dokumen {
    padding: 2px 5px;
    font-size: 11px;
  }
  .dokumen-table th, 
  .dokumen-table td {
    padding: 6px;
  }
}