input::placeholder {
    color: hsl(var(--bc)) !important;
}

/* Bank badges rely on px-3 py-1 utilities for padding */
/* Removed in favor of Tailwind classes */

table.dataTable th.sorting_asc,
table.dataTable th.sorting_desc {
    text-decoration: underline;
    color: hsl(var(--p));
}

/* Add subtle sort arrows */
table.dataTable th.sorting::after,
table.dataTable th.sorting_asc::after,
table.dataTable th.sorting_desc::after {
    content: '▲';
    font-size: 0.625rem; /* text-xs */
    margin-left: 0.25rem; /* ml-1 */
    opacity: 0;
    transition: opacity 0.2s;
}

table.dataTable th.sorting:hover::after {
    opacity: 0.5;
}

table.dataTable th.sorting_desc::after {
    content: '▼';
    opacity: 1;
}

table.dataTable th.sorting_asc::after {
    opacity: 1;
}

/* Style DataTables pagination like joined button group */
.dataTables_paginate .paginate_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem; /* text-sm */
    padding: 0.25rem 0.5rem; /* btn-sm */
    border: 1px solid transparent;
    border-radius: 0;
}

.dataTables_paginate .paginate_button + .paginate_button {
    margin-left: -1px; /* hide middle borders */
}

/* Use DaisyUI colors for table elements */
table.dataTable thead th {
    background-color: hsl(var(--b2));
    color: hsl(var(--bc));
}

table.dataTable tbody tr:nth-child(even) {
    background-color: hsl(var(--b1));
}

table.dataTable tbody tr:hover {
    background-color: hsl(var(--b3));
}

.dataTables_paginate {
    display: inline-flex;
}

.dataTables_paginate .paginate_button {
    background-color: hsl(var(--b2));
    color: hsl(var(--bc));
    border-color: hsl(var(--b3));
}

.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.current:hover {
    background-color: hsl(var(--p));
    color: hsl(var(--pc));
}