/* Banxa MiCA Transaction Table Styles for Black Background */

.banxa-transaction-data-container {
    margin: 30px 0;
    font-family: "Inter Variable", Sans-serif;
    color: #eeeeee; /* Light text color for black background */
    background-color: #000000; /* Explicit black background if container wraps everything */
    padding: 15px; /* Add some padding */
    border-radius: 5px; /* Optional rounded corners */
}

.banxa-transaction-data-container h2 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #ffffff; /* White color for title */
    word-break: break-word;
}

.banxa-transaction-data-container p.last-updated {
    font-size: 14px;
    color: #aaaaaa; /* Slightly lighter gray for date */
    margin-bottom: 20px;
}

.table-responsive {
    overflow-x: auto;
    margin-bottom: 20px;
    width: 100%;
}

.banxa-transaction-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    border: 1px solid #333333; /* Dark border for contrast */
    min-width: 600px;
}

.banxa-transaction-table thead th {
    background-color: #1a1a1a; /* Dark background for header */
    color: #ffffff; /* White text */
    padding: 12px 15px;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid #444444; /* Darker border bottom */
    word-break: break-word;
}

.banxa-transaction-table tbody tr {
    background-color: #0a0a0a; /* Very dark background for rows */
    color: #eeeeee; /* Light text */
}

.banxa-transaction-table tbody tr:nth-child(even) {
    background-color: #151515; /* Slightly lighter dark for alternate rows */
}

.banxa-transaction-table tbody td {
    padding: 10px 15px;
    border-bottom: 1px solid #333333; /* Dark border */
    color: #eeeeee; /* Light text */
}

/* Optional: Add hover effect on rows */
.banxa-transaction-table tbody tr:hover {
    background-color: #222222; /* Lighter dark on hover */
}

/* --- Load More Button Styling --- */
.banxa-transaction-loadmore {
    margin-top: 20px;
    text-align: center;
}

.banxa-loadmore-button {
    background-color: #333333; /* Dark button background */
    color: #ffffff; /* White text */
    border: 1px solid #555555; /* Border matching scheme */
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease, opacity 0.3s ease;
}

.banxa-loadmore-button:hover:not(:disabled) {
    background-color: #555555; /* Lighter dark on hover */
    color: #ffffff;
}

.banxa-loadmore-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.banxa-loading-spinner {
     display: inline-block;
     margin-left: 10px;
     color: #eeeeee; /* Light color for spinner text */
}

/* Optional: Basic spinner animation (you might need a dedicated spinner library for complex ones) */
/* This is just simple text or dots */
.banxa-loading-spinner::after {
    content: '...'; /* Simple loading indicator */
}