/* 
    Most customizations should be in the presets defined in /src/assets/presets, but there were some things
    that the theme system doesn't seem to apply to.  This is for global CSS to address those things.
*/
.p-button {
    margin-right: 0.5rem;
    /* These rules were necessary to prevent the "loading" state from shifting the button's alignment */
    vertical-align: middle; /* Ensure vertical alignment */
    display: inline-flex; /* Use inline-flex to align the spinner properly */
    align-items: center; /* Center the content vertically */
    justify-content: center; /* Center the content horizontally */
    height: 100%; /* Ensure the button maintains its height */
}

.p-datatable-table th.numeric-content, .p-datatable-table td.numeric-content {
    text-align: right;
}

.p-datatable-header-cell.numeric-content .p-datatable-column-header-content {
    display: flex;
    justify-content: end;
}

.p-datatable-header-cell {
    background-color: rgb(34, 34, 34);
    color: white;
    font-weight: normal;
}

.p-datatable-column-title {
    font-weight: normal;
}
/* I couldn't figure out how to do this with the preset, though it certainly can be done.  The docs may need work, but probably I just don't understand the ones that
   are there well enough.  Don't have time to experiment right now.
*/
.p-datatable-tbody > tr > td {
    border: none;
}

.p-dialog-header {
    padding: 5px 0 5px 10px;
    background-color: rgb(34, 34, 34);
    border-radius: 12px 12px 0 0;
    color: white;
    font-weight: normal;
}

.p-dialog-title {
    font-weight: normal;
}

.p-dialog-content {
    background-color: rgb(238, 238, 238);
    border-radius: 0 0 12px 12px;
    color: rgb(34, 34, 34);
    padding-top: 0.5em;
}

.p-tabs {
    margin-top: 1em;
    padding: 15px;
    background-color: rgb(206, 206, 206);
}