﻿.mud-icon-button {
    padding: 0px;
}

.mud-table-header {
    background-color: #c2c2ed;
    color: white !important;
    font-weight: bold;
}

.mud-table .mud-table th {
    /* cursor: pointer !important; */
    /* cursor: default !important; */
}

.mud-table-root .mud-table-head -mud-table-cell {
    font-weight: bold;
}

.mud-table-row th {
    font-weight: bold;
    /* cursor: pointer !important; */
    /* cursor: default !important; */
}

.mud-table td, .mud-table th {
    cursor: pointer !important;
    /* cursor: default !important; */
}

.mud-table-sort-label {
    font-weight: bold;
}

.mud-table-selected {
    background-color: #eeeeff;
}

.mud-table-header-dark {
    background-color: #eeeeee;
    color: white !important;
}

.mud-table td, .mud-table th {
    cursor: pointer !important;
    /* cursor: default !important; */
}

.two-pane-tall {
    min-height: calc(100vh - 220px);
    display: flex;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    overflow-y: hidden;
}

.two-pane {
    min-height: calc(100vh - 260px);
    display: flex;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    overflow-y: hidden;
}

.pane-left {
    max-height: calc(100vh - 260px);
    overflow-y: auto;
    height: 100%;
    flex: 1;
    padding: 0rem;
    background: #fafafa;
}

.pane-right {
    height: calc(100vh - 260px);
    overflow-y: auto;
    width: auto;
    min-width: 30%;
    max-width: 100%;
    padding: 1rem;
    background: #eeeeff;
    flex-shrink: 0;
}

/* Responsive adjustments */
@@media (max-width: 768px) {
    .two-pane {
        height: 100%;
        flex-direction: column; /* Stack the panes vertically */
    }

    .pane-left {
        height: auto; /* Adjust the height for mobile screens */
        width: 100%;
        max-width: 100%;
    }

    .pane-right {
        width: 100%; /* Take full width on mobile */
        height: auto; /* Allow it to expand as needed */
    }

    .items-scroll {
        max-height: 200px; /* Optional: prevent giant scroll blocks */
    }
}