.reizen-icon-action {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: #294b3c !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    vertical-align: middle;
    cursor: pointer;
}

.reizen-icon-action:hover {
    background: #294b3c0c !important;
}

.reizen-icon-action:disabled {
    cursor: not-allowed;
    opacity: .45;
}

.reizen-icon-action::before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    background: currentColor;
    -webkit-mask: var(--reizen-icon) center / contain no-repeat;
    mask: var(--reizen-icon) center / contain no-repeat;
}

.reizen-icon-group {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 8px 0;
}

.reizen-icon-original {
    display: none !important;
}

.reizen-primary-icon {
    width: auto !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 10px 14px !important;
    gap: 8px;
    background: #294b3c !important;
    color: #fff !important;
    border: 1px solid #294b3c !important;
    font-size: 0 !important;
    margin: 0 !important;
}

.reizen-primary-icon:hover {
    background: #365d48 !important;
    color: #fff !important;
}

.reizen-primary-icon + .reizen-primary-icon {
    margin-left: 10px !important;
}

.reizen-primary-icon > svg {
    display: none !important;
}

.reizen-primary-icon::after {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.reizen-primary-export::after {
    content: "Exporteren";
}

.reizen-primary-new::after {
    content: "Nieuw";
}

.reizen-green-action {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 10px 14px !important;
    border-radius: 7px;
    background: #294b3c !important;
    color: #fff !important;
    border: 1px solid #294b3c !important;
}

.reizen-green-action:hover {
    background: #365d48 !important;
    color: #fff !important;
}

.reizen-admin-section > .reizen-section-divider,
.reizen-action-divider {
    border-top: 1px solid #d9dfd3;
    margin: 18px 0 16px;
    width: 100%;
}

.reizen-icon-link {
    --reizen-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.reizen-icon-pencil {
    --reizen-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L8 18l-4 1 1-4Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.reizen-icon-refresh {
    --reizen-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11a8 8 0 1 0-2.34 5.66M20 4v7h-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.reizen-icon-route {
    --reizen-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='18' cy='5' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='6' cy='19' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}

.reizen-icon-cloud-download {
    --reizen-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 13v8m-4-4 4 4 4-4M20 17.5A4.5 4.5 0 0 0 18.5 9a7 7 0 0 0-13.36 2A3.5 3.5 0 0 0 6.5 18H8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.reizen-icon-plus {
    --reizen-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.reizen-route-warning {
    display: inline-flex;
    align-items: center;
    margin-left: 7px;
    color: #d47a18;
    vertical-align: -4px;
}


.reizen-update-detail .reizen-update-old-time {
    display: none !important;
}

.reizen-update-detail .update-detail-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.reizen-update-detail .update-detail-heading h2 {
    flex: 1;
    margin: 0 0 14px !important;
    font-size: 29px;
    line-height: 1.12;
}

.reizen-update-detail .update-detail-heading .reizen-detail-actions {
    flex: 0 0 auto;
    margin: 0 !important;
    gap: 7px;
}

.reizen-update-detail .update-detail-heading .reizen-detail-actions .reizen-icon-action {
    width: 34px !important;
    height: 34px !important;
    color: #294b3c !important;
}

.reizen-update-detail .body-text {
    font-size: 14px;
    line-height: 1.55;
    margin: 0;
}

.reizen-update-detail .update-detail-divider {
    border-top: 1px solid #d9dfd3;
    margin: 24px 0;
}

.reizen-update-detail .update-time-info {
    display: grid;
    gap: 20px;
}

.reizen-update-detail .update-time-row {
    display: grid;
    grid-template-columns: 32px minmax(0,1fr);
    gap: 12px;
    align-items: start;
    color: #1d3027;
}

.reizen-update-detail .update-time-row > svg {
    margin-top: 3px;
    color: #294b3c;
}

.reizen-update-detail .update-time-row > span {
    min-width: 0;
}

.reizen-update-detail .update-time-row small {
    display: block;
    font-size: 11px;
    line-height: 1.35;
    color: #5d6964;
    margin: 0 0 5px;
}

.reizen-update-detail .update-time-row strong {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    color: #10261d;
    font-weight: 650;
}

.reizen-update-detail .update-coordinates {
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 13px !important;
    color: #4f5d57 !important;
}

.reizen-update-detail .update-coordinates svg {
    flex: 0 0 auto;
    color: #294b3c;
}

@media(max-width:800px) {
    .reizen-update-detail .update-detail-heading h2 {font-size:27px}
    .reizen-update-detail .update-coordinates {font-size:12px !important}
}


.reizen-update-detail .link-previews:empty,
.reizen-update-detail .media-gallery:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


.reizen-feed-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.reizen-feed-toolbar .section-label {
    margin: 0 !important;
    font-size: 10px !important;
    letter-spacing: 1.9px !important;
    color: #768078 !important;
}

.reizen-feed-toolbar .button {
    margin: 0 !important;
    white-space: nowrap;
}

.feed-card.feed-card-modern {
    text-align: left !important;
    display: block !important;
    background: #fff !important;
    border: 1px solid #dfe3dc !important;
    width: 100% !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    box-shadow: none !important;
    color: #15241d !important;
}

.feed-card.feed-card-modern:hover {
    transform: translateY(-1px) !important;
    border-color: #b8c4b5 !important;
}

.feed-card-modern .feed-time-row,
.feed-card-modern .feed-place-row {
    display: flex;
    align-items: center;
    gap: 11px;
}

.feed-card-modern .feed-time-row {
    color: #6e7b75;
}

.feed-card-modern .feed-time-row > svg,
.feed-card-modern .feed-place-row > svg {
    flex: 0 0 auto;
    color: #75847d;
}

.feed-card-modern .feed-time-row strong {
    font-size: 14px;
    line-height: 1.3;
    color: #101b17;
    font-weight: 700;
}

.feed-card-modern .feed-time-row span {
    font-size: 12px;
    line-height: 1.3;
    color: #77817d;
}

.feed-card-modern .feed-place-row {
    margin-top: 10px;
    color: #6f7b76;
    font-size: 13px;
}

.feed-card.feed-card-modern p {
    font-size: 14px !important;
    line-height: 1.35 !important;
    margin: 9px 0 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #111b17 !important;
}

.feed-media-counts {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 16px;
    color: #6f7b76;
}

.feed-media-counts span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
}

.feed-media-counts svg {
    color: #75847d;
}

@media(max-width:800px) {
    .reizen-feed-toolbar {margin-bottom: 14px}
    .feed-card.feed-card-modern {padding: 16px !important}
    .feed-card-modern .feed-time-row {flex-wrap: wrap; column-gap: 8px; row-gap: 3px}
    .feed-card-modern .feed-time-row strong {font-size: 13px}
    .feed-card-modern .feed-time-row span {font-size: 11px}
    .feed-card-modern .feed-place-row {font-size: 12px}
    .feed-card.feed-card-modern p {font-size: 13px !important; margin-top: 15px !important}
}

/* SAFE_FEED_V23 */

/* Zet alleen classes/data-attributen op React-DOM; de layout zelf gebeurt hier. */
.panel-body > .reizen-feed-routes-button {
    float: right;
    margin: 0 0 18px 14px !important;
    white-space: nowrap;
}

.panel-body > .reizen-feed-section-label {
    min-height: 40px;
    display: flex !important;
    align-items: center;
    margin: 0 0 18px !important;
    padding: 0 !important;
    font-size: 10px !important;
    letter-spacing: 1.9px !important;
    color: #768078 !important;
}

.reizen-feed-sort-hidden {
    display: none !important;
}

.panel-body > .feed-card.feed-card-modern {
    clear: both;
}

.feed-card.feed-card-modern {
    text-align: left !important;
    display: block !important;
    background: #fff !important;
    border: 1px solid #dfe3dc !important;
    width: 100% !important;
    padding: 19px 20px !important;
    border-radius: 10px !important;
    margin-bottom: 14px !important;
    box-shadow: none !important;
    color: #15241d !important;
}

.feed-card.feed-card-modern:hover {
    transform: translateY(-1px) !important;
    border-color: #b8c4b5 !important;
}

.feed-card-modern .feed-meta {
    display: grid !important;
    grid-template-columns: 19px minmax(0,1fr);
    grid-template-rows: auto auto;
    column-gap: 8px;
    row-gap: 4px;
    align-items: center;
    margin: 0 !important;
}

.feed-card-modern .feed-meta::before {
    content: "";
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    width: 19px;
    height: 19px;
    background: #75847d;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 7v5l3 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 7v5l3 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

.feed-card-modern .feed-meta > .day-number {
    display: none !important;
}

.feed-card-modern .feed-meta > span:not(.day-number) {
    grid-column: 2;
    grid-row: 1 / span 2;
    display: grid !important;
    grid-template-columns: max-content minmax(0,1fr);
    grid-template-rows: 19px 19px;
    column-gap: 6px;
    row-gap: 4px;
    align-items: center;
    min-width: 0;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
}

.feed-card-modern .feed-meta > span:not(.day-number)::before {
    content: attr(data-traveler-time);
    grid-column: 1;
    grid-row: 1;
    font-size: 14px;
    line-height: 19px;
    font-weight: 700;
    color: #101b17;
}

.feed-card-modern .feed-meta > span:not(.day-number)[data-viewer-time]::after {
    content: "(" attr(data-viewer-time) ")";
    grid-column: 2;
    grid-row: 1;
    font-size: 12px;
    line-height: 19px;
    font-weight: 400;
    color: #77817d;
}

.feed-card-modern .feed-meta > span:not(.day-number) small {
    grid-column: 1 / span 2;
    grid-row: 2;
    display: flex !important;
    align-items: center;
    min-height: 19px;
    margin-top: 0 !important;
    font-size: 13px !important;
    line-height: 19px !important;
    font-weight: 400 !important;
    color: #6f7b76 !important;
}

.feed-card-modern .feed-meta > svg {
    grid-column: 1;
    grid-row: 2;
    align-self: center;
    width: 19px !important;
    height: 19px !important;
    color: #75847d !important;
    margin: 0 !important;
}

.feed-card.feed-card-modern > p {
    font-size: 14px !important;
    line-height: 1.45 !important;
    margin: 18px 0 0 !important;
    color: #111b17 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.feed-card-modern .feed-link {
    margin-top: 8px !important;
    padding: 0 !important;
    color: #6f7b76 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.feed-card-modern .feed-link:not([data-has-media]) {
    display: none !important;
}

.feed-card-modern .feed-link[data-has-media] {
    display: flex !important;
    align-items: center;
    gap: 22px;
}

.feed-card-modern .feed-link > svg {
    display: none !important;
}

.feed-card-modern .feed-link[data-photo-count]::before {
    content: attr(data-photo-count);
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding-left: 25px;
    font-size: 12px;
    line-height: 18px;
    color: #6f7b76;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2375847d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='15' height='15' rx='2'/%3E%3Cpath d='m3 14 4-4 4 4 2-2 5 5'/%3E%3Cpath d='M8 7h.01'/%3E%3Cpath d='M8 21h11a2 2 0 0 0 2-2V8'/%3E%3C/svg%3E") left center/18px 18px no-repeat;
}

.feed-card-modern .feed-link[data-video-count]::after {
    content: attr(data-video-count);
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding-left: 25px;
    font-size: 12px;
    line-height: 18px;
    color: #6f7b76;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2375847d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='15' height='12' rx='2'/%3E%3Cpath d='m17 10 5-3v10l-5-3z'/%3E%3C/svg%3E") left center/18px 18px no-repeat;
}

@media(max-width:800px) {
    .panel-body > .reizen-feed-routes-button {
        margin-bottom: 14px !important;
    }

    .panel-body > .reizen-feed-section-label {
        min-height: 40px;
        margin-bottom: 14px !important;
    }

    .feed-card.feed-card-modern {
        padding: 11px 13px !important;
    }

    .feed-card-modern .feed-meta > span:not(.day-number)::before {
        font-size: 13px;
    }

    .feed-card-modern .feed-meta > span:not(.day-number)[data-viewer-time]::after {
        font-size: 11px;
    }

    .feed-card-modern .feed-meta > span:not(.day-number) small {
        font-size: 12px !important;
    }

    .feed-card.feed-card-modern > p {
        font-size: 13px !important;
        margin-top: 8px !important;
    }
}

/* HISTORY_ACTIONS_V28 */
.reizen-header-delete-hidden {
    display: none !important;
}

.history-card.reizen-history-nonclickable {
    position: relative;
    cursor: default !important;
    padding-right: 72px !important;
}

.history-card.reizen-history-nonclickable:not(.reizen-history-can-delete) {
    padding-right: 42px !important;
}

.history-card .reizen-history-open-icon {
    position: absolute;
    right: 42px;
    top: 50%;
    width: 17px !important;
    height: 17px !important;
    transform: translateY(-50%);
    color: transparent !important;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E") center/17px 17px no-repeat;
}

.history-card .reizen-history-open-icon * {
    stroke: transparent !important;
}

.history-card.reizen-history-nonclickable:not(.reizen-history-can-delete) .reizen-history-open-icon {
    right: 13px;
}

.history-card.reizen-history-can-delete::after {
    content: "";
    position: absolute;
    right: 13px;
    top: 50%;
    width: 17px;
    height: 17px;
    transform: translateY(-50%);
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a6543f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v5'/%3E%3Cpath d='M14 11v5'/%3E%3C/svg%3E") center/17px 17px no-repeat;
}

/* Media-iconen exact even hoog als het getal. */
.feed-card-modern .feed-link[data-photo-count]::before,
.feed-card-modern .feed-link[data-video-count]::after {
    min-height: 12px !important;
    padding-left: 17px !important;
    font-size: 12px !important;
    line-height: 12px !important;
    background-size: 12px 12px !important;
}

.feed-media-counts span {
    min-height: 12px !important;
    line-height: 12px !important;
}

.feed-media-counts svg {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
}

/* HISTORY_ACTIONS_V29 */
.reizen-header-action-hidden {
    display: none !important;
}

.history-card.reizen-history-actions-row {
    padding-right: 12px !important;
    padding-bottom: 12px !important;
    cursor: default !important;
}

.history-card.reizen-history-actions-row > span {
    min-width: 0;
}

.history-card.reizen-history-actions-row > span::after {
    content: "";
    display: block;
    height: 18px;
    margin-top: 7px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    cursor: pointer;
}

.history-card.reizen-history-admin.reizen-history-has-points > span::after {
    width: 124px;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.38a2 2 0 0 0-.73-2.73l-.15-.09a2 2 0 0 1-1-1.74v-.51a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M18 17V9'/%3E%3Cpath d='M13 17V5'/%3E%3Cpath d='M8 17v-3'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h8'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a6543f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v5'/%3E%3Cpath d='M14 11v5'/%3E%3C/svg%3E");
    background-position: 0 1px, 26px 1px, 52px 1px, 78px 1px, 104px 1px;
}

.history-card.reizen-history-admin:not(.reizen-history-has-points) > span::after {
    width: 72px;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.38a2 2 0 0 0-.73-2.73l-.15-.09a2 2 0 0 1-1-1.74v-.51a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a6543f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v5'/%3E%3Cpath d='M14 11v5'/%3E%3C/svg%3E");
    background-position: 0 1px, 26px 1px, 52px 1px;
}

.history-card:not(.reizen-history-admin).reizen-history-has-points > span::after {
    width: 46px;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M18 17V9'/%3E%3Cpath d='M13 17V5'/%3E%3Cpath d='M8 17v-3'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
    background-position: 0 1px, 26px 1px;
}

.history-card:not(.reizen-history-admin):not(.reizen-history-has-points) > span::after {
    width: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
    background-position: 0 1px;
}

.history-card .reizen-history-open-icon,
.history-card .reizen-history-open-icon-hidden,
.history-card.reizen-history-can-delete::after {
    display: none !important;
}

/* Updates: alleen het getal wordt 1px groter, icoon blijft 12px. */
.feed-card-modern .feed-link[data-photo-count]::before,
.feed-card-modern .feed-link[data-video-count]::after {
    min-height: 13px !important;
    font-size: 13px !important;
    line-height: 13px !important;
}

.feed-media-counts span {
    min-height: 13px !important;
    font-size: 13px !important;
    line-height: 13px !important;
}

/* HISTORY_ACTIONS_V30 */
.history-card.reizen-history-admin.reizen-history-has-points > span::after {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.38a2 2 0 0 0-.73-2.73l-.15-.09a2 2 0 0 1-1-1.74v-.51a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M18 17V9'/%3E%3Cpath d='M13 17V5'/%3E%3Cpath d='M8 17v-3'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M16 12h2'/%3E%3Cpath d='M16 8h2'/%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V5a2 2 0 0 1 2-2h5a3 3 0 0 1 3 3v15a3 3 0 0 0-3-3Z'/%3E%3Cpath d='M21 18a1 1 0 0 0 1-1V5a2 2 0 0 0-2-2h-5a3 3 0 0 0-3 3v15a3 3 0 0 1 3-3Z'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a6543f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v5'/%3E%3Cpath d='M14 11v5'/%3E%3C/svg%3E");
    background-position: 0 1px, 26px 1px, 52px 1px, 78px 1px, 104px 1px;
}

.history-card.reizen-history-admin:not(.reizen-history-has-points) > span::after {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.38a2 2 0 0 0-.73-2.73l-.15-.09a2 2 0 0 1-1-1.74v-.51a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a6543f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v5'/%3E%3Cpath d='M14 11v5'/%3E%3C/svg%3E");
    background-position: 0 1px, 26px 1px, 52px 1px;
}

.history-card:not(.reizen-history-admin).reizen-history-has-points > span::after {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M18 17V9'/%3E%3Cpath d='M13 17V5'/%3E%3Cpath d='M8 17v-3'/%3E%3C/svg%3E");
    background-position: 0 1px, 26px 1px;
}

.history-card:not(.reizen-history-admin):not(.reizen-history-has-points) > span::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23728176' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
    background-position: 0 1px;
}

/* NOTIFICATION_BRAND_V31 */
.map-brand.reizen-has-notification-gap {
    gap: 42px !important;
}

.trip-title-actions.reizen-notification-source {
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    overflow: visible !important;
}

.trip-title-actions.reizen-notification-source .reizen-notification-floating {
    position: fixed !important;
    z-index: 30;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #63746b;
}

.trip-title-actions.reizen-notification-source .reizen-notification-floating.active {
    background: #edf1e9;
    color: var(--green);
}

@media(max-width:800px) {
    .map-brand.reizen-has-notification-gap {
        gap: 34px !important;
    }

    .trip-title-actions.reizen-notification-source .reizen-notification-floating {
        width: 28px !important;
        height: 28px !important;
    }
}

/* NOTIFICATION_BRAND_V32 */
.trip-title-actions {
    border-top: 0 !important;
}

.trip-title-actions.reizen-header-actions-moved {
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    overflow: hidden !important;
}

.trip-title-actions.reizen-notification-source .reizen-notification-floating,
.trip-title-actions.reizen-notification-source .reizen-notification-floating.active {
    color: #283b32 !important;
}

.trip-title-actions.reizen-notification-source .reizen-notification-floating svg {
    width: 24px !important;
    height: 24px !important;
}

/* MAP_LAYER_ACTIONS_V33 */
.map-status-row .map-layer-toggle.reizen-map-layer-action {
    position: fixed !important;
    z-index: 20;
    display: grid !important;
    place-items: center;
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    border: 1px solid #dedfd4 !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #283b32 !important;
    box-shadow: 0 5px 20px #294b3c15 !important;
}

.map-status-row .map-layer-toggle.reizen-map-layer-action:hover,
.map-status-row .map-layer-toggle.reizen-map-layer-action.active {
    background: #edf1e9 !important;
    color: #283b32 !important;
}

.map-status-row .map-layer-toggle.reizen-map-layer-action:disabled {
    cursor: not-allowed;
    opacity: .5;
}

.map-status-row .map-layer-toggle.reizen-map-layer-action svg {
    width: 21px !important;
    height: 21px !important;
}

@media(max-width:800px) {
    .map-status-row .map-layer-toggle.reizen-map-layer-action {
        width: 46px !important;
        height: 46px !important;
    }
}

/* MAP_ATTRIBUTION_V34 */
.maplibregl-ctrl-bottom-right {
    bottom: 8px !important;
    right: 21px !important;
}

@media(max-width:800px) {
    .maplibregl-ctrl-bottom-right {
        bottom: 4px !important;
        right: 3px !important;
    }
}

/* BRAND_V35 */
.brand {
    display: inline-block !important;
    width: 132px !important;
    height: 44px !important;
    flex: 0 0 132px;
    background: url("/reisverhalen-logo.png?v=35") center / contain no-repeat !important;
    text-decoration: none !important;
}

.brand > svg,
.brand > span {
    display: none !important;
}

@media(max-width:800px) {
    .map-brand .brand {
        width: 32px !important;
        height: 32px !important;
        flex-basis: 32px !important;
        padding: 0 !important;
        background-image: url("/reisverhalen-icoon.png?v=35") !important;
    }
}

/* MAP_NAVIGATION_V36 */
.maplibregl-ctrl-bottom-right .maplibregl-ctrl-group {
    transform: translateY(-64px) !important;
}

@media(max-width:800px) {
    .maplibregl-ctrl-bottom-right .maplibregl-ctrl-group {
        transform: translateY(-54px) !important;
    }
}

/* MEDIA_GALLERY_V39 */
.media-gallery {
    display: flex !important;
    align-items: stretch !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px !important;
    touch-action: pan-x;
    scrollbar-width: thin;
}

.media-gallery > button,
.media-gallery .media-thumb {
    position: relative !important;
    flex: 0 0 auto !important;
    height: 138px !important;
    min-width: 92px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 11px !important;
    overflow: hidden !important;
    background: #e6ebe6 !important;
    touch-action: pan-x;
    user-select: none;
    -webkit-user-select: none;
}

.media-gallery > button > img,
.media-gallery .media-thumb > img {
    display: block !important;
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
}

.reizen-media-gallery-admin > button,
.media-gallery-admin .media-thumb {
    cursor: grab;
}

.reizen-media-gallery-admin > button.reizen-media-dragging,
.media-gallery-admin .media-thumb.dragging {
    cursor: grabbing;
    outline: 3px solid #294b3c !important;
    outline-offset: 2px;
    opacity: .88;
    z-index: 4;
}

.reizen-media-gallery-admin > button.reizen-media-cover,
.media-gallery-admin .media-thumb.cover {
    outline: 3px solid #0e7147 !important;
    outline-offset: -3px;
}

.reizen-media-drag-handle,
.reizen-media-control,
.media-thumb-drag,
.media-thumb-control {
    position: absolute !important;
    top: 8px !important;
    z-index: 5;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    height: 34px !important;
    border-radius: 17px !important;
    background: rgba(255,255,255,.96) !important;
    color: #172e26 !important;
    box-shadow: 0 1px 6px rgba(16,37,27,.18);
}

.reizen-media-drag-handle,
.media-thumb-drag {
    left: 8px !important;
    width: 34px !important;
    pointer-events: none;
}

.reizen-media-cover-control,
.media-thumb-cover {
    left: 50% !important;
    transform: translateX(-50%);
    gap: 5px;
    padding: 0 8px !important;
    cursor: pointer;
}

.reizen-media-cover-control.active,
.media-thumb-cover.active {
    left: 50px !important;
    transform: none;
    background: #fff !important;
    color: #0e7147 !important;
    font-weight: 700;
}

.reizen-media-cover-control.active span,
.media-thumb-cover.active span {
    font-size: 12px;
    line-height: 1;
}

.reizen-media-delete-control,
.media-thumb-delete {
    right: 8px !important;
    width: 34px !important;
    cursor: pointer;
}

.reizen-media-control:focus-visible,
.media-thumb-control:focus-visible {
    outline: 3px solid #bc8d4c !important;
    outline-offset: 2px;
}

.reizen-media-row-hidden {
    display: none !important;
}

.media-processing-row {
    margin: 8px 0;
}

@media(max-width:800px) {
    .media-gallery > button,
    .media-gallery .media-thumb {
        height: 126px !important;
    }

    .reizen-media-drag-handle,
    .reizen-media-control,
    .media-thumb-drag,
    .media-thumb-control {
        top: 7px !important;
        min-width: 32px !important;
        height: 32px !important;
        border-radius: 16px !important;
    }

    .reizen-media-drag-handle,
    .media-thumb-drag {
        left: 7px !important;
        width: 32px !important;
    }

    .reizen-media-delete-control,
    .media-thumb-delete {
        right: 7px !important;
        width: 32px !important;
    }

    .reizen-media-cover-control.active,
    .media-thumb-cover.active {
        left: 46px !important;
    }
}

/* MEDIA_GALLERY_V40 */
.reizen-media-gallery-admin > button,
.media-gallery-admin .media-thumb {
    touch-action: none !important;
}

.reizen-media-drag-handle,
.reizen-media-control,
.media-thumb-drag,
.media-thumb-control {
    top: 7px !important;
    min-width: 26px !important;
    width: 26px;
    height: 26px !important;
    border-radius: 13px !important;
    box-shadow: 0 1px 5px rgba(16,37,27,.14) !important;
}

.reizen-media-drag-handle,
.media-thumb-drag {
    left: 7px !important;
    width: 26px !important;
}

.reizen-media-cover-control,
.media-thumb-cover {
    padding: 0 6px !important;
    width: auto;
    gap: 4px !important;
}

.reizen-media-cover-control.active,
.media-thumb-cover.active {
    left: 39px !important;
}

.reizen-media-cover-control.active span,
.media-thumb-cover.active span {
    font-size: 10px !important;
}

.reizen-media-delete-control,
.media-thumb-delete {
    right: 7px !important;
    width: 26px !important;
}

.reizen-media-drag-handle svg,
.reizen-media-cover-control svg,
.media-thumb-drag svg,
.media-thumb-cover svg {
    width: 14px !important;
    height: 14px !important;
}

.reizen-media-delete-control svg,
.media-thumb-delete svg {
    width: 15px !important;
    height: 15px !important;
}

@media(max-width:800px) {
    .reizen-media-drag-handle,
    .reizen-media-control,
    .media-thumb-drag,
    .media-thumb-control {
        top: 6px !important;
        min-width: 25px !important;
        height: 25px !important;
        border-radius: 13px !important;
    }

    .reizen-media-drag-handle,
    .media-thumb-drag {
        left: 6px !important;
        width: 25px !important;
    }

    .reizen-media-delete-control,
    .media-thumb-delete {
        right: 6px !important;
        width: 25px !important;
    }

    .reizen-media-cover-control.active,
    .media-thumb-cover.active {
        left: 37px !important;
    }
}

/* ROUTE_OVERVIEW_V41 */
.queue-item.reizen-route-overview-card {
    position: relative;
    margin: 12px 0 16px !important;
    padding: 16px 14px !important;
    border: 1px solid #dfe3dc !important;
    border-radius: 10px;
    background: #fff;
    overflow: visible;
}

.queue-item.reizen-route-overview-card:last-child {
    border-bottom: 1px solid #dfe3dc !important;
}

.reizen-route-heading,
.reizen-route-overview-card .route-item-heading {
    display: flex !important;
    align-items: center;
    min-height: 34px;
    padding-right: 220px;
}

.reizen-route-title,
.reizen-route-overview-card .route-item-heading strong {
    margin: 0 !important;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 22px !important;
    line-height: 1.1;
    font-weight: 700 !important;
    color: #10261d;
}

.reizen-route-endpoints {
    display: block !important;
    margin: 2px 0 14px !important;
    font-size: 12px !important;
    line-height: 1.4;
    color: #52625c !important;
}

.reizen-route-distance {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    color: #233b31;
    font-size: 12px;
}

.reizen-route-distance svg {
    flex: 0 0 auto;
    color: #294b3c;
}

.reizen-route-legacy-status {
    display: none !important;
}

.reizen-route-status-line {
    margin: 0 0 14px !important;
    font-size: 11px !important;
    color: #6c776f !important;
}

.reizen-route-error-box {
    display: grid;
    grid-template-columns: 26px minmax(0,1fr);
    gap: 10px;
    align-items: start;
    margin: 0 0 12px;
    padding: 12px;
    border-radius: 7px;
    background: #fff0ef;
    color: #bd1f20;
}

.reizen-route-error-box > svg {
    margin-top: 1px;
}

.reizen-route-error-box > div {
    min-width: 0;
}

.reizen-route-error-box strong {
    display: block !important;
    margin: 0 0 3px !important;
    font-size: 12px !important;
    line-height: 1.35;
    color: #a91416 !important;
}

.reizen-route-error-box span {
    display: block !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.45;
    color: #c12a2d !important;
}

.reizen-route-overview-card .reizen-route-fields,
.reizen-route-overview-card > fieldset {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 14px;
    margin: 10px 0 0 !important;
    padding: 14px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid #e5e8e1 !important;
}

.reizen-route-overview-card .reizen-route-fields-two {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}

.reizen-route-overview-card fieldset .field {
    margin: 0 !important;
}

.reizen-route-overview-card fieldset .field > span {
    font-size: 11px !important;
    font-weight: 500;
    color: #334a40;
}

.reizen-route-overview-card fieldset select,
.reizen-route-overview-card fieldset input {
    min-height: 36px;
    padding: 8px 10px !important;
    font-size: 12px !important;
}

.reizen-route-actions {
    position: absolute !important;
    top: 13px;
    right: 12px;
    z-index: 3;
    display: flex !important;
    align-items: center;
    gap: 7px !important;
    margin: 0 !important;
}

.reizen-route-card-action {
    width: auto !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 8px 11px !important;
    gap: 7px;
    border: 1px solid #d9dfd5 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #294b3c !important;
    font-size: 0 !important;
}

.reizen-route-card-action:hover {
    background: #eef3eb !important;
}

.reizen-route-card-action::before {
    width: 17px !important;
    height: 17px !important;
    flex-basis: 17px !important;
}

.reizen-route-card-action::after {
    display: block;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    white-space: nowrap;
}

.reizen-route-retry-action::after {
    content: "Retry";
}

.reizen-route-alternatives-action {
    background: #edf3e9 !important;
}

.reizen-route-alternatives-action::after {
    content: "Route-alternatieven";
}

.reizen-route-overview-card section:has(button[data-reizen-icon-label="OSM-routealternatieven"]),
.reizen-route-overview-card section:has(.reizen-icon-original[aria-label="OSM-routealternatieven"]) {
    position: static;
}

.reizen-route-overview-card section > .icon-action-row {
    margin: 0 !important;
}

@media(max-width:800px) {
    .queue-item.reizen-route-overview-card {
        padding: 14px 12px !important;
    }

    .reizen-route-heading,
    .reizen-route-overview-card .route-item-heading {
        padding-right: 0;
        margin-bottom: 2px;
    }

    .reizen-route-title,
    .reizen-route-overview-card .route-item-heading strong {
        font-size: 21px !important;
    }

    .reizen-route-actions {
        position: static !important;
        margin: 0 0 12px !important;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .reizen-route-overview-card .reizen-route-fields-two {
        grid-template-columns: 1fr;
    }
}

/* ROUTE_OVERVIEW_V44 */
.sidebar:has(.reizen-route-overview-card) {
    width: 475px;
}

.panel-body:has(.reizen-route-overview-card) {
    padding: 14px 16px 18px;
}

.panel-body:has(.reizen-route-overview-card) > p:first-child:not(.alert) {
    display: none !important;
}

.queue-item.reizen-route-overview-card {
    margin: 0 0 12px !important;
    padding: 14px !important;
    border: 1px solid #dfe5dc !important;
    border-radius: 9px !important;
    background: #fcfdf9 !important;
    box-shadow: none !important;
}

.reizen-route-heading,
.reizen-route-overview-card .route-item-heading {
    min-height: 36px !important;
    padding-right: 260px !important;
}

.reizen-route-title,
.reizen-route-overview-card .route-item-heading strong {
    font-size: 23px !important;
    line-height: 1.05 !important;
}

.reizen-route-endpoints {
    margin: 1px 0 14px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    color: #40584d !important;
}

.reizen-route-distance {
    min-height: 20px;
    gap: 10px !important;
    margin: 0 0 14px !important;
    font-size: 12px !important;
}

.reizen-route-distance svg {
    width: 18px !important;
    height: 18px !important;
}

.reizen-route-error-box {
    grid-template-columns: 25px minmax(0,1fr) !important;
    gap: 9px !important;
    margin: 0 0 10px !important;
    padding: 11px 12px !important;
    border-radius: 6px !important;
    background: #ffe8e7 !important;
}

.reizen-route-error-box > svg {
    width: 23px !important;
    height: 23px !important;
    color: #e0181d !important;
}

.reizen-route-error-box strong {
    margin-bottom: 2px !important;
    font-size: 12px !important;
    color: #b11317 !important;
}

.reizen-route-error-box span {
    font-size: 11px !important;
    color: #c12024 !important;
}

.reizen-route-overview-card .reizen-route-fields,
.reizen-route-overview-card > fieldset {
    gap: 14px !important;
    margin-top: 10px !important;
    padding-top: 14px !important;
    border-top: 1px solid #dfe5dc !important;
}

.reizen-route-overview-card fieldset .field > span {
    margin-bottom: 6px !important;
    font-size: 11px !important;
}

.reizen-route-overview-card fieldset select,
.reizen-route-overview-card fieldset input {
    min-height: 36px !important;
    border-radius: 6px !important;
}

.reizen-route-actions {
    top: 12px !important;
    right: 12px !important;
    gap: 7px !important;
}

.reizen-route-card-action {
    height: 36px !important;
    min-height: 36px !important;
    padding: 8px 11px !important;
    border-radius: 7px !important;
}

.reizen-route-card-action::after {
    font-size: 11px !important;
}

.reizen-route-retry-action[hidden] {
    display: none !important;
}

@media(max-width:800px) {
    .sidebar:has(.reizen-route-overview-card) {
        width: auto;
    }

    .panel-body:has(.reizen-route-overview-card) {
        padding: 12px;
    }

    .queue-item.reizen-route-overview-card {
        padding: 13px 12px !important;
    }

    .reizen-route-heading,
    .reizen-route-overview-card .route-item-heading {
        padding-right: 0 !important;
    }

    .reizen-route-actions {
        position: static !important;
        margin: 0 0 10px !important;
    }
}

/* ROUTE_OVERVIEW_V45 */
.queue-item.reizen-route-overview-card,
.queue-item.reizen-route-overview-card.reizen-route-heading {
    display: block !important;
    min-height: 0 !important;
    padding: 14px !important;
}

.reizen-route-card-top {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    margin: 0 0 8px;
}

.reizen-route-card-main {
    flex: 1 1 auto;
    min-width: 0;
}

.reizen-route-card-main .reizen-route-title {
    display: block !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 23px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    color: #10261d !important;
}

.reizen-route-card-main .reizen-route-endpoints {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    max-width: none !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    color: #40584d !important;
}

.reizen-route-card-main .reizen-route-distance {
    display: flex !important;
    align-items: center;
    gap: 10px !important;
    min-height: 20px;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    font-size: 12px !important;
    color: #233b31 !important;
}

.reizen-route-card-top > .reizen-route-actions {
    position: static !important;
    flex: 0 0 auto;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.reizen-route-card-top .reizen-route-card-action {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 8px 11px !important;
    border: 1px solid #d9dfd5 !important;
    border-radius: 7px !important;
    font-size: 0 !important;
    white-space: nowrap;
}

.reizen-route-card-top .reizen-route-retry-action {
    background: #fff !important;
}

.reizen-route-card-top .reizen-route-alternatives-action {
    background: #edf3e9 !important;
}

.reizen-route-error-box {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 10px !important;
}

.reizen-route-overview-card > .reizen-route-fields,
.reizen-route-overview-card > fieldset {
    clear: both;
    display: grid !important;
    width: 100% !important;
    box-sizing: border-box;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 14px !important;
    margin: 10px 0 0 !important;
    padding: 14px 0 0 !important;
}

.reizen-route-overview-card > .reizen-route-fields-two,
.reizen-route-overview-card > fieldset.reizen-route-fields-two {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
}

.reizen-route-overview-card > section {
    clear: both;
}

@media(max-width:800px) {
    .reizen-route-card-top {
        display: block !important;
    }

    .reizen-route-card-top > .reizen-route-actions {
        justify-content: flex-start;
        margin: 0 0 10px !important;
    }

    .reizen-route-card-main .reizen-route-title {
        font-size: 21px !important;
    }

    .reizen-route-overview-card > .reizen-route-fields-two,
    .reizen-route-overview-card > fieldset.reizen-route-fields-two {
        grid-template-columns: 1fr !important;
    }
}


/* DIRECT_LIVE_FIX_V49 */
/* Keep Trajecten exactly as wide as the normal sidebar, including tablet/mobile widths
   where the old route-specific 475px rule used to win. */
.sidebar:has(.reizen-route-overview-card),
.sidebar:has(.route-overview-card) {
    width:355px !important;
    max-width:calc(100vw - 24px) !important;
    right:auto !important;
}

/* van/naar and distance are direct children below the title/actions row. */
.reizen-route-overview-card > .reizen-route-endpoints,
.route-overview-card > .route-endpoints {
    display:block !important;
    clear:both !important;
    width:100% !important;
    max-width:none !important;
    margin:0 0 12px !important;
    padding:0 !important;
}
.reizen-route-overview-card > .reizen-route-distance,
.route-overview-card > .route-distance {
    display:flex !important;
    width:100% !important;
    max-width:none !important;
    margin:0 0 14px !important;
}

/* Thumbnail controls: drag left-top, cover right-top, delete right-bottom. */
.reizen-media-cover-control,
.reizen-media-cover-control.active,
.media-thumb-cover,
.media-thumb-cover.active {
    left:auto !important;
    right:7px !important;
    top:7px !important;
    bottom:auto !important;
    transform:none !important;
}
.reizen-media-delete-control,
.media-thumb-delete {
    top:auto !important;
    right:7px !important;
    bottom:7px !important;
}
.reizen-media-scroll-hint-v49 {
    margin:6px 0 0 !important;
}

/* Hide the obsolete compiled per-media rows immediately, before JS decorates the thumbnails. */
.detail .media-gallery ~ .row-actions {
    display:none !important;
}

@media(max-width:378px) {
    .sidebar:has(.reizen-route-overview-card),
    .sidebar:has(.route-overview-card) {
        width:auto !important;
        max-width:none !important;
        right:12px !important;
    }
}
@media(max-width:800px) {
    .reizen-media-cover-control,
    .reizen-media-cover-control.active,
    .media-thumb-cover,
    .media-thumb-cover.active {
        right:6px !important;
        top:6px !important;
    }
    .reizen-media-delete-control,
    .media-thumb-delete {
        right:6px !important;
        bottom:6px !important;
    }
}


/* ROUTE_TRIP_PICKING_V52 */
/* Retry lives on the same row as the distance, aligned to the right. */
.route-distance-row,
.reizen-route-distance-row {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    width:100% !important;
    margin:0 0 14px !important;
}
.route-distance-row > .route-distance,
.reizen-route-distance-row > .reizen-route-distance,
.reizen-route-distance-row > .route-distance {
    flex:1 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
}
.route-distance-row > .route-retry-button,
.reizen-route-distance-row > .reizen-route-retry-action,
.reizen-route-distance-row > .route-retry-button {
    position:static !important;
    flex:0 0 auto !important;
    margin:0 !important;
    top:auto !important;
    right:auto !important;
}

/* Candidate feedback/list stays in document flow between endpoints and distance. */
.route-overview-card > .route-candidates-panel,
.reizen-route-overview-card > .route-candidates-panel {
    position:static !important;
    clear:both !important;
    width:100% !important;
    margin:0 0 10px !important;
}
.route-overview-card > .route-candidates-panel .route-candidate-status,
.reizen-route-overview-card > .route-candidates-panel .route-candidate-status {
    margin:0 0 8px !important;
}
.route-overview-card > .route-candidates-panel .route-candidate-list,
.reizen-route-overview-card > .route-candidates-panel .route-candidate-list {
    margin:0 0 4px !important;
}

/* Make travel cover photos visually lead the Reizen cards. */
.history-card:has(> .history-cover) {
    display:block !important;
    padding:12px !important;
}
.history-card:has(> .history-cover) > .history-cover {
    display:block !important;
    width:100% !important;
    height:118px !important;
    margin:0 0 12px !important;
    border-radius:9px !important;
    object-fit:cover !important;
}
.history-card:has(> .history-cover) > span {
    display:block !important;
    width:100% !important;
}

@media(max-width:800px) {
    .history-card:has(> .history-cover) > .history-cover {
        height:108px !important;
    }
}


/* ROUTE_HISTORY_EDITOR_V53 */
/* Route candidates/status belong between endpoints and the distance row. */
.route-candidates-slot,
.route-overview-card > .route-candidates-panel,
.reizen-route-overview-card > .route-candidates-panel,
.reizen-route-overview-card > .reizen-route-candidate-inline {
    display:block !important;
    clear:both !important;
    width:100% !important;
    margin:0 0 10px !important;
}
.route-candidates-slot > .route-candidates-panel {
    margin:0 !important;
}
.route-candidate-status,
.reizen-route-candidate-inline {
    margin:0 0 8px !important;
}

/* Preserve the cover's natural aspect ratio. Horizontal covers remain above the trip details. */
.history-card:has(> .history-cover):not(.history-cover-portrait) {
    display:block !important;
    padding:12px !important;
}
.history-card:has(> .history-cover):not(.history-cover-portrait) > .history-cover {
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    margin:0 0 12px !important;
    border-radius:9px !important;
    object-fit:contain !important;
}

/* Portrait covers sit left; the existing trip content remains right. */
.history-card.history-cover-portrait {
    display:grid !important;
    grid-template-columns:minmax(72px,105px) minmax(0,1fr) !important;
    align-items:center !important;
    gap:12px !important;
    padding:12px !important;
}
.history-card.history-cover-portrait > .history-cover {
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:105px !important;
    max-height:150px !important;
    margin:0 !important;
    border-radius:9px !important;
    object-fit:contain !important;
    justify-self:start !important;
}
.history-card.history-cover-portrait > span {
    min-width:0 !important;
}

/* Title/date left, all trip action icons together on the right. */
.history-card > span {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:auto auto !important;
    column-gap:10px !important;
    align-items:center !important;
    width:100% !important;
}
.history-card > span > strong {
    grid-column:1 !important;
    grid-row:1 !important;
    min-width:0 !important;
}
.history-card > span > small {
    grid-column:1 !important;
    grid-row:2 !important;
    min-width:0 !important;
}
.history-card > span > .history-card-actions {
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    align-self:center !important;
    justify-self:end !important;
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;
    margin:0 !important;
}
.history-card > span > .history-card-actions .icon-button {
    flex:0 0 auto !important;
}

@media(max-width:800px) {
    .history-card.history-cover-portrait {
        grid-template-columns:minmax(64px,92px) minmax(0,1fr) !important;
        gap:10px !important;
    }
    .history-card.history-cover-portrait > .history-cover {
        max-width:92px !important;
        max-height:135px !important;
    }
}


/* LEGACY_HISTORY_ACTIONS_RIGHT_V53 */
/* Older compiled frontend renders history actions as a clickable ::after strip. */
.history-card.reizen-history-actions-row > span {
    position:relative !important;
}
.history-card.reizen-history-actions-row > span::after {
    position:absolute !important;
    right:0 !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
}
.history-card.reizen-history-admin.reizen-history-has-points > span {
    padding-right:134px !important;
}
.history-card.reizen-history-admin:not(.reizen-history-has-points) > span {
    padding-right:82px !important;
}
.history-card:not(.reizen-history-admin).reizen-history-has-points > span {
    padding-right:56px !important;
}
.history-card:not(.reizen-history-admin):not(.reizen-history-has-points) > span {
    padding-right:30px !important;
}

/* NATIVE_UI_V54: horizontal cover cards keep title/date left and actions beside them. */
.history-card:has(> .history-cover):not(.history-cover-portrait) > span {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:auto auto !important;
    column-gap:10px !important;
    align-items:center !important;
    width:100% !important;
}

/* MAP_MEDIA_HISTORY_V55 */
/* Horizontal media swipes are handled by pointer logic; vertical page scrolling remains native. */
.media-gallery,
.media-gallery .media-thumb {
    touch-action:pan-y !important;
}
.media-gallery-admin .media-thumb {
    touch-action:none !important;
}

/* Horizontal cover: keep title/date left and pin all trip actions to the far right edge. */
.history-card:has(> .history-cover):not(.history-cover-portrait) > span {
    position:relative !important;
    display:block !important;
    width:100% !important;
    min-height:52px !important;
    padding-right:154px !important;
}
.history-card:has(> .history-cover):not(.history-cover-portrait) > span > strong,
.history-card:has(> .history-cover):not(.history-cover-portrait) > span > small {
    display:block !important;
    max-width:100% !important;
}
.history-card:has(> .history-cover):not(.history-cover-portrait) > span > .history-card-actions {
    position:absolute !important;
    right:0 !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-end !important;
    margin:0 !important;
}

/* HISTORY_ACTION_BLOCK_V57 */
/* Horizontal cover: title/date form one block; actions sit at the far right,
   vertically centered across title + date (not on the date row). */
.history-card:has(> .history-cover):not(.history-cover-portrait) > span {
    position:static !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:auto auto !important;
    column-gap:12px !important;
    align-items:center !important;
    width:100% !important;
    min-height:0 !important;
    padding-right:0 !important;
}
.history-card:has(> .history-cover):not(.history-cover-portrait) > span > strong {
    grid-column:1 !important;
    grid-row:1 !important;
    min-width:0 !important;
}
.history-card:has(> .history-cover):not(.history-cover-portrait) > span > small {
    grid-column:1 !important;
    grid-row:2 !important;
    min-width:0 !important;
}
.history-card:has(> .history-cover):not(.history-cover-portrait) > span > .history-card-actions {
    position:static !important;
    grid-column:2 !important;
    grid-row:1 / 3 !important;
    align-self:center !important;
    justify-self:end !important;
    transform:none !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-end !important;
    margin:0 !important;
}

/* FOLLOWERS_PANEL_V58 */
.sidebar-followers{
    top:44px!important;
    bottom:44px!important;
    left:50%!important;
    right:auto!important;
    width:min(1080px,calc(100vw - 48px))!important;
    max-height:none!important;
    transform:translateX(-50%)!important;
    border-radius:18px!important;
    background:#fffefaf7!important;
    backdrop-filter:blur(8px);
}
.sidebar-followers .sidebar-heading{
    padding:24px 30px 12px!important;
    font-size:38px!important;
    line-height:1.05!important;
}
.sidebar-followers .sidebar-heading .icon-button{
    width:42px!important;
    height:42px!important;
}
.sidebar-followers .tabs{
    padding:0 28px!important;
}
.sidebar-followers .tabs button{
    padding:15px 8px!important;
    gap:10px!important;
    font-size:14px!important;
}
.sidebar-followers .tabs button svg{
    width:24px!important;
    height:24px!important;
}
.sidebar-followers .panel-body{
    padding:24px 28px 30px!important;
}
.followers-page{
    display:flex;
    flex-direction:column;
    gap:18px;
}
.followers-intro{
    display:flex;
    align-items:center;
    gap:22px;
    padding:18px 28px;
    background:#f4f5ef;
    border-radius:14px;
    color:#53655c;
}
.followers-intro>svg{
    flex:0 0 auto;
    color:#173f31;
}
.followers-intro p{
    margin:0;
    font-size:15px;
    line-height:1.45;
}
.follower-add-card{
    border:1px solid #d9ddd4;
    border-radius:14px;
    padding:18px 28px 20px;
    background:#fff;
}
.follower-add-card h3,
.followers-list-heading h3{
    margin:0;
    font-size:18px;
    font-family:inherit;
    font-weight:700;
}
.follower-add-fields{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
}
.follower-add-card .field{
    margin:14px 0 4px;
}
.follower-add-card .field>span{
    font-size:13px;
    font-weight:700;
}
.follower-add-card input{
    min-height:46px;
}
.follower-add-card .button{
    min-height:50px;
    font-size:14px;
}
.followers-message{
    margin:0;
    padding:11px 14px;
    border-radius:8px;
    background:#edf4eb;
    color:#315c42;
    font-size:12px;
}
.followers-list-heading{
    border-top:1px solid #dfe3da;
    padding:20px 6px 0;
}
.followers-table{
    border-radius:14px;
    overflow:hidden;
}
.follower-table-head,
.follower-table-row{
    display:grid;
    grid-template-columns:minmax(220px,1.35fr) minmax(150px,.8fr) minmax(170px,.8fr) 76px;
    align-items:center;
    column-gap:18px;
}
.follower-table-head{
    padding:12px 18px;
    background:#f3f4ef;
    border-radius:12px;
    font-size:12px;
    color:#34473e;
}
.follower-table-head span:last-child{
    text-align:center;
}
.follower-record{
    margin-top:8px;
    border:1px solid #dde1d8;
    border-radius:14px;
    background:#fff;
    overflow:hidden;
}
.follower-table-row{
    min-height:76px;
    padding:12px 18px;
}
.follower-name-cell{
    display:flex;
    align-items:center;
    gap:16px;
    min-width:0;
}
.follower-avatar{
    display:grid;
    place-items:center;
    flex:0 0 52px;
    width:52px;
    height:52px;
    border-radius:50%;
    background:#e8efe4;
    color:#173f31;
    font-family:Georgia,serif;
    font-size:22px;
}
.follower-name-cell strong{
    display:block;
    font-size:15px;
    color:#18382c;
}
.follower-name-cell small{
    display:block;
    margin-top:4px;
    color:#87918a;
    font-size:11px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.follower-status-cell{
    display:flex;
    align-items:center;
    gap:10px;
    color:#61736a;
    font-size:13px;
}
.follower-status-cell i{
    width:11px;
    height:11px;
    border-radius:50%;
    background:#aaa;
    flex:0 0 auto;
}
.follower-status-cell.active i{background:#4db643}
.follower-status-cell.inactive i{background:#aa6e62}
.follower-last-seen{
    font-size:12px;
    color:#637068;
    line-height:1.35;
}
.follower-actions-cell{
    display:flex;
    justify-content:center;
}
.follower-more{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    padding:0;
    border:1px solid #d8ddd5;
    border-radius:9px;
    background:#fff;
    color:#244438;
}
.follower-more:hover,
.follower-more[aria-expanded="true"]{
    background:#f0f4ed;
}
.follower-action-drawer{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    margin:0 14px 14px;
    border:1px solid #dbe0d7;
    border-radius:13px;
    background:#fff;
    overflow:hidden;
}
.follower-action-drawer button{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:14px;
    min-height:68px;
    padding:14px 22px;
    border:0;
    border-right:1px solid #e2e5de;
    border-bottom:1px solid #e2e5de;
    background:#fff;
    color:#17382c;
    font-size:13px;
    text-align:left;
}
.follower-action-drawer button:nth-child(3n){border-right:0}
.follower-action-drawer button:nth-child(n+4){border-bottom:0}
.follower-action-drawer button:hover{background:#f5f7f2}
.follower-action-drawer button:disabled{opacity:.45;cursor:not-allowed}
.follower-action-drawer button svg{flex:0 0 auto}
.follower-visits{
    margin:0 14px 14px;
    padding:14px 18px;
    border-radius:10px;
    background:#f6f7f3;
    font-size:11px;
    color:#56675e;
}
.follower-visits>strong{
    display:block;
    margin-bottom:8px;
    color:#294b3c;
}
.follower-visits p{
    margin:7px 0 0;
    line-height:1.45;
}
.followers-empty{
    margin:10px 0 0!important;
    padding:24px;
    border:1px dashed #d8ddd4;
    border-radius:12px;
    color:#7d887f!important;
    text-align:center;
}
@media(max-width:800px){
    .sidebar-followers{
        top:auto!important;
        bottom:80px!important;
        left:12px!important;
        right:12px!important;
        width:auto!important;
        max-height:78dvh!important;
        transform:none!important;
        border-radius:13px!important;
    }
    .sidebar-followers .sidebar-heading{
        padding:10px 16px 6px!important;
        font-size:24px!important;
    }
    .sidebar-followers .tabs{
        padding:0 8px!important;
    }
    .sidebar-followers .tabs button{
        padding:10px 4px!important;
        gap:5px!important;
        font-size:10px!important;
    }
    .sidebar-followers .tabs button svg{
        width:16px!important;
        height:16px!important;
    }
    .sidebar-followers .panel-body{
        padding:14px!important;
    }
    .followers-intro{
        padding:14px 16px;
        gap:12px;
    }
    .followers-intro p{
        font-size:12px;
    }
    .follower-add-card{
        padding:16px;
    }
    .follower-add-fields{
        grid-template-columns:1fr;
        gap:0;
    }
    .follower-table-head{
        display:none;
    }
    .follower-table-row{
        grid-template-columns:minmax(0,1fr) auto;
        gap:10px 12px;
        padding:14px;
    }
    .follower-name-cell{
        grid-column:1;
        grid-row:1;
    }
    .follower-status-cell{
        grid-column:1;
        grid-row:2;
    }
    .follower-last-seen{
        grid-column:1;
        grid-row:3;
    }
    .follower-last-seen::before{
        content:"Laatste bezoek: ";
        font-weight:650;
    }
    .follower-actions-cell{
        grid-column:2;
        grid-row:1 / 4;
        align-self:center;
    }
    .follower-action-drawer{
        grid-template-columns:1fr 1fr;
    }
    .follower-action-drawer button{
        border-right:1px solid #e2e5de!important;
        border-bottom:1px solid #e2e5de!important;
        min-height:58px;
        padding:12px;
        font-size:11px;
    }
    .follower-action-drawer button:nth-child(2n){border-right:0!important}
    .follower-action-drawer button:nth-child(n+5){border-bottom:0!important}
}

/* FOLLOWERS_COMPACT_V59 */
.followers-page{gap:14px}
.followers-intro{gap:10px;padding:12px 14px;border-radius:10px}
.followers-intro>svg{width:20px;height:20px}
.followers-intro p{font-size:11px;line-height:1.45}
.follower-add-card{padding:14px;border-radius:10px}
.follower-add-card h3,.followers-list-heading h3{font-size:15px}
.follower-add-fields{grid-template-columns:1fr;gap:0}
.follower-add-card .field{margin:10px 0 2px}
.follower-add-card .field>span{font-size:11px}
.follower-add-card input{min-height:40px}
.follower-add-card .button{min-height:42px;font-size:11px}
.followers-list-heading{padding:14px 2px 0}
.followers-table{overflow:visible}
.follower-table-head,.follower-table-row{
    grid-template-columns:minmax(0,1.25fr) 70px 76px 32px;
    column-gap:5px;
}
.follower-table-head{
    padding:8px 6px;
    border-radius:8px;
    font-size:8px;
}
.follower-record{margin-top:6px;border-radius:10px}
.follower-table-row{min-height:58px;padding:9px 7px}
.follower-name-cell{gap:8px}
.follower-avatar-wrap{position:relative;display:inline-flex;flex:0 0 34px}
.follower-avatar{width:34px;height:34px;flex-basis:34px;font-size:16px}
.follower-online-dot{
    position:absolute;
    right:-1px;
    bottom:-1px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#35b84a;
    border:2px solid #fff;
}
.follower-name-cell strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.follower-name-cell small{font-size:8px;margin-top:2px}
.follower-status-cell{gap:5px;font-size:8px;line-height:1.2}
.follower-status-cell i{width:8px;height:8px;background:#9ca8a0}
.follower-status-cell.active i{background:#9ca8a0}
.follower-status-cell.online i{background:#35b84a}
.follower-status-cell.inactive i{background:#aa6e62}
.follower-last-seen{font-size:8px;line-height:1.25}
.follower-more{width:30px;height:30px;border-radius:7px}
.follower-more svg{width:16px;height:16px}
.follower-action-drawer{
    grid-template-columns:1fr 1fr;
    margin:0 7px 7px;
    border-radius:9px;
}
.follower-action-drawer button{
    min-height:50px;
    padding:9px 10px;
    gap:8px;
    font-size:9px;
    border-right:1px solid #e2e5de!important;
    border-bottom:1px solid #e2e5de!important;
}
.follower-action-drawer button:nth-child(2n){border-right:0!important}
.follower-action-drawer button:nth-child(n+5){border-bottom:0!important}
.follower-action-drawer button svg{width:16px;height:16px}
.follower-visits{margin:0 7px 7px;padding:10px 11px;font-size:9px}
@media(max-width:800px){
    .followers-page{gap:12px}
    .followers-intro{padding:11px 12px}
    .follower-add-card{padding:12px}
    .follower-table-head{display:none}
    .follower-table-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;padding:11px}
    .follower-name-cell{grid-column:1;grid-row:1}
    .follower-status-cell{grid-column:1;grid-row:2}
    .follower-last-seen{grid-column:1;grid-row:3}
    .follower-last-seen::before{content:"Laatste bezoek: ";font-weight:650}
    .follower-actions-cell{grid-column:2;grid-row:1 / 4;align-self:center}
}

/* FOLLOWERS_NO_STATUS_V60 */
.follower-table-head,
.follower-table-row{
    grid-template-columns:minmax(0,1.45fr) minmax(92px,1fr) 32px;
}
.follower-last-seen{
    display:flex;
    align-items:center;
    gap:6px;
}
.follower-last-seen.online{
    color:#2f7d3b;
    font-weight:650;
}
.follower-last-seen.online i{
    width:8px;
    height:8px;
    flex:0 0 auto;
    border-radius:50%;
    background:#35b84a;
}
@media(max-width:800px){
    .follower-table-row{
        grid-template-columns:minmax(0,1fr) auto;
    }
    .follower-last-seen{
        grid-column:1;
        grid-row:2;
    }
    .follower-last-seen::before{
        content:"Laatst gezien: ";
        font-weight:650;
    }
    .follower-last-seen.online::before{
        content:"";
    }
    .follower-actions-cell{
        grid-column:2;
        grid-row:1 / 3;
        align-self:center;
    }
}

/* GROUPED_FEED_V61
   The current React feed uses .feed-day wrappers. Legacy feed rules above target
   the same .feed-card classes and are loaded after Vite, so neutralize them only
   inside the new grouped timeline without affecting older fallback markup. */
.feed-day .feed-card.feed-card-modern{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px!important;
    align-items:start!important;
    width:100%!important;
    margin:0!important;
    padding:6px!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
}
.feed-day .feed-card.feed-card-modern+.feed-card.feed-card-modern{
    border-top:1px solid #e1e5df!important;
}
.feed-day .feed-card.feed-card-modern.has-feed-photo{
    grid-template-columns:82px minmax(0,1fr) auto!important;
}
.feed-day .feed-card.feed-card-modern:hover{
    transform:none!important;
    background:#fafbf8!important;
}
.feed-day .feed-card.has-feed-photo .feed-main-photo{grid-column:1!important;grid-row:1!important}
.feed-day .feed-card.has-feed-photo .feed-card-content{grid-column:2!important;grid-row:1!important;min-width:0}
.feed-day .feed-card.has-feed-photo .feed-card-chevron{grid-column:3!important;grid-row:1!important}
.feed-day .feed-card-modern .feed-time-row,
.feed-day .feed-card-modern .feed-place-row{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    column-gap:8px!important;
    row-gap:0!important;
    align-items:center!important;
}
.feed-day .feed-card-modern .feed-place-row{
    margin-top:4px!important;
}
.feed-day .feed-card.feed-card-modern p{
    margin:7px 0 0!important;
    font-size:12px!important;
    line-height:1.35!important;
}
@media(max-width:800px){
    .feed-day .feed-card.feed-card-modern,
    .feed-day .feed-card.feed-card-modern.has-feed-photo{
        padding:5px!important;
        gap:9px!important;
    }
    .feed-day .feed-card.feed-card-modern.has-feed-photo{
        grid-template-columns:68px minmax(0,1fr) auto!important;
    }
    .feed-day .feed-card.feed-card-modern:not(.has-feed-photo){
        grid-template-columns:minmax(0,1fr) auto!important;
    }
    .feed-day .feed-card.feed-card-modern p{
        margin-top:7px!important;
        font-size:11px!important;
    }
}

/* GROUPED_FEED_V62: media and excerpt limits for the current React timeline. */
.feed-day .feed-main-photo img{
    object-fit:contain!important;
    object-position:center!important;
}
.feed-day .feed-card.feed-card-modern .feed-card-content>p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

/* GROUPED_FEED_V63: main-photo crop and left-aligned thumbnail carousel. */
.feed-day .feed-main-photo img{
    object-fit:cover!important;
    object-position:center!important;
}
.feed-day .feed-photo-strip{
    grid-column:1 / 3!important;
    grid-row:2!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    margin-top:2px!important;
    min-width:0!important;
}
.feed-day .feed-photo-strip button,
.feed-day .feed-photo-more{
    width:36px!important;
    height:30px!important;
    flex:0 0 36px!important;
}
@media(max-width:800px){
    .feed-day .feed-photo-strip button,
    .feed-day .feed-photo-more{
        width:31px!important;
        height:27px!important;
        flex:0 0 31px!important;
    }
}