/* Force 24h format on all datetime-local inputs (hide AM/PM field) */
input[type="datetime-local"]::-webkit-datetime-edit-ampm-field {
    display: none !important;
}
input[type="datetime-local"]::-webkit-datetime-edit-hour-field,
input[type="datetime-local"]::-webkit-datetime-edit-minute-field {
    /* ensure 24h fields remain visible */
}

body {
    /*background: radial-gradient(*/
    /*        circle,*/
    /*        rgba(246, 250, 234, 1) 0%, */
    /*        rgba(218, 236, 172, 1) 100%) !important;*/
    margin: 0;
    padding: 0;
}

/* MudBlazor v9 CSS Grid layout: main content must scroll when its content
   grows beyond the viewport (e.g. settings page with expanded panels). */
.mud-main-content {
    overflow-y: auto;
}

.centered-input input {
    text-align: center;
}

.centered-input-with-adornment input {
    text-align: center;
    margin-left: 44px !important;
}

.table-actions-column {
    width: 1%;
    white-space: nowrap;
    text-align: center !important;
}

.table-image-cell {
    width: 80px;
}

@media (max-width: 600px) {
    .mud-xs-table .mud-table-cell.align-right-xs {
        text-align: right !important;
    }

    .mud-xs-table .mud-table-cell.table-image-cell {
        width: auto;
    }
}

/* AppTablePager: hide "Rows per page" caption when the pager's own
   container is narrow. .app-table-pager is declared as an inline-size
   container in AppTablePager.razor.css. */
.app-table-pager {
    container-type: inline-size;
}

@container (max-width: 600px) {
    .app-table-pager .mud-table-pagination-information {
        display: none;
    }
}