/* Erzwingt feste Spaltenbreiten */
.changelog-table .mud-table-root {
    table-layout: fixed;
    width: 100%;
}

/* Kein Umbruch + Ellipsis, damit die Breite greift */
.changelog-table th,
.changelog-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Überschreibt die Ellipsis-Regel nur für Zellen im Body */
.changelog-table .mud-table-body .mud-table-cell {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    vertical-align: top;
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* Engere Adressdarstellung in Tabellenzellen */
.addr-tight {
    line-height: 1.2;
}

    .addr-tight .addr-line {
        margin: 0;
        padding: 0;
    }

.mud-input-right {
    text-align: right !important;
}

    /* Breiten pro Spalte (1-basiert) */
    .changelog-table th:nth-child(1), .changelog-table td:nth-child(1) {
        width: 150px;
    }
    /* Zeitpunkt */
    .changelog-table th:nth-child(2), .changelog-table td:nth-child(2) {
        width: 300px;
    }
    /* Benutzer */
    .changelog-table th:nth-child(3), .changelog-table td:nth-child(3) {
        width: 150px;
    }
    /* Feld */
    .changelog-table th:nth-child(4), .changelog-table td:nth-child(4) {
        width: 180px;
    }
    /* Alt */
    .changelog-table th:nth-child(5), .changelog-table td:nth-child(5) {
        width: 180px;
    }
    /* Neu */
    .changelog-table th:nth-child(6), .changelog-table td:nth-child(6) {
        width: auto;
    }


.invoice-paper {
    border: 2px solid var(--vbv-gold) !important;
}

/* Ladebalken von Mud überschreiben */
.mud-table-loading-progress [class*="mud-progress-linear"] {
    background-color: var(--vbv-red) !important;
}

/* Aktion Button anpassen */
.action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

    .action-buttons .mud-button {
        min-width: 0 !important;
        padding: 4px 10px !important;
        font-size: 0.75rem !important;
        height: 28px !important;
        line-height: 1.2 !important;
    }

@media (max-width: 600px) {
    .action-buttons {
        flex-direction: column;
        align-items: stretch;
        gap: 0.1rem;
    }

        .action-buttons .mud-button {
            margin-right: 0 !important;
            margin-bottom: 0.3rem;
        }
}

/* Genehmigen-Button */
.mud-button.mud-button-filled.btn-approve,
.mud-button.mud-button-outlined.btn-approve {
    background-color: #43a047 !important;
    color: #fff !important;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

    .mud-button.mud-button-filled.btn-approve:hover,
    .mud-button.mud-button-outlined.btn-approve:hover {
        background-color: #388e3c !important;
        box-shadow: 0 2px 8px rgba(67, 160, 71, 0.15);
        transform: scale(1.04);
    }

/* Ablehnen-Button */
.mud-button.mud-button-filled.btn-reject,
.mud-button.mud-button-outlined.btn-reject {
    background-color: var(--vbv-red) !important;
    color: #fff !important;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

    .mud-button.mud-button-filled.btn-reject:hover,
    .mud-button.mud-button-outlined.btn-reject:hover {
        background-color: #a31515 !important;
        box-shadow: 0 2px 8px rgba(171, 21, 21, 0.15);
        transform: scale(1.04);
    }

/* Freigabe beantragen-Button */
.mud-button.mud-button-filled.btn-request-approval,
.mud-button.mud-button-outlined.btn-request-approval {
    background-color: #1e88e5 !important;
    color: #fff !important;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

    .mud-button.mud-button-filled.btn-request-approval:hover,
    .mud-button.mud-button-outlined.btn-request-approval:hover {
        background-color: #1565c0 !important;
        box-shadow: 0 2px 8px rgba(30, 136, 229, 0.15);
        transform: scale(1.04);
    }

/* Einreichen-Button */
.mud-button.mud-button-filled.btn-submit,
.mud-button.mud-button-outlined.btn-submit {
    background-color: #1976d2 !important;
    color: #fff !important;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

    .mud-button.mud-button-filled.btn-submit:hover,
    .mud-button.mud-button-outlined.btn-submit:hover {
        background-color: #115293 !important;
        box-shadow: 0 2px 8px rgba(25, 118, 210, 0.15);
        transform: scale(1.04);
    }

/* Bearbeiten-Button */
.mud-button.mud-button-filled.btn-edit,
.mud-button.mud-button-outlined.btn-edit {
    background-color: var(--vbv-gold) !important;
    color: #fff !important;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

    .mud-button.mud-button-filled.btn-edit:hover,
    .mud-button.mud-button-outlined.btn-edit:hover {
        background-color: #c49000 !important;
        box-shadow: 0 2px 8px rgba(245, 158, 0, 0.15);
        transform: scale(1.04);
    }

/* Archivieren-Button */
.mud-button.mud-button-filled.btn-archive,
.mud-button.mud-button-outlined.btn-archive {
    background-color: #757575 !important;
    color: #fff !important;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

    .mud-button.mud-button-filled.btn-archive:hover,
    .mud-button.mud-button-outlined.btn-archive:hover {
        background-color: #616161 !important;
        box-shadow: 0 2px 8px rgba(117, 117, 117, 0.15);
        transform: scale(1.04);
    }

/* Löschen-Button */
.mud-button.mud-button-filled.btn-delete,
.mud-button.mud-button-outlined.btn-delete {
    background-color: var(--vbv-red) !important;
    color: #fff !important;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

    .mud-button.mud-button-filled.btn-delete:hover,
    .mud-button.mud-button-outlined.btn-delete:hover {
        background-color: #a31515 !important;
        box-shadow: 0 2px 8px rgba(171, 21, 21, 0.15);
        transform: scale(1.04);
    }

/* Als bezahlt markieren-Button */
.mud-button.mud-button-filled.btn-mark-paid,
.mud-button.mud-button-outlined.btn-mark-paid {
    background-color: #009688 !important;
    color: #fff !important;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

    .mud-button.mud-button-filled.btn-mark-paid:hover,
    .mud-button.mud-button-outlined.btn-mark-paid:hover {
        background-color: #00796b !important;
        box-shadow: 0 2px 8px rgba(0, 150, 136, 0.15);
        transform: scale(1.04);
    }

/* Zurückziehen-Button */
.mud-button.mud-button-filled.btn-withdraw,
.mud-button.mud-button-outlined.btn-withdraw {
    background-color: #e65100 !important;
    color: #fff !important;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

    .mud-button.mud-button-filled.btn-withdraw:hover,
    .mud-button.mud-button-outlined.btn-withdraw:hover {
        background-color: #bf360c !important;
        box-shadow: 0 2px 8px rgba(230, 81, 0, 0.15);
        transform: scale(1.04);
    }

/* Erneut einreichen-Button */
.mud-button.mud-button-filled.btn-resubmit,
.mud-button.mud-button-outlined.btn-resubmit {
    background-color: #0288d1 !important;
    color: #fff !important;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

    .mud-button.mud-button-filled.btn-resubmit:hover,
    .mud-button.mud-button-outlined.btn-resubmit:hover {
        background-color: #01579b !important;
        box-shadow: 0 2px 8px rgba(2, 136, 209, 0.15);
        transform: scale(1.04);
    }

/* Zurück zur Prüfung-Button */
.mud-button.mud-button-filled.btn-back-to-review,
.mud-button.mud-button-outlined.btn-back-to-review {
    background-color: #8e24aa !important;
    color: #fff !important;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

    .mud-button.mud-button-filled.btn-back-to-review:hover,
    .mud-button.mud-button-outlined.btn-back-to-review:hover {
        background-color: #6d1b7b !important;
        box-shadow: 0 2px 8px rgba(142, 36, 170, 0.15);
        transform: scale(1.04);
    }

/* Default-Button (für unbekannte Aktionen) */
.mud-button.mud-button-filled.btn-default,
.mud-button.mud-button-outlined.btn-default {
    background-color: #bdbdbd !important;
    color: #fff !important;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

    .mud-button.mud-button-filled.btn-default:hover,
    .mud-button.mud-button-outlined.btn-default:hover {
        background-color: #757575 !important;
        box-shadow: 0 2px 8px rgba(189, 189, 189, 0.15);
        transform: scale(1.04);
    }

/* Stornieren-Button */
.mud-button.mud-button-filled.btn-cancel,
.mud-button.mud-button-outlined.btn-cancel {
    background-color: #f57c00 !important; /* Orange */
    color: #fff !important;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

    .mud-button.mud-button-filled.btn-cancel:hover,
    .mud-button.mud-button-outlined.btn-cancel:hover {
        background-color: #e65100 !important;
        box-shadow: 0 2px 8px rgba(245, 124, 0, 0.15);
        transform: scale(1.04);
    }

/* Zurückgeben-Button */
.mud-button.mud-button-filled.btn-return,
.mud-button.mud-button-outlined.btn-return {
    background-color: #6d4c41 !important; /* Braun */
    color: #fff !important;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

    .mud-button.mud-button-filled.btn-return:hover,
    .mud-button.mud-button-outlined.btn-return:hover {
        background-color: #4e342e !important;
        box-shadow: 0 2px 8px rgba(109, 76, 65, 0.15);
        transform: scale(1.04);
    }