.audit-table-wrapper table {
    table-layout: fixed;
}

.audit-table-wrapper th,
.audit-table-wrapper td {
    white-space: nowrap;
    vertical-align: middle !important;
}

.audit-table-wrapper th:nth-child(2),
.audit-table-wrapper td:nth-child(2) {
    width: 110px;   /* Type column fixed */
    text-align: center;
}

.btn-download {
  background: linear-gradient(90deg, #00c853, #00e6e6); /* green → aqua */
  color: #fff;
  border: none;
}

.btn-download:hover {
  background: linear-gradient(90deg, #00e6e6, #00c853);
  color: #000; /* optional: darker text on hover */
}

/* L5 Download Button */
.btn-L5download {
  background: linear-gradient(90deg, #4CAF50, #2E7D32);
  color: #f9f9f9 !important; /* force light text in white theme */
  border: none;
  transition: background 0.3s ease, color 0.3s ease;
}

.btn-L5download:hover {
  background: linear-gradient(90deg, #2E7D32, #4CAF50);
  color: #fff !important;
}

[data-bs-theme="dark"] .btn-L5download {
  background: linear-gradient(90deg, #81C784, #388E3C);
  color: #000 !important; /* dark text for readability */
}

[data-bs-theme="dark"] .btn-L5download:hover {
  background: linear-gradient(90deg, #388E3C, #81C784);
  color: #fff !important;
}

/* =========================================
   UNIFIED ROUNDED TABLE STYLING (NEW)
========================================= */
.table-wrapper-rounded {
    border-radius: 12px;
    overflow: hidden; /* Clips the sharp edges of the table inside */
    border: 1px solid var(--bs-border-color);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
    background-color: var(--bs-body-bg);
}

.table-wrapper-rounded .table {
    margin-bottom: 0;
    border: none; /* Let the wrapper handle the outer border */
}

/* Dark Mode Glow Effect for Tables */
[data-bs-theme="dark"] .table-wrapper-rounded {
    border-color: rgba(61, 220, 132, 0.4) !important;
    box-shadow: 0 0 15px -3px rgba(61, 220, 132, 0.15) !important;
}

[data-bs-theme="dark"] .table-wrapper-rounded:hover {
    box-shadow: 0 0 25px -5px rgba(61, 220, 132, 0.3) !important;
    border-color: rgba(61, 220, 132, 0.8) !important;
}