/* =========================================================
   Download page – table-only styling (blue theme)
   Matches Search page visual style
   ========================================================= */

/* ===== Download table card ===== */
.download-table-card{
  border: 0;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(0,0,0,0.10);
  overflow: hidden;
}

/* ===== Header ===== */
.download-table-header{
  padding: 16px 18px;
  background: linear-gradient(
    135deg,
    rgba(13,110,253,0.16),
    rgba(13,110,253,0.05)
  );
  border-bottom: 1px solid rgba(0,0,0,0.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.download-table-header h4{
  margin: 0;
  font-size: 1.15rem;
  font-weight: 900;
}

.download-table-sub{
  color: rgba(0,0,0,0.65);
  font-size: 0.95rem;
}

/* ===== Body ===== */
.download-table-body{
  padding: 14px 14px 18px;
}

/* ===== DataTables table styling ===== */
table.dataTable.download-table{
  border-collapse: separate !important;
  border-spacing: 0;
  width: 100% !important;
}

/* Header cells */
table.dataTable.download-table thead th{
  border-bottom: 1px solid rgba(0,0,0,0.10) !important;
  background: rgba(0,0,0,0.02);
  padding: 14px 12px !important;
  font-weight: 900;
}

/* Body cells */
table.dataTable.download-table tbody td{
  padding: 14px 12px !important;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  vertical-align: middle;
}

/* Zebra rows */
table.dataTable.download-table tbody tr:nth-child(even){
  background: rgba(0,0,0,0.015);
}

/* Hover highlight */
table.dataTable.download-table tbody tr:hover{
  background: rgba(13,110,253,0.06);
}

/* Rounded top corners */
table.dataTable.download-table thead th:first-child{
  border-top-left-radius: 14px;
}
table.dataTable.download-table thead th:last-child{
  border-top-right-radius: 14px;
}

/* ===== Download button ===== */
.download-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 14px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 800;
  border: 1px solid rgba(13,110,253,0.35);
  background: rgba(13,110,253,0.10);
  color: #0b5ed7;
  transition:
    transform .12s ease,
    box-shadow .12s ease,
    filter .12s ease;
  white-space: nowrap;
}

/* Hover effect */
.download-btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow: 0 12px 22px rgba(13,110,253,0.22);
  color: #084298;
}

/* Remove underline on hover/focus */
.download-btn:focus,
.download-btn:hover{
  text-decoration: none;
}
