/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/* Basic table container for horizontal scrolling */
.table-container {
    overflow-x: auto;
    margin-bottom: 1rem;
}

/* Keep the table responsive */
.table.is-fullwidth {
    width: 100%;
    /* Remove min-width if you want it to shrink on smaller screens */
}

/* Slightly smaller text */
.table {
    font-size: 0.9rem;
}

/* Truncated text for Tx Hash (keeps full text in the DOM) */
.truncated-hash {
    display: inline-block;
    max-width: 80px;     /* Make sure this is small enough to force truncation */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Sticky header for the top level "Deposits" bar */
.sticky-header {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 10;
    padding: 1rem 0;
    margin-bottom: 1rem;
}

/* Sticky column for actions */
.sticky-actions {
    position: sticky;
    right: 0;
    background-color: #fff;
    z-index: 2;
    min-width: 100px;
}

/* Center action buttons */
.buttons.is-centered {
    justify-content: center;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .table {
        font-size: 0.8rem;
    }

    .sticky-header {
        padding: 0.5rem 0;
    }

    .truncated-hash {
        max-width: 70px;
    }
}

/* Optional: Row hover effect */
.table tr:hover {
    background-color: #f5f5f5;
    cursor: default; /* or pointer if you want a clickable row */
}