/* Site.css or a separate custom stylesheet */
.small-input {
    height: 30px;
    font-size: 0.85rem;
    padding: 4px 8px;
}

textarea.small-input {
    height: auto;
}

/* Apply to all tables for smaller text and padding */
table th,
table td {
    font-size: 0.75rem; /* Small font size */
    padding: 0.3rem 0.5rem; /* Tighter spacing */
}

/* Optional: compact row height */
table tr {
    line-height: 1.2;
}

/* Optional: reduce header title size inside any heading tags in tables */
table h6, table h5, table h4 {
    font-size: 0.9rem;
    margin: 0;
    padding: 0.1rem 0;
}

/* Make DataTables controls (search, pagination, length) smaller */
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    font-size: 0.75rem;
}

    /* Smaller pagination buttons */
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 0.2rem 0.4rem;
        font-size: 0.75rem;
    }

/* Smaller input and select controls */
.dataTables_wrapper select,
.dataTables_wrapper input {
    font-size: 0.75rem;
    height: calc(1.5em + 0.5rem + 2px); /* Bootstrap compact input size */
    padding: 0.2rem 0.4rem;
}
/* Remove extra spacing between rows */
table.dataTable tbody tr {
    padding: 0 !important;
    margin: 0 !important;
}

/* Tighten up the table cell spacing */
table.dataTable tbody td {
    padding: 0.25rem 0.4rem !important; /* even tighter padding */
    line-height: 0.6;
}


table.dataTable tbody td {
    padding: 0.25rem 0.4rem !important; /* tight padding */
    line-height: 1.2; /* normal line-height for better readability */
    vertical-align: top; /* aligns multi-line text nicely */
    word-break: break-word; /* wrap long words to next line if needed */
}

/* Optional: reduce the space in header too */
table.dataTable thead th {
    padding: 0.3rem 0.5rem !important;
    font-size: 0.75rem;
}

/* Optional: make table borders look tighter */
.table-bordered > :not(caption) > * > * {
    border-width: 1px;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    margin-bottom: 0.5rem; /* Adjust as needed */
}

/* Optional: space between table and pagination */
.dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5rem; /* Adds space above pagination */
}