body.change-list #changelist .results {
    overflow-x: auto;
}

body.change-list #result_list th.vf-resizable-column {
    position: relative;
}

.vf-column-resizer {
    bottom: 0;
    cursor: col-resize;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: none;
    width: 7px;
    z-index: 3;
}

.vf-column-resizer::after {
    background: transparent;
    bottom: 4px;
    content: "";
    position: absolute;
    right: 3px;
    top: 4px;
    width: 1px;
}

.vf-column-resizer:hover::after,
.vf-column-resizer:focus::after,
body.vf-column-resizing .vf-column-resizer::after {
    background: #f19000;
}

.vf-column-resizer:focus {
    outline: none;
}

body.vf-column-resizing,
body.vf-column-resizing * {
    cursor: col-resize !important;
    user-select: none !important;
}

.vf-column-width-actions {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 8px;
}

.vf-column-width-reset {
    background: #e6e6e6 !important;
    border-radius: 16px !important;
    color: #4b5563 !important;
    font-size: 11px !important;
    height: 29px !important;
    line-height: 13px !important;
    padding: 8px 13px !important;
    text-transform: uppercase;
}

.vf-column-width-reset:hover,
.vf-column-width-reset:focus,
.vf-column-width-reset:active {
    background: #d8d8d8 !important;
    color: #374151 !important;
}

/* Einheitlicher Look für Suchen und Ausführen */
body.change-list #changelist-search input[type="submit"],
body.change-list #changelist-form .actions button[name="index"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: #e6e6e6 !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    color: #4b5563 !important;
    font-size: 11px !important;
    height: 29px !important;
    line-height: 13px !important;
    padding: 8px 13px !important;
    text-transform: uppercase;
}

body.change-list #changelist-search input[type="submit"],
body.change-list #changelist-form .actions button[name="index"] {
    margin-left: 8px !important;
}

/* Beschriftung und Auswahl bilden eine Spalte; AUSFÜHREN sitzt bündig
   neben dem Auswahlfeld statt auf Höhe der Beschriftung. */
body.change-list #changelist-form .actions {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    column-gap: 0;
    row-gap: 8px;
}

body.change-list #changelist-form .actions > label {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex: 0 1 450px;
    gap: 4px;
    margin-right: 0;
    max-width: 100%;
    width: 450px;
}

body.change-list #changelist-form .actions > button[name="index"] {
    margin-left: 23px !important;
}

body.change-list #changelist-search input[type="submit"]:hover,
body.change-list #changelist-search input[type="submit"]:focus,
body.change-list #changelist-search input[type="submit"]:active,
body.change-list #changelist-form .actions button[name="index"]:hover,
body.change-list #changelist-form .actions button[name="index"]:focus,
body.change-list #changelist-form .actions button[name="index"]:active {
    background: #d8d8d8 !important;
    color: #374151 !important;
}

/* Aktionsfeld darf den verfügbaren Listenbereich nicht verbreitern. */
body.change-list #changelist-form .actions select[name="action"] {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
}