/* 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;
    }
}

@media (max-width: 599.98px) {
    .tab-label-hide-xs {
        display: none;
    }
}

.app-table-pager {
    container-type: inline-size;
}

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

/* FinalizeOrderDialog: on narrow screens stack the footer — «Поміняти тип
   предмета оренди» full-width on top, «Відмінити» / «Завершити» side by side
   beneath it. Desktop layout is untouched. */
@media (max-width: 600px) {
    .finalize-order-dialog .mud-dialog-actions {
        flex-wrap: wrap;
        gap: 8px;
    }
    /* «Поміняти тип…»: own full-width row on top */
    .finalize-order-dialog .mud-dialog-actions > .mud-button-root:first-child {
        flex: 0 0 100%;
        margin: 0 !important;
    }
    .finalize-order-dialog .mud-dialog-actions > .mud-button-root:first-child .mud-button-label {
        white-space: normal;
    }
    /* drop the spacer so the two actions share the row below */
    .finalize-order-dialog .mud-dialog-actions > .mud-spacer {
        display: none;
    }
    /* «Відмінити» + «Завершити»: equal halves on the second row */
    .finalize-order-dialog .mud-dialog-actions > .mud-button-root:not(:first-child) {
        flex: 1 1 0;
        min-width: 0;
        margin: 0 !important;
    }
}