.wp-block-dashboard-reisevorgang-kunde .dashboard-reisevorgang-kunde__title {
    margin-bottom: var(--theme--gap--normal);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wp-block-dashboard-reisevorgang-kunde .dashboard-reisevorgang-kunde__title [data-show-filter] {
    display: inline-flex;
    gap: 0.5em;
    align-items: center;
    font-weight: 700;
    cursor: pointer;
}

.wp-block-dashboard-reisevorgang-kunde .dashboard-reisevorgang-kunde__filter {
    margin-bottom: var(--theme--gap--normal);
    background: var(--theme--color--background);
    padding: 1em;
    border-radius: var(--theme--card--border-radius);
}

.wp-block-dashboard-reisevorgang-kunde .dashboard-reisevorgang-kunde__table {
    transition: all 0.3s ease;
    background: var(--theme--color--background);
}

.wp-block-dashboard-reisevorgang-kunde .dashboard-reisevorgang-kunde__table.ajax-processing {
    pointer-events: none;
    opacity: 0.33;
}

.wp-block-dashboard-reisevorgang-kunde .dashboard-reisevorgang-kunde__table .messages {
    margin: 0;
}

.wp-block-dashboard-reisevorgang-kunde .reisevorgang__status {
    position: relative;
    padding: 0;
    width: 5px;
    min-width: 5px;
}

.wp-block-dashboard-reisevorgang-kunde .reisevorgang__status .status {
    height: 100%;
    display: block;
    width: 100%;
    position: absolute;
    background: var(--theme--color--text);
}

.wp-block-dashboard-reisevorgang-kunde .reisevorgang__status .status--reisebriefing {
    background: var(--theme--color--secondary);
}

.wp-block-dashboard-reisevorgang-kunde .reisevorgang__status .status--angebot,
.wp-block-dashboard-reisevorgang-kunde .reisevorgang__status .status--offen {
    background: var(--theme--color--warning);
}

.wp-block-dashboard-reisevorgang-kunde .reisevorgang__status .status--bestaetigt {
    background: var(--theme--color--success);
}

.wp-block-dashboard-reisevorgang-kunde .reisevorgang__status .status--storno {
    background: var(--theme--color--error);
}

.wp-block-dashboard-reisevorgang-kunde td.reisevorgang__reise a {
    text-decoration: underline;
}

.wp-block-dashboard-reisevorgang-kunde td.reisevorgang__nachrichten .new-messages {
    background: var(--theme--color--error);
    min-width: 1.5em;
    height: 1.5em;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: var(--theme--font-size--small);
    font-weight: 700;
}

.wp-block-dashboard-reisevorgang-kunde td.reisevorgang__nachrichten .no-messages {
    font-size: var(--theme--font-size--small);
    color: var(--theme--color--darker);
}

.wp-block-dashboard-reisevorgang-kunde .kunde {
    display: flex;
    flex-direction: column;
    line-height: 1.25em;
}

.wp-block-dashboard-reisevorgang-kunde .kunde__email {
    font-size: var(--theme--font-size--small);
    color: var(--theme--color--darker);
}

.wp-block-dashboard-reisevorgang-kunde .expedient {
    display: flex;
    gap: 0.5em;
    align-items: center;
    line-height: 1.25em;
}

.wp-block-dashboard-reisevorgang-kunde .expedient + .expedient {
    margin-top: 1em;
}

.wp-block-dashboard-reisevorgang-kunde .expedient__image {
    width: 42px;
    height: 42px;
    border-radius: 99px;
    overflow: hidden;
    border: 2px solid white;
    box-shadow: 0 0 0 2px var(--theme--form--lighter);
}

.wp-block-dashboard-reisevorgang-kunde .expedient__image--online {
    box-shadow: 0 0 0 2px var(--theme--color--success);
}

.wp-block-dashboard-reisevorgang-kunde .expedient__info {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.wp-block-dashboard-reisevorgang-kunde .expedient__filiale {
    font-size: var(--theme--font-size--small);
}

.wp-block-dashboard-reisevorgang-kunde .expedient__email {
    font-size: var(--theme--font-size--small);
    color: var(--theme--color--darker);
}
