/* Global Styles */

[href] {
    color: blue; /* Default link color */
    text-decoration: underline; /* Underline to mimic links */
    cursor: pointer; /* Change cursor to pointer to indicate clickability */
}

/* Page Styles */
.page {
    flex: 1; /* Take up remaining space in #content */
    display: flex;
    flex-direction: column;
    max-height: 100%;
}

/* Header Styles */
/* Page Layout */
.page-header {
    display: block;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid black; /* Optional: Add a border at the bottom */
}

.page-header h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.page-header table {
    width: 100% !important; /* Ensures the table always takes up 100% width */
}

/* Content Styles */
.page-content {
    display: flex; /* Make .page-content a flex container */
    flex-direction: column; /* Stack children vertically */
    flex: 1; /* Allow content to take up remaining space */
    overflow-x: hidden;
    overflow-y: auto; /* Allow vertical scrolling */
    scrollbar-width: thin;
    padding: 10px; /* Add padding for better spacing */
}

/* Target the last child of .page-content */
.page-content > *:last-child {
    flex-grow: 1; /* Make the last child take up all remaining space */
}

/* Footer Styles */
.page-footer {
    width: 100%;
    display: block;
    padding: 10px 0; /* Optional: Add padding for better spacing */
    border-top: 1px solid #e9ecef; /* Optional: Add a border at the top */
    padding: 10px;
}


.tri-space {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tri-space > *:first-child {
    margin-right: auto; /* Pushes the first element to the left */
}

.tri-space > *:last-child {
    margin-left: auto; /* Pushes the last element to the right */
}

.tri-space > *:not(:first-child):not(:last-child) {
    margin: 0 auto; /* Centers the middle elements */
}