.field-form_panel.unshadow .form-panel-header {
    box-shadow: none;
}

.dl-like {
    box-shadow: inset 0 -1px var(--datalist-border-color), inset 0 1px var(--datalist-border-color);
    display: grid;
    grid-template-columns: 180px 1fr;
    padding: 8px;
}

.dl-like + .dl-like {
    box-shadow: inset 0 -1px var(--datalist-border-color);
}

.dt-like {
    color: var(--datalist-label-color);
    font-weight: 400;
    margin-bottom: 0;
    padding-right: 10px;
}

.dd-like {
    color: var(--datalist-value-color);
    margin-bottom: 0;
    overflow: auto;
}

div.form-control {
    background-color: transparent;
    border: none;
    box-shadow: var(--form-input-shadow);
    color: var(--form-input-text-color);
    min-height: 30px;
    padding: 3px 7px 4px;
    transition: box-shadow .08s ease-in, color .08s ease-in;
}

img.backend-logo {
    width: 32px;
}

.dropdown-user-details .user-label,
.dropdown-user-details .user-name {
    white-space: nowrap;
}

.accordion-item .ea-text-editor-wrapper {
    color: var(--text-color);
}

.ea-dark-scheme .field-collection .list-group {
    --bs-list-group-color: var(--text-color);
    --bs-list-group-bg: transparent;
    --bs-list-group-border-color: var(--datalist-border-color);
}

.field-collection .list-group blockquote {
    font-size: inherit;
}

td.actions:not(.actions-as-dropdown) {
    white-space: nowrap;
}

.datagrid th, .datagrid td {
    vertical-align: top;
}

/* increase label column width */
/* @todo - improve mobile layout */
.ea-detail .field-group .field-label {
    inline-size: 20%;
}

/* margin for crup page help section */
.content-header-help {
    padding: 0 0 2em 0;
}

/* reset boolean fields to standard layout (label - value instead of value - label) */
.ea-detail .field-group.field-boolean {
    flex-direction: inherit;
}

.ea-detail .field-group.field-boolean .field-label {
    flex: inherit;
    margin: 0 15px 0 0;
    min-inline-size: inherit;
    text-align: right;
}

.ea-detail .field-group.field-boolean .field-value {
    flex: inherit;
    inline-size: unset;
    min-inline-size: auto;
    text-align: start;
}

.dues-paid-correction {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1em;
}

dd.payment-sender {
    white-space: pre-line;
}

.dues-paid-correction > div {
    min-width: 30%;
}

.member-dues-summary .highlighted,
.dues-report.highlighted td {
    color: var(--app-overdue-color);
    background-color: var(--app-overdue-bg);
}

.dues-report td a {
    color: inherit;
    font-weight: 700;
}

.dues-report-summary th,
.dues-report-summary td {
    width: calc(100% / 3);
}

.overdue-0,
.overdue-0 td {
    --app-overdue-bg: var(--emerald-700);
    --app-overdue-color: var(--emerald-100);
}

.overdue-3,
.overdue-4,
.overdue-3 td,
.overdue-4 td {
    --app-overdue-bg: var(--yellow-600);
    --app-overdue-color: var(--yellow-100);
}

.overdue-5,
.overdue-5 td {
    --app-overdue-bg: var(--orange-700);
    --app-overdue-color: var(--orange-100);
}

.overdue-6,
.overdue-6 td {
    --app-overdue-bg: var(--red-700);
    --app-overdue-color: var(--red-100);
}

.overdue-7plus,
.overdue-7plus td {
    background-image: linear-gradient(135deg, #b91c1c 48.39%, #000000 48.39%, #000000 50%, #b91c1c 50%, #b91c1c 98.39%, #000000 98.39%, #000000 100%);
    background-size: 43.84px 43.84px;
    --app-overdue-color: var(--red-100);
}

.filter_overdue-0 .overdue-0,
.filter_overdue-1 .overdue-1,
.filter_overdue-2 .overdue-2,
.filter_overdue-3 .overdue-3,
.filter_overdue-4 .overdue-4,
.filter_overdue-5 .overdue-5,
.filter_overdue-6 .overdue-6,
.filter_overdue-7plus .overdue-7plus {
    display: none;
}

.filter-overdue-only-this-wrapper {
    margin: 1em;
}

.filter-overdue-only-this-wrapper label {
    visibility: hidden;
}

td:hover .filter-overdue-only-this-wrapper label,
.filter-overdue-only-this-wrapper input:checked ~ label {
    visibility: visible;
}

.dues-report .total {
    font-weight: bold;
}