/* elements to hide when a dialog is open */
#app:has(.mud-dialog-container) .body-inner,
#app:has(.mud-dialog-container) .mud-select,
#app:has(.mud-dialog-container) .mud-overlay,
.dl-dialog-header-buttons {
    display: none !important;
}

/* Add margins to the subsequent pages */
@page {
    margin: 5mm;
}

body {
    margin: 1cm;
    border: 0;
    zoom: 80%;

    /*this enables background color printing*/
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}

.scroll-locked-no-padding {
    overflow: auto !important;
}

.mud-dialog-fullscreen,
.mud-dialog,
.mud-dialog-container {
    display: block;
    position: relative !important;
    height: inherit !important;
    max-height: inherit !important;
    overflow-y: scroll !important;
}

.print-header {
    display: flex;
    gap: 16px;
    margin: 16px 2px 64px 2px;
    justify-content: space-between;
}

table {
    page-break-inside: auto;
}

tr {
    page-break-inside: avoid;
    page-break-after: auto;
}

thead {
    display: table-header-group;
}

tfoot {
    display: table-footer-group;
}

th {
    text-align: left;
    max-width: 50%;
}

.row .cell {
    border-bottom: 2px solid #dfdfdf;
    padding-bottom: 2em;
}

.cell {
    vertical-align: baseline;
}

.cell-value {
    display: block;
}

.mud-dialog-actions,
.mud-tooltip-root {
    display: none !important;
}

.checklist-remark {
    font-size: 80%;
    padding: 0 3px;
    font-style: italic;
}

.definition-list {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: auto 1fr; /* Two-column layout */
    gap: 0px 16px;
}

.definition-list {
    padding: 16px;
    background-color: #f4f4f4;
    border-radius: 5px;
}

    .definition-list dt {
        font-weight: bold;
        line-height: 1.5rem;
    }

        .definition-list dt > p {
            font-weight: bold;
        }

    .definition-list dd {
        line-height: 1.5rem;
    }

.print-page-break {
    page-break-after: always;
}

.white-space-pre {
    white-space: pre-wrap;
}

.checklist-report {
    width: 100%;
    margin-bottom: 32px;
}

.checklist-report caption {
    background-color: #ececec;
    padding: 10px;
    font-weight: 700;
    margin-bottom: 16px;
}

.checklist-report .cell {
    text-align: left;
    padding: 2px 4px;
}

.checklist-report .field-name {
    width: 40%;
    padding-bottom: 16px;
}


.checklist-report th {
    max-width: 50%;
}