/* Märchensiedlung Platform – Frontend Basis */

.mp-hero,
.mp-box,
.mp-card,
.mp-feed-header,
.mp-listing-card {
    box-sizing: border-box;
}

.mp-hero {
    padding: clamp(2rem, 5vw, 4rem);
    border-radius: 24px;
    background: #f7f2e8;
    margin-bottom: 2rem;
}

.mp-hero__content {
    max-width: 780px;
}

.mp-kicker {
    margin: 0 0 .5rem;
    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    opacity: .72;
}

.mp-hero h1,
.mp-feed-header h1 {
    margin-top: 0;
    line-height: 1.1;
}

.mp-actions,
.mp-action-row {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.mp-action-row {
    margin-top: 0;
    justify-content: flex-end;
}

.mp-button,
.mp-secondary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: .7rem 1.1rem;
    border-radius: 999px;
    border: 0;
    text-decoration: none;
    cursor: pointer;
    font-weight: 700;
}

.mp-button {
    background: #2f4f3a;
    color: #fff;
}

.mp-button:hover,
.mp-button:focus {
    color: #fff;
    filter: brightness(.95);
}

.mp-button:disabled,
.mp-secondary-button:disabled {
    cursor: not-allowed;
    opacity: .55;
}

.mp-secondary-button {
    background: #ece7dc;
    color: #223;
}

.mp-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.mp-card,
.mp-box,
.mp-listing-card {
    padding: 1.25rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 18px;
    background: #fff;
}

.mp-card h2,
.mp-box h2,
.mp-listing-card h2 {
    margin-top: 0;
}

.mp-access-denied {
    background: #fff8ef;
}

.mp-feed-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.mp-feed-header__action {
    flex-shrink: 0;
}

.mp-filter-bar {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin: 1rem 0 1.5rem;
}

.mp-filter {
    display: inline-flex;
    padding: .45rem .75rem;
    border-radius: 999px;
    background: #f1eee7;
    color: inherit;
    font-size: .95rem;
    text-decoration: none;
}

.mp-filter--active {
    background: #2f4f3a;
    color: #fff;
}

.mp-inline-form,
.mp-message-compose,
.mp-inline-messages {
    margin-bottom: 1.5rem;
}

.mp-form-box {
    background: #faf8f2;
}

.mp-listing-form,
.mp-message-form {
    display: grid;
    gap: 1rem;
}

.mp-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

.mp-fieldset legend,
.mp-field label,
.mp-message-form label {
    display: block;
    font-weight: 700;
    margin-bottom: .5rem;
}

.mp-type-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    gap: .5rem;
}

.mp-type-option {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .75rem;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
}

.mp-field textarea,
.mp-field input[type="file"],
.mp-message-form textarea {
    width: 100%;
    box-sizing: border-box;
}

.mp-field textarea,
.mp-message-form textarea {
    padding: .8rem;
    border: 1px solid rgba(0, 0, 0, .16);
    border-radius: 14px;
    font: inherit;
}

.mp-help,
.mp-muted {
    opacity: .72;
}

.mp-help {
    margin: .35rem 0 0;
    font-size: .92rem;
}

.mp-notice {
    padding: .85rem 1rem;
    border-radius: 14px;
    margin: 1rem 0;
    font-weight: 700;
}

.mp-notice--success {
    background: #e8f4ec;
}

.mp-notice--error {
    background: #fff0ec;
}

.mp-listings {
    display: grid;
    gap: 1rem;
}

.mp-listing-card {
    display: grid;
    grid-template-columns: minmax(160px, 260px) 1fr;
    gap: 1.25rem;
}

.mp-listing-card__media {
    min-width: 0;
}

.mp-listing-image {
    width: 100%;
    height: auto;
    max-height: 240px;
    object-fit: cover;
    border-radius: 16px;
    display: block;
}

.mp-demo-image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    border-radius: 14px;
    background: #eee8dc;
    font-weight: 700;
    opacity: .75;
}

.mp-listing-meta {
    display: flex;
    gap: .5rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: .5rem;
}

.mp-badge {
    display: inline-flex;
    padding: .35rem .6rem;
    border-radius: 999px;
    background: #2f4f3a;
    color: #fff;
    font-size: .85rem;
    font-weight: 700;
}

.mp-image-strip {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin: .75rem 0;
}

.mp-thumb {
    width: 58px;
    height: 58px;
    object-fit: cover;
    border-radius: 10px;
}

.mp-risk-note {
    margin: .8rem 0;
    padding: .75rem;
    border-radius: 12px;
    background: #fff5d9;
}

.mp-listing-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    margin-top: .9rem;
}

.mp-inline-form-small {
    display: inline;
    margin: 0;
}

.mp-messages-layout {
    display: grid;
    grid-template-columns: minmax(220px, 320px) 1fr;
    gap: 1rem;
    align-items: start;
}

.mp-thread-list {
    display: grid;
    gap: .5rem;
}

.mp-thread-link {
    display: grid;
    gap: .25rem;
    padding: .8rem;
    border-radius: 14px;
    background: #f6f3ed;
    color: inherit;
    text-decoration: none;
}

.mp-thread-link span {
    font-size: .9rem;
    opacity: .74;
}

.mp-thread-link--active {
    background: #2f4f3a;
    color: #fff;
}

.mp-message-history {
    display: grid;
    gap: .75rem;
    margin: 1rem 0;
}

.mp-message {
    max-width: 78%;
    padding: .75rem .9rem;
    border-radius: 16px;
    background: #f1eee7;
}

.mp-message--own {
    justify-self: end;
    background: #e7f1e9;
}

.mp-message--other {
    justify-self: start;
}

.mp-message__meta {
    font-size: .8rem;
    opacity: .7;
    margin-bottom: .25rem;
}

.mp-message__body {
    white-space: normal;
}

.mp-message-reply-form {
    margin-top: 1rem;
}

@media (max-width: 760px) {
    .mp-feed-header {
        align-items: stretch;
        flex-direction: column;
    }

    .mp-action-row {
        justify-content: flex-start;
    }

    .mp-listing-card,
    .mp-messages-layout {
        grid-template-columns: 1fr;
    }

    .mp-demo-image {
        min-height: 180px;
    }

    .mp-message {
        max-width: 100%;
    }
}


.mp-refresh-meta {
    margin-top: .35rem;
    font-size: .9rem;
    opacity: .68;
}

[data-mp-refresh-messages][aria-busy="true"] {
    opacity: .65;
}

[data-mp-refresh-status] { font-weight: 600; }


.mp-action-row-left {
    justify-content: flex-start;
}

.mp-badge-secondary {
    background: #ece7dc;
    color: #223;
}

.mp-listing-status-reserved {
    border-style: dashed;
}

.mp-listing-status-completed,
.mp-listing-status-expired {
    opacity: .82;
}

.mp-edit-box {
    border-color: rgba(47, 79, 58, .28);
}

.mp-edit-images {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.mp-edit-image {
    display: grid;
    gap: .35rem;
    max-width: 120px;
    padding: .55rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 14px;
    background: #fff;
    font-size: .9rem;
}

.mp-edit-image .mp-thumb {
    width: 90px;
    height: 90px;
}

@media (max-width: 760px) {
    .mp-listing-actions .mp-secondary-button,
    .mp-listing-actions .mp-button,
    .mp-listing-actions form {
        width: 100%;
    }

    .mp-listing-actions form button {
        width: 100%;
    }
}


.mp-access-form {
    display: grid;
    gap: 1rem;
    max-width: 520px;
}

.mp-access-form input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    padding: .85rem;
    border: 1px solid rgba(0, 0, 0, .16);
    border-radius: 14px;
    font: inherit;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mp-access-form-box {
    background: #faf8f2;
}


.mp-access-form input[type="email"],
.mp-access-form input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    padding: .85rem;
    border: 1px solid rgba(0, 0, 0, .16);
    border-radius: 14px;
    font: inherit;
}

.mp-access-login-hint {
    margin-top: 1rem;
}


.mp-access-hero {
    padding: clamp(1.5rem, 4vw, 3rem);
    border-radius: 24px;
    background: #f7f2e8;
    margin-bottom: 1rem;
}

.mp-access-hero h1 {
    margin-top: 0;
}

.mp-access-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, .8fr);
    gap: 1rem;
    align-items: start;
}

.mp-access-help hr {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .08);
    margin: 1.2rem 0;
}

.mp-account-inline {
    margin: 1rem 0;
}

.mp-account-status {
    background: #faf8f2;
}

.mp-status-line {
    font-weight: 700;
}

.mp-status-line--ok {
    color: #176b2c;
}

.mp-status-line--blocked {
    color: #a42525;
}

.mp-account-actions {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: .9rem;
}

@media (max-width: 760px) {
    .mp-access-layout {
        grid-template-columns: 1fr;
    }
}


/* 0.1s – WordPress-Theme-Reste auf Märchenplatz-Seiten beruhigen */
body.mp-platform-page {
    background: #fff;
}

body.mp-platform-page .wp-site-blocks > header,
body.mp-platform-page header.wp-block-template-part {
    padding: 18px clamp(1rem, 4vw, 2.5rem);
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(8px);
    margin-block-end: 0;
}

body.mp-platform-page .wp-site-blocks > main {
    margin-block-start: 0;
    padding-top: clamp(1rem, 3vw, 2rem);
}

body.mp-platform-page .wp-block-site-title,
body.mp-platform-page .wp-block-site-title a {
    font-size: clamp(1.05rem, 2vw, 1.35rem);
    font-weight: 800;
    letter-spacing: .01em;
    text-decoration: none;
}

body.mp-platform-page .wp-block-navigation a {
    text-decoration: none;
}

body.mp-platform-page .wp-block-navigation__container {
    gap: .35rem .95rem;
}

body.mp-platform-page footer.wp-block-template-part,
body.mp-platform-page .wp-site-blocks > footer {
    display: none;
}

body.mp-platform-page .entry-content {
    margin-top: 0;
}

/* 0.1s – Märchenplatz Frontend aufräumen */
.mp-feed-header {
    padding: 1.25rem;
    border-radius: 22px;
    background: #f7f2e8;
}

.mp-feed-header h1 {
    font-size: clamp(2rem, 5vw, 3.2rem);
    margin-bottom: .35rem;
}

.mp-account-inline {
    margin: 1rem 0 1.25rem;
}

.mp-account-status {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .9rem 1rem;
    border-radius: 18px;
}

.mp-account-status h2 {
    font-size: 1.05rem;
    margin: 0 0 .25rem;
}

.mp-account-status .mp-kicker {
    margin-bottom: .25rem;
}

.mp-account-status p {
    margin-top: 0;
    margin-bottom: 0;
}

.mp-create-section {
    padding: 1.25rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 22px;
    background: #faf8f2;
}

.mp-create-section__intro {
    margin-bottom: 1rem;
}

.mp-create-section__intro h2 {
    margin: 0 0 .25rem;
}

.mp-create-section__intro p {
    margin: 0;
    opacity: .75;
}

.mp-create-section .mp-form-box {
    padding: 0;
    border: 0;
    background: transparent;
}

.mp-create-section .mp-form-box > h2,
.mp-create-section .mp-form-box > .mp-muted {
    display: none;
}

.mp-listing-card {
    box-shadow: 0 10px 30px rgba(0, 0, 0, .04);
}

.mp-messages .mp-feed-header {
    background: #faf8f2;
}

.mp-access-hero {
    background: #f7f2e8;
}

.mp-access-hero h1 {
    font-size: clamp(2rem, 5vw, 3rem);
}

.mp-access-form-box,
.mp-access-help,
.mp-account-status,
.mp-card,
.mp-box,
.mp-listing-card {
    box-shadow: 0 10px 30px rgba(0, 0, 0, .035);
}

@media (max-width: 760px) {
    body.mp-platform-page .wp-site-blocks > header,
    body.mp-platform-page header.wp-block-template-part {
        padding: 14px 1rem;
    }

    body.mp-platform-page .wp-block-navigation__container {
        gap: .25rem .65rem;
        font-size: .95rem;
    }

    .mp-feed-header {
        padding: 1rem;
    }

    .mp-account-status {
        align-items: flex-start;
        flex-direction: column;
    }

    .mp-account-actions {
        width: 100%;
    }

    .mp-account-actions .mp-secondary-button,
    .mp-account-actions .mp-button {
        width: 100%;
    }
}


/* 0.1t – Meldungen */
.mp-report-details {
    margin-top: .9rem;
    padding-top: .75rem;
    border-top: 1px solid rgba(0, 0, 0, .08);
    font-size: .94rem;
}

.mp-report-details summary {
    cursor: pointer;
    opacity: .72;
}

.mp-report-details summary:hover {
    opacity: 1;
}

.mp-report-form {
    display: grid;
    gap: .65rem;
    margin-top: .75rem;
    padding: .75rem;
    border-radius: 14px;
    background: #faf8f2;
}

.mp-report-form label {
    display: grid;
    gap: .3rem;
    font-weight: 700;
}

.mp-report-form select,
.mp-report-form textarea {
    width: 100%;
    box-sizing: border-box;
    padding: .65rem;
    border: 1px solid rgba(0, 0, 0, .14);
    border-radius: 12px;
    font: inherit;
    font-weight: 400;
}

.mp-report-details-message {
    margin-top: .5rem;
    padding-top: .5rem;
}

.mp-message .mp-report-form {
    background: rgba(255, 255, 255, .65);
}


/* 0.2a – Zugangskomfort */
.mp-password-field {
    display: flex;
    gap: .5rem;
    align-items: stretch;
}

.mp-password-field input {
    flex: 1;
}

.mp-password-toggle {
    border: 1px solid rgba(0, 0, 0, .14);
    background: #f7f2e8;
    border-radius: 14px;
    padding: 0 .8rem;
    cursor: pointer;
    font: inherit;
}

.mp-password-toggle:hover {
    background: #efe7d9;
}

.mp-action-row-left {
    justify-content: flex-start;
}

@media (max-width: 520px) {
    .mp-password-field {
        flex-direction: column;
    }

    .mp-password-toggle {
        padding: .7rem .8rem;
    }
}

/* 0.2b-mobile – Mobile-first Anzeigenflow */

.mp-create-section-priority {
    border: 2px solid rgba(47, 79, 58, .18);
    background: #fbf8f1;
}

.mp-create-section-priority .mp-create-section__intro h2 {
    font-size: clamp(1.6rem, 6vw, 2.2rem);
}

.mp-button-main {
    font-size: 1.05rem;
}

.mp-message-button {
    min-width: 180px;
}

.mp-quick-listing-form {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.mp-quick-listing-form > h2,
.mp-quick-listing-form > .mp-muted {
    display: none;
}

.mp-photo-field,
.mp-text-field,
.mp-type-fieldset {
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 18px;
    background: #fff;
}

.mp-photo-field input[type="file"] {
    display: block;
    width: 100%;
    padding: .9rem;
    border: 1px dashed rgba(47, 79, 58, .35);
    border-radius: 16px;
    background: #f7f2e8;
}

.mp-text-field textarea {
    min-height: 120px;
    font-size: 1rem;
}

.mp-submit-listing-button {
    width: 100%;
    min-height: 52px;
    font-size: 1.05rem;
}

.mp-filter-bar-secondary {
    margin-top: .5rem;
}

@media (max-width: 760px) {
    body.mp-platform-page .wp-site-blocks > main {
        padding-top: .75rem;
    }

    .mp-mobile-home {
        padding: 1rem;
        border-radius: 18px;
        margin-bottom: .85rem;
    }

    .mp-mobile-home h1 {
        font-size: clamp(1.8rem, 9vw, 2.5rem);
    }

    .mp-mobile-home p:not(.mp-kicker) {
        margin-bottom: .75rem;
    }

    .mp-mobile-main-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .55rem;
        width: 100%;
    }

    .mp-mobile-main-actions .mp-button-main {
        grid-column: 1 / -1;
        width: 100%;
        min-height: 54px;
        font-size: 1.08rem;
    }

    .mp-mobile-main-actions .mp-secondary-button {
        width: 100%;
        min-height: 46px;
        padding-left: .7rem;
        padding-right: .7rem;
    }

    .mp-create-section-priority {
        padding: 1rem;
        border-radius: 20px;
        margin-bottom: 1rem;
    }

    .mp-create-section__intro {
        margin-bottom: .75rem;
    }

    .mp-create-section__intro h2 {
        margin-bottom: .2rem;
    }

    .mp-listing-form {
        gap: .75rem;
    }

    .mp-photo-field,
    .mp-text-field,
    .mp-type-fieldset {
        padding: .85rem;
        border-radius: 16px;
    }

    .mp-type-grid {
        grid-template-columns: 1fr 1fr;
        gap: .45rem;
    }

    .mp-type-option {
        padding: .7rem .65rem;
        border-radius: 14px;
        font-size: .94rem;
    }

    .mp-account-inline-compact {
        margin: .75rem 0;
    }

    .mp-account-inline-compact .mp-account-status {
        padding: .75rem;
        border-radius: 16px;
    }

    .mp-account-inline-compact .mp-account-status h2 {
        font-size: 1rem;
    }

    .mp-account-inline-compact .mp-kicker,
    .mp-account-inline-compact .mp-status-line {
        font-size: .9rem;
    }

    .mp-filter-bar-secondary {
        gap: .4rem;
        margin: .75rem 0 1rem;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: .25rem;
        -webkit-overflow-scrolling: touch;
    }

    .mp-filter-bar-secondary .mp-filter {
        white-space: nowrap;
        flex: 0 0 auto;
        font-size: .9rem;
    }

    .mp-listing-card {
        padding: .9rem;
        border-radius: 18px;
        gap: .85rem;
    }

    .mp-listing-card h2 {
        font-size: 1.2rem;
        margin-bottom: .35rem;
    }

    .mp-listing-image {
        max-height: 280px;
        border-radius: 14px;
    }

    .mp-listing-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: .45rem;
    }

    .mp-listing-actions .mp-button,
    .mp-listing-actions .mp-secondary-button,
    .mp-listing-actions form,
    .mp-listing-actions form button {
        width: 100%;
    }

    .mp-message-button {
        min-height: 50px;
        font-size: 1.02rem;
    }

    .mp-report-details {
        margin-top: .65rem;
        font-size: .9rem;
    }

    .mp-inline-messages {
        margin-top: 1rem;
    }
}

@media (max-width: 420px) {
    .mp-type-grid {
        grid-template-columns: 1fr;
    }

    .mp-mobile-main-actions {
        grid-template-columns: 1fr;
    }

    .mp-mobile-main-actions .mp-button-main {
        grid-column: auto;
    }
}
/* 0.2b-mobile-fix1 – mobile UX weiter vereinfachen */

/* WordPress-Seitentitel auf Märchenplatz-Seiten ausblenden, weil das Plugin selbst den App-Kopf rendert. */
body.mp-platform-page main h1.wp-block-post-title,
body.mp-platform-page .wp-block-post-title,
body.mp-platform-page .entry-title {
    display: none;
}

/* Hauptbereich kompakter machen */
body.mp-platform-page .wp-site-blocks > main {
    padding-top: .35rem;
}

.mp-mobile-home {
    margin-top: 0;
}

.mp-mobile-home h1 {
    margin-bottom: .35rem;
}

.mp-mobile-main-actions {
    margin-top: 1rem;
}

/* Zugang/Profil im Feed stark komprimieren */
.mp-account-inline-compact .mp-account-status {
    background: #fff;
    border-color: rgba(0, 0, 0, .06);
}

.mp-account-inline-compact .mp-account-status__text .mp-kicker {
    display: none;
}

.mp-account-inline-compact .mp-account-status h2 {
    display: none;
}

.mp-account-inline-compact .mp-account-status .mp-status-line {
    margin: 0;
}

.mp-account-inline-compact .mp-account-actions {
    margin-top: .55rem;
}

/* Formular optisch weniger schwer */
.mp-create-section-priority {
    box-shadow: 0 8px 24px rgba(0, 0, 0, .035);
}

.mp-create-section-priority .mp-create-section__intro p {
    opacity: .78;
}

.mp-photo-field,
.mp-text-field,
.mp-type-fieldset {
    box-shadow: none;
}

/* Aktionsbuttons bei eigenen Anzeigen nicht mehr riesig wirken lassen */
.mp-listing-actions .mp-secondary-button {
    font-weight: 700;
}

/* Mobile Feinschliff */
@media (max-width: 760px) {
    body.mp-platform-page .wp-site-blocks > main,
    body.mp-platform-page .wp-block-group,
    body.mp-platform-page .entry-content {
        margin-top: 0;
    }

    .mp-mobile-home {
        padding: .9rem;
        border-radius: 18px;
    }

    .mp-mobile-home .mp-kicker {
        margin-bottom: .25rem;
        font-size: .78rem;
    }

    .mp-mobile-home h1 {
        font-size: clamp(1.65rem, 8vw, 2.15rem);
        line-height: 1.05;
    }

    .mp-mobile-home p:not(.mp-kicker) {
        font-size: 1rem;
        line-height: 1.35;
    }

    .mp-mobile-main-actions {
        gap: .5rem;
    }

    .mp-mobile-main-actions .mp-button-main {
        min-height: 50px;
        font-size: 1.02rem;
    }

    .mp-mobile-main-actions .mp-secondary-button {
        min-height: 42px;
        font-size: .95rem;
    }

    .mp-create-section-priority {
        padding: .85rem;
        border-width: 1px;
    }

    .mp-create-section-priority .mp-create-section__intro h2 {
        font-size: 1.55rem;
        line-height: 1.1;
    }

    .mp-create-section-priority .mp-create-section__intro p {
        font-size: .98rem;
        line-height: 1.35;
    }

    .mp-photo-field,
    .mp-text-field,
    .mp-type-fieldset {
        padding: .75rem;
    }

    .mp-photo-field label,
    .mp-text-field label,
    .mp-type-fieldset legend {
        font-size: 1.05rem;
        line-height: 1.2;
    }

    .mp-photo-field input[type="file"] {
        padding: .7rem;
        font-size: .92rem;
    }

    .mp-text-field textarea {
        min-height: 104px;
    }

    /* Anzeigenart wieder kompakt: zwei Spalten, weniger Höhe */
    .mp-type-grid {
        grid-template-columns: 1fr 1fr;
        gap: .4rem;
    }

    .mp-type-option {
        min-height: 42px;
        padding: .55rem .6rem;
        font-size: .9rem;
        border-radius: 12px;
    }

    .mp-type-option input {
        transform: scale(.9);
    }

    .mp-submit-listing-button {
        min-height: 50px;
        font-size: 1.02rem;
    }

    /* Account im Feed: eher Statuszeile als große Karte */
    .mp-account-inline-compact {
        margin: .55rem 0 .65rem;
    }

    .mp-account-inline-compact .mp-account-status {
        padding: .65rem .75rem;
        border-radius: 14px;
        display: block;
    }

    .mp-account-inline-compact .mp-status-line {
        font-size: .92rem;
        line-height: 1.25;
    }

    .mp-account-inline-compact .mp-account-actions {
        display: flex;
        gap: .4rem;
        margin-top: .5rem;
    }

    .mp-account-inline-compact .mp-account-actions .mp-secondary-button,
    .mp-account-inline-compact .mp-account-actions .mp-button {
        width: auto;
        flex: 1;
        min-height: 38px;
        padding: .55rem .65rem;
        font-size: .9rem;
    }

    /* Filter niedriger und weniger dominant */
    .mp-filter-bar-secondary {
        margin: .55rem 0 .85rem;
    }

    .mp-filter-bar-secondary .mp-filter {
        padding: .38rem .65rem;
        font-size: .88rem;
    }

    /* Karten kompakter, aber Button Nachricht bleibt groß */
    .mp-listing-card {
        padding: .8rem;
        border-radius: 18px;
    }

    .mp-listing-meta {
        margin-bottom: .35rem;
    }

    .mp-listing-card h2 {
        font-size: 1.14rem;
        line-height: 1.2;
    }

    .mp-listing-card__body p {
        line-height: 1.35;
    }

    .mp-listing-actions {
        gap: .4rem;
        margin-top: .7rem;
    }

    .mp-listing-actions .mp-secondary-button {
        min-height: 40px;
        font-size: .93rem;
        padding: .55rem .75rem;
    }

    .mp-listing-actions .mp-message-button {
        min-height: 50px;
        font-size: 1rem;
    }

    /* Eigene Anzeigen: sekundäre Aktionen weniger wuchtig */
    .mp-listing-actions .mp-inline-form-small button.mp-secondary-button {
        min-height: 38px;
        font-size: .9rem;
    }

    .mp-report-details {
        padding-top: .55rem;
    }
}

@media (max-width: 420px) {
    /* Zwei Spalten bleiben hier bewusst erhalten, damit die Anzeigenart nicht so viel Höhe frisst. */
    .mp-type-grid {
        grid-template-columns: 1fr 1fr;
    }

    .mp-type-option {
        font-size: .86rem;
        padding: .5rem;
    }
}
/* 0.2b-mobile-fix2 – WordPress-Mobile-Menü auf Märchenplatz-Seiten reparieren */

/*
   Problem:
   Das Theme-Menü von Twenty Twenty-Five öffnet mobil als großer Overlay-Container.
   Auf Märchenplatz-Seiten wirkte es dadurch leer/verschoben; einzelne Reiter waren erst
   nach Scrollen sichtbar. Diese Regeln machen das mobile Menü kompakt und listenartig.
*/

@media (max-width: 760px) {
    body.mp-platform-page header.wp-block-template-part,
    body.mp-platform-page .wp-site-blocks > header {
        position: relative;
        z-index: 1000;
    }

    body.mp-platform-page .wp-block-navigation__responsive-container.is-menu-open {
        position: fixed;
        inset: 0;
        z-index: 99999;
        width: 100vw;
        height: 100vh;
        padding: 4.25rem 1rem 1.25rem !important;
        background: #fff !important;
        overflow-y: auto;
        box-sizing: border-box;
    }

    body.mp-platform-page .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-close {
        position: fixed;
        top: .95rem;
        right: 1rem;
        width: 44px;
        height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: #f7f2e8;
        color: #111;
    }

    body.mp-platform-page .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
        padding-top: 0 !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        gap: .55rem;
    }

    body.mp-platform-page .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__container,
    body.mp-platform-page .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-page-list {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: .55rem;
        width: 100%;
        margin: 0;
        padding: 0;
        align-items: stretch !important;
    }

    body.mp-platform-page .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item {
        width: 100%;
        margin: 0 !important;
    }

    body.mp-platform-page .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {
        display: flex;
        width: 100%;
        min-height: 46px;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        padding: .75rem 1rem;
        border: 1px solid rgba(0, 0, 0, .12);
        border-radius: 16px;
        background: #f7f2e8;
        color: #1f2430;
        font-size: 1rem;
        font-weight: 700;
        text-align: center;
        text-decoration: none;
    }

    body.mp-platform-page .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content:hover,
    body.mp-platform-page .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content:focus {
        background: #efe7d9;
    }

    body.mp-platform-page .wp-block-navigation__responsive-container.is-menu-open
    .current-menu-item > .wp-block-navigation-item__content,
    body.mp-platform-page .wp-block-navigation__responsive-container.is-menu-open
    .current-menu-ancestor > .wp-block-navigation-item__content {
        background: #2f4f3a;
        color: #fff;
        border-color: #2f4f3a;
    }

    /*
       Falls das Theme im geöffneten Menü zusätzliche Wrapper erzeugt:
       keine großen Abstände oberhalb der ersten Navigation zulassen.
    */
    body.mp-platform-page .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-dialog {
        margin-top: 0 !important;
    }
}
/* 0.2b-mobile-fix3 – Mein Zugang aus Hauptfluss entfernen */

/*
   Der Zugang/Profilbereich ist jetzt über den Button "Zugang" erreichbar.
   Die Marktplatzseite bleibt dadurch auf Erstellen, Anzeigen und Nachrichten fokussiert.
*/

.mp-secondary-button-small {
    font-size: .95rem;
}

/* Falls Alt-HTML/Cache den alten Zugangskasten noch kurz ausliefert, stark reduzieren. */
.mp-account-inline-compact {
    display: none;
}

@media (max-width: 760px) {
    .mp-mobile-main-actions {
        grid-template-columns: 1fr 1fr;
    }

    .mp-mobile-main-actions .mp-button-main {
        grid-column: 1 / -1;
    }

    .mp-mobile-main-actions .mp-secondary-button {
        min-height: 42px;
    }

    .mp-mobile-main-actions .mp-secondary-button-small {
        font-size: .9rem;
    }

    .mp-create-section-priority {
        margin-top: .85rem;
    }
}

@media (max-width: 420px) {
    .mp-mobile-main-actions {
        grid-template-columns: 1fr 1fr;
    }

    .mp-mobile-main-actions .mp-button-main {
        grid-column: 1 / -1;
    }
}
/* 0.2c-pages – App-Start mit getrennten Seiten */

.mp-dashboard {
    display: grid;
    gap: 1rem;
}

.mp-dashboard-hero {
    padding: clamp(1.15rem, 4vw, 2rem);
    border-radius: 22px;
    background: #f7f2e8;
}

.mp-dashboard-hero h1 {
    margin: 0 0 .45rem;
    line-height: 1.05;
}

.mp-dashboard-hero p:last-child {
    margin-bottom: 0;
}

.mp-dashboard-grid {
    display: grid;
    gap: .75rem;
}

.mp-dashboard-card {
    display: grid;
    gap: .35rem;
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 20px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .035);
}

.mp-dashboard-card-primary {
    background: #2f4f3a;
    color: #fff;
}

.mp-dashboard-card-muted {
    background: #f7f2e8;
}

.mp-dashboard-card__title {
    font-size: 1.2rem;
    font-weight: 800;
}

.mp-dashboard-card__text {
    opacity: .78;
    line-height: 1.35;
}

.mp-section-header {
    padding: 1rem;
    border-radius: 20px;
    background: #f7f2e8;
}

.mp-section-header h1 {
    font-size: clamp(1.7rem, 7vw, 2.4rem);
    margin-bottom: .35rem;
}

.mp-section-actions {
    align-items: stretch;
}

@media (max-width: 760px) {
    .mp-dashboard-hero {
        padding: 1rem;
        border-radius: 18px;
    }

    .mp-dashboard-hero h1 {
        font-size: clamp(1.7rem, 8vw, 2.25rem);
    }

    .mp-dashboard-grid {
        gap: .65rem;
    }

    .mp-dashboard-card {
        min-height: 82px;
        padding: .9rem;
        border-radius: 18px;
    }

    .mp-dashboard-card-primary {
        min-height: 96px;
    }

    .mp-dashboard-card__title {
        font-size: 1.12rem;
    }

    .mp-section-header {
        padding: .9rem;
    }

    .mp-section-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        gap: .5rem;
    }

    .mp-section-actions .mp-button,
    .mp-section-actions .mp-secondary-button {
        width: 100%;
        min-height: 42px;
        padding-left: .65rem;
        padding-right: .65rem;
        font-size: .92rem;
    }

    .mp-section-header + .mp-notice + .mp-filter-bar-secondary,
    .mp-section-header + .mp-filter-bar-secondary {
        margin-top: .75rem;
    }
}
/* 0.2c-pages-fix1 – Übersicht-Kachel auf Detailseiten */

.mp-overview-card {
    display: grid;
    gap: .2rem;
    padding: .85rem 1rem;
    margin: .75rem 0 1rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 18px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .035);
}

.mp-overview-card__title {
    font-weight: 800;
    font-size: 1rem;
}

.mp-overview-card__text {
    opacity: .72;
    font-size: .92rem;
}

.mp-overview-card:hover,
.mp-overview-card:focus {
    background: #f7f2e8;
}

@media (max-width: 760px) {
    .mp-overview-card {
        margin: .65rem 0 .85rem;
        padding: .8rem .9rem;
        border-radius: 16px;
    }
}
/* 0.2c-pages-fix2 – Startseite nur Kacheln + saubere Anordnung */

.mp-dashboard-start {
    display: grid;
    gap: 1rem;
}

.mp-dashboard-start .mp-dashboard-hero {
    padding: 1rem;
    border-radius: 20px;
    background: #f7f2e8;
}

.mp-dashboard-start .mp-dashboard-hero h1 {
    margin-bottom: .35rem;
    font-size: clamp(2rem, 9vw, 3rem);
    line-height: 1.02;
}

.mp-dashboard-start .mp-dashboard-hero p:last-child {
    margin-bottom: 0;
}

.mp-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    align-items: stretch;
}

.mp-dashboard-card {
    box-sizing: border-box;
    min-width: 0;
    min-height: 94px;
    padding: 1rem .85rem;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
    word-break: break-word;
}

.mp-dashboard-card-primary {
    grid-column: 1 / -1;
    min-height: 106px;
}

.mp-dashboard-card__title {
    display: block;
    width: 100%;
    font-size: 1.1rem;
    line-height: 1.2;
}

.mp-dashboard-card__text {
    margin-top: .2rem;
    font-size: .92rem;
    line-height: 1.25;
}

@media (max-width: 760px) {
    .mp-dashboard-start .mp-dashboard-hero {
        padding: .95rem;
        border-radius: 18px;
    }

    .mp-dashboard-grid {
        gap: .65rem;
    }

    .mp-dashboard-card {
        min-height: 88px;
        padding: .9rem .7rem;
        border-radius: 18px;
    }

    .mp-dashboard-card-primary {
        min-height: 98px;
    }

    .mp-dashboard-card__title {
        font-size: 1rem;
    }

    .mp-dashboard-card__text {
        font-size: .88rem;
    }
}
/* 0.2c-pages-fix3 – Kachel-Stil auf alle Märchenplatz-Seiten + mobile Feinform */

/* Einheitlicher App-Flächenstil */
body.mp-platform-page .mp-box,
body.mp-platform-page .mp-form-box,
body.mp-platform-page .mp-listing-card,
body.mp-platform-page .mp-message-panel,
body.mp-platform-page .mp-thread-list,
body.mp-platform-page .mp-thread-detail,
body.mp-platform-page .mp-section-header,
body.mp-platform-page .mp-dashboard-hero,
body.mp-platform-page .mp-dashboard-card,
body.mp-platform-page .mp-overview-card {
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .035);
}

/* Dashboard: Kacheln klar trennen, kein optisches Überlappen */
.mp-dashboard-start .mp-dashboard-grid {
    gap: .8rem;
}

.mp-dashboard-card {
    border: 1px solid rgba(0, 0, 0, .08);
}

.mp-dashboard-card:hover,
.mp-dashboard-card:focus {
    transform: translateY(-1px);
}

/* Übersichtskachel überall gleich */
.mp-page-top-actions {
    margin-bottom: .85rem;
}

.mp-overview-card-compact {
    min-height: 62px;
    padding: .75rem .9rem;
    background: #f7f2e8;
}

/* Alle Unterseiten bekommen einen kachelartigen Kopf */
.mp-section-header {
    margin-bottom: .85rem;
    border: 1px solid rgba(0, 0, 0, .08);
}

.mp-section-header .mp-kicker,
.mp-dashboard-hero .mp-kicker {
    letter-spacing: .11em;
}

/* Anzeige erstellen: stärker wie Handy-App */
.mp-quick-listing-form,
.mp-form-box.mp-quick-listing-form {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.mp-quick-listing-form > h2,
.mp-quick-listing-form > .mp-muted {
    display: none;
}

.mp-photo-field,
.mp-text-field,
.mp-type-fieldset {
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 20px;
    background: #fff;
}

.mp-photo-field label,
.mp-text-field label,
.mp-type-fieldset legend {
    font-weight: 800;
}

.mp-photo-field input[type="file"] {
    width: 100%;
    box-sizing: border-box;
    border: 2px dashed rgba(47, 79, 58, .28);
    border-radius: 16px;
    background: #fbfaf6;
    cursor: pointer;
}

.mp-photo-field .mp-help,
.mp-text-field .mp-help {
    font-size: .92rem;
    opacity: .72;
}

/* Art-Auswahl als echte Kacheln */
.mp-type-option {
    background: #fff;
    border-color: rgba(0, 0, 0, .1);
}

.mp-type-option:has(input:checked) {
    border-color: #2f4f3a;
    background: #eef5ee;
}

/* Nachrichten */
#mp-messages .mp-feed-header,
.mp-messages .mp-feed-header {
    border-radius: 20px;
    background: #f7f2e8;
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, .08);
}

/* WordPress-Hamburger auf Märchenplatz-Seiten weniger verloren wirken lassen */
body.mp-platform-page .wp-block-navigation__responsive-container-open {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: #f7f2e8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Mobile Feinform */
@media (max-width: 760px) {
    body.mp-platform-page .wp-site-blocks > main {
        padding-top: .25rem;
    }

    .mp-dashboard-start {
        gap: .75rem;
    }

    .mp-dashboard-start .mp-dashboard-hero {
        padding: .85rem;
        border-radius: 18px;
    }

    .mp-dashboard-start .mp-dashboard-hero h1 {
        font-size: clamp(1.85rem, 8vw, 2.45rem);
    }

    .mp-dashboard-start .mp-dashboard-hero p:last-child {
        font-size: .95rem;
    }

    .mp-dashboard-grid {
        grid-template-columns: 1fr 1fr;
        gap: .6rem;
    }

    .mp-dashboard-card {
        min-height: 84px;
        padding: .75rem .55rem;
        border-radius: 18px;
    }

    .mp-dashboard-card-primary {
        min-height: 92px;
    }

    .mp-dashboard-card__title {
        font-size: .98rem;
        line-height: 1.16;
    }

    .mp-dashboard-card__text {
        font-size: .78rem;
        line-height: 1.18;
        opacity: .7;
    }

    .mp-section-header {
        padding: .85rem;
        border-radius: 18px;
    }

    .mp-section-header h1 {
        font-size: clamp(1.55rem, 7vw, 2.05rem);
    }

    .mp-page-top-actions {
        margin-bottom: .65rem;
    }

    .mp-overview-card-compact {
        min-height: 52px;
        padding: .65rem .75rem;
        border-radius: 16px;
    }

    .mp-overview-card__title {
        font-size: .95rem;
    }

    .mp-overview-card__text {
        font-size: .82rem;
    }

    .mp-photo-field,
    .mp-text-field,
    .mp-type-fieldset {
        padding: .7rem;
        border-radius: 18px;
    }

    .mp-photo-field label,
    .mp-text-field label,
    .mp-type-fieldset legend {
        font-size: 1rem;
    }

    .mp-photo-field input[type="file"] {
        padding: .75rem;
        font-size: .9rem;
    }

    .mp-text-field textarea {
        min-height: 98px;
    }

    .mp-type-grid {
        gap: .45rem;
    }

    .mp-type-option {
        min-height: 40px;
        font-size: .84rem;
        border-radius: 14px;
    }

    .mp-submit-listing-button {
        margin-top: .35rem;
        min-height: 50px;
        border-radius: 999px;
    }

    #mp-messages .mp-feed-header,
    .mp-messages .mp-feed-header {
        padding: .85rem;
        border-radius: 18px;
    }

    /* Kacheln in Listen ruhiger */
    .mp-listing-card {
        border-radius: 18px;
    }

    .mp-filter-bar-secondary {
        padding-bottom: .2rem;
    }
}

@media (max-width: 380px) {
    .mp-dashboard-card__title {
        font-size: .92rem;
    }

    .mp-dashboard-card__text {
        display: none;
    }

    .mp-dashboard-card {
        min-height: 74px;
    }

    .mp-dashboard-card-primary {
        min-height: 84px;
    }
}
/* 0.2c-pages-fix4 – Übersicht-Kacheln überall wie Startseiten-Kacheln */

.mp-page-top-actions {
    margin: .75rem 0 1rem;
}

.mp-page-top-actions .mp-overview-card,
.mp-overview-card.mp-dashboard-card {
    display: flex;
    min-height: 74px;
    padding: .85rem 1rem;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: .15rem;
    background: #f7f2e8;
    border: 1px solid rgba(0, 0, 0, .08);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .035);
}

.mp-overview-card.mp-dashboard-card:hover,
.mp-overview-card.mp-dashboard-card:focus {
    background: #efe7d9;
}

.mp-overview-card.mp-dashboard-card .mp-dashboard-card__title {
    font-size: 1.02rem;
    line-height: 1.15;
}

.mp-overview-card.mp-dashboard-card .mp-dashboard-card__text {
    font-size: .84rem;
    line-height: 1.2;
    opacity: .72;
}

/* Detailseiten sollen dieselbe Kartensprache wie die Startseite nutzen */
.mp-section-header {
    margin-bottom: .65rem;
}

.mp-section-actions {
    margin-top: .65rem;
}

/* Der alte Button-Look soll nicht gegen die Kachel konkurrieren */
.mp-section-actions .mp-button {
    border-radius: 999px;
}

/* Anzeige-erstellen-Seite: erste Kachel sicher oben sichtbar */
.mp-page-top-actions + .mp-quick-listing-form,
.mp-page-top-actions + .mp-form-box {
    margin-top: .75rem;
}

@media (max-width: 760px) {
    .mp-page-top-actions {
        margin: .6rem 0 .8rem;
    }

    .mp-page-top-actions .mp-overview-card,
    .mp-overview-card.mp-dashboard-card {
        min-height: 68px;
        padding: .75rem .85rem;
        border-radius: 18px;
    }

    .mp-overview-card.mp-dashboard-card .mp-dashboard-card__title {
        font-size: .96rem;
    }

    .mp-overview-card.mp-dashboard-card .mp-dashboard-card__text {
        font-size: .78rem;
    }

    .mp-section-actions {
        grid-template-columns: 1fr;
    }
}
/* 0.2c-pages-fix5 – Unterseiten stärker an Startseiten-Kacheln angleichen */

.mp-page-hero-card,
.mp-access-hero.mp-page-hero-card,
#mp-messages .mp-feed-header.mp-page-hero-card,
.mp-messages .mp-feed-header.mp-page-hero-card {
    padding: 1rem;
    border-radius: 20px;
    background: #f7f2e8;
    border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .035);
}

.mp-page-hero-card h1,
.mp-access-hero.mp-page-hero-card h1,
#mp-messages .mp-feed-header.mp-page-hero-card h1,
.mp-messages .mp-feed-header.mp-page-hero-card h1 {
    margin: 0 0 .4rem;
    font-size: clamp(1.95rem, 8vw, 3rem);
    line-height: 1.04;
}

.mp-page-hero-card p:last-child,
.mp-access-hero.mp-page-hero-card p:last-child {
    margin-bottom: 0;
}

.mp-page-action-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin: .85rem 0 1rem;
}

.mp-page-action-card {
    min-height: 84px;
    padding: .85rem .7rem;
    border-radius: 20px;
    background: #fff;
    color: inherit;
    text-align: center;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .035);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .2rem;
    overflow: hidden;
}

.mp-page-action-card-primary {
    background: #2f4f3a;
    color: #fff;
    border-color: #2f4f3a;
}

.mp-page-action-card .mp-dashboard-card__title {
    font-size: 1rem;
    line-height: 1.15;
}

.mp-page-action-card .mp-dashboard-card__text {
    font-size: .82rem;
    line-height: 1.18;
    opacity: .72;
}

.mp-create-page-hero ~ .mp-quick-listing-form > h2,
.mp-create-page-hero ~ .mp-quick-listing-form > .mp-muted {
    display: none;
}

.mp-message-refresh-action {
    margin-top: .65rem;
}

.mp-message-refresh-action .mp-secondary-button {
    min-height: 40px;
    padding: .55rem .85rem;
    border-radius: 999px;
}

@media (max-width: 760px) {
    .mp-page-hero-card,
    .mp-access-hero.mp-page-hero-card,
    #mp-messages .mp-feed-header.mp-page-hero-card,
    .mp-messages .mp-feed-header.mp-page-hero-card {
        padding: .9rem;
        border-radius: 18px;
    }

    .mp-page-hero-card h1,
    .mp-access-hero.mp-page-hero-card h1,
    #mp-messages .mp-feed-header.mp-page-hero-card h1,
    .mp-messages .mp-feed-header.mp-page-hero-card h1 {
        font-size: clamp(1.65rem, 8vw, 2.35rem);
    }

    .mp-page-action-grid {
        gap: .6rem;
        margin: .7rem 0 .9rem;
    }

    .mp-page-action-card {
        min-height: 76px;
        padding: .72rem .55rem;
        border-radius: 18px;
    }

    .mp-page-action-card .mp-dashboard-card__title {
        font-size: .93rem;
    }

    .mp-page-action-card .mp-dashboard-card__text {
        font-size: .76rem;
    }

    .mp-section-header + .mp-page-action-grid {
        margin-top: .7rem;
    }
}

@media (max-width: 380px) {
    .mp-page-action-card .mp-dashboard-card__text {
        display: none;
    }

    .mp-page-action-card {
        min-height: 66px;
    }
}
/* 0.3-upload-preview – Fotoauswahl mit Vorschau */

.mp-photo-upload-card {
    position: relative;
}

.mp-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
}

.mp-file-picker {
    display: grid;
    gap: .25rem;
    place-items: center;
    width: 100%;
    min-height: 138px;
    box-sizing: border-box;
    margin: .55rem 0 .65rem;
    padding: 1rem;
    border: 2px dashed rgba(47, 79, 58, .35);
    border-radius: 20px;
    background: #fbfaf6;
    color: #1f2430;
    text-align: center;
    cursor: pointer;
}

.mp-file-picker:focus-within,
.mp-file-picker:hover {
    background: #f7f2e8;
    border-color: #2f4f3a;
}

.mp-file-picker__icon {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #2f4f3a;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 800;
}

.mp-file-picker__title {
    font-size: 1.08rem;
    font-weight: 800;
}

.mp-file-picker__hint {
    font-size: .92rem;
    opacity: .72;
}

.mp-photo-preview {
    display: grid;
    gap: .6rem;
    margin: .65rem 0;
}

.mp-photo-preview__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .45rem;
}

.mp-photo-preview__item {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    border-radius: 14px;
    background: #f7f2e8;
    border: 1px solid rgba(0, 0, 0, .08);
}

.mp-photo-preview__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mp-photo-preview__count {
    font-size: .92rem;
    font-weight: 700;
    color: #2f4f3a;
}

.mp-photo-preview__more {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f2e8;
    font-weight: 800;
    color: #2f4f3a;
}

.mp-clear-photos {
    width: 100%;
    min-height: 42px;
    margin: .4rem 0 .2rem;
}

@media (max-width: 760px) {
    .mp-file-picker {
        min-height: 128px;
        padding: .9rem;
        border-radius: 18px;
    }

    .mp-file-picker__icon {
        width: 44px;
        height: 44px;
        font-size: 1.45rem;
    }

    .mp-file-picker__title {
        font-size: 1rem;
    }

    .mp-file-picker__hint {
        font-size: .84rem;
    }

    .mp-photo-preview__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .4rem;
    }

    .mp-photo-preview__item {
        border-radius: 12px;
    }
}
/* 0.3-upload-preview-fix1 – robuste Vorschau/Preis-Hinweis */

.mp-photo-preview:not([hidden]) {
    display: grid;
}

.mp-clear-photos:not([hidden]) {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.mp-price-hint-field {
    padding: .8rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 18px;
    background: #fff;
}

.mp-price-hint-field[hidden] {
    display: none !important;
}
/* 0.3-upload-preview-fix2 – X am Bild + kumulative Auswahl */

.mp-photo-preview__item {
    position: relative;
}

.mp-photo-remove {
    position: absolute;
    top: .35rem;
    right: .35rem;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 999px;
    background: rgba(31, 36, 48, .84);
    color: #fff;
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .22);
}

.mp-photo-remove:hover,
.mp-photo-remove:focus {
    background: #2f4f3a;
}

.mp-clear-photos {
    display: none !important;
}

.mp-file-picker__hint::after {
    content: " · mehrfach tippen ergänzt weitere Fotos";
}

@media (max-width: 760px) {
    .mp-photo-remove {
        width: 28px;
        height: 28px;
        font-size: 1.1rem;
        top: .28rem;
        right: .28rem;
    }
}
/* 0.3-submit-success – klare Rückmeldung nach Anzeige einstellen */

.mp-create-success {
    display: grid;
    gap: .65rem;
    margin: .85rem 0 1rem;
    padding: 1rem;
    border-radius: 20px;
    background: #2f4f3a;
    color: #fff;
    text-align: center;
}

.mp-create-success .mp-dashboard-card__title {
    font-size: 1.25rem;
}

.mp-create-success .mp-dashboard-card__text {
    opacity: .86;
}

.mp-create-success-pending {
    background: #f7f2e8;
    color: #1f2430;
}

.mp-create-success-actions {
    display: grid;
    gap: .55rem;
    margin-top: .35rem;
}

.mp-create-success-actions .mp-button,
.mp-create-success-actions .mp-secondary-button {
    width: 100%;
    min-height: 44px;
}

.mp-create-success-ok .mp-secondary-button {
    background: rgba(255, 255, 255, .16);
    color: #fff;
    border-color: rgba(255, 255, 255, .22);
}

.mp-create-success-ok .mp-button {
    background: #fff;
    color: #2f4f3a;
}

@media (max-width: 760px) {
    .mp-create-success {
        padding: .9rem;
        border-radius: 18px;
    }

    .mp-create-success .mp-dashboard-card__title {
        font-size: 1.12rem;
    }
}
/* 0.3-submit-success-fix1 – Android-stabile Fotoauswahl */

.mp-photo-remove {
    position: absolute;
    top: .35rem;
    right: .35rem;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 999px;
    background: rgba(31, 36, 48, .84);
    color: #fff;
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .22);
}

.mp-photo-remove:hover,
.mp-photo-remove:focus {
    background: #2f4f3a;
}

.mp-clear-photos {
    display: none !important;
}

.mp-file-picker__hint::after {
    content: " · mehrfach tippen ergänzt weitere Fotos";
}

.mp-listing-form button[disabled] {
    opacity: .65;
    cursor: wait;
}

@media (max-width: 760px) {
    .mp-photo-remove {
        width: 28px;
        height: 28px;
        font-size: 1.1rem;
        top: .28rem;
        right: .28rem;
    }
}
/* 0.3-success-ui – kompakte schöne Erfolgskachel */

.mp-create-success-ui {
    display: grid;
    gap: .85rem;
    margin: .85rem 0 1rem;
    padding: 1rem;
    border-radius: 22px;
    background: #2f4f3a;
    color: #fff;
    text-align: center;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .11);
    border: 1px solid rgba(255, 255, 255, .08);
}

.mp-create-success-ui .mp-success-icon {
    width: 44px;
    height: 44px;
    margin: 0 auto;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #2f4f3a;
    font-size: 1.55rem;
    font-weight: 900;
    line-height: 1;
}

.mp-create-success-ui .mp-success-copy h2 {
    margin: 0 0 .25rem;
    font-size: clamp(1.35rem, 5vw, 1.8rem);
    line-height: 1.1;
}

.mp-create-success-ui .mp-success-copy p {
    max-width: 34rem;
    margin: 0 auto;
    opacity: .88;
    line-height: 1.35;
}

.mp-create-success-ui.mp-create-success-pending {
    background: #f7f2e8;
    color: #1f2430;
    border-color: rgba(0, 0, 0, .08);
}

.mp-create-success-ui.mp-create-success-pending .mp-success-icon {
    background: #2f4f3a;
    color: #fff;
}

.mp-success-preview {
    display: grid;
    grid-template-columns: 92px 1fr;
    gap: .75rem;
    align-items: center;
    padding: .65rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, .12);
    text-align: left;
}

.mp-create-success-pending .mp-success-preview {
    background: #fff;
}

.mp-success-preview__media {
    overflow: hidden;
    aspect-ratio: 1 / 1;
    border-radius: 14px;
    background: rgba(255, 255, 255, .14);
}

.mp-success-preview__image,
.mp-success-preview__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mp-success-preview__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .68;
}

.mp-success-preview__body {
    min-width: 0;
}

.mp-success-preview__label {
    display: block;
    margin-bottom: .16rem;
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    opacity: .68;
}

.mp-success-preview__body strong {
    display: block;
    font-size: 1.02rem;
    line-height: 1.18;
}

.mp-success-preview__body p {
    margin: .25rem 0 0;
    font-size: .88rem;
    opacity: .78;
    line-height: 1.25;
}

.mp-create-success-ui .mp-create-success-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: .55rem;
    margin-top: .1rem;
}

.mp-create-success-ui .mp-create-success-actions .mp-button,
.mp-create-success-ui .mp-create-success-actions .mp-secondary-button {
    width: 100%;
    min-height: 46px;
    border-radius: 999px;
}

.mp-create-success-ui.mp-create-success-ok .mp-create-success-actions .mp-button {
    background: #fff;
    color: #2f4f3a;
}

.mp-create-success-ui.mp-create-success-ok .mp-create-success-actions .mp-secondary-button {
    background: rgba(255, 255, 255, .14);
    color: #fff;
    border-color: rgba(255, 255, 255, .2);
}

@media (max-width: 760px) {
    .mp-create-success-ui {
        padding: .9rem;
        border-radius: 20px;
        gap: .75rem;
    }

    .mp-create-success-ui .mp-success-icon {
        width: 40px;
        height: 40px;
        font-size: 1.35rem;
    }

    .mp-success-preview {
        grid-template-columns: 74px 1fr;
        gap: .65rem;
        padding: .55rem;
        border-radius: 16px;
    }

    .mp-success-preview__media {
        border-radius: 12px;
    }

    .mp-success-preview__body strong {
        font-size: .96rem;
    }

    .mp-success-preview__body p {
        font-size: .8rem;
    }
}
/* 0.3-ui-consistency – einheitliches Kachel-/Button-System */

/*
   Designlogik:
   - Primär: dunkelgrün, wichtigste Aktion
   - Sekundär: helle Kachel, normale Navigation
   - Utility: kleine neutrale Aktionen wie Filter/Aktualisieren
*/

:root {
    --mp-green: #2f4f3a;
    --mp-green-soft: #496954;
    --mp-cream: #f7f2e8;
    --mp-card: #ffffff;
    --mp-border: rgba(0, 0, 0, .08);
    --mp-shadow: 0 8px 24px rgba(0, 0, 0, .035);
    --mp-radius-card: 20px;
    --mp-radius-card-mobile: 18px;
}

/* Kacheln */
body.mp-platform-page .mp-dashboard-card,
body.mp-platform-page .mp-page-action-card,
body.mp-platform-page .mp-overview-card,
body.mp-platform-page .mp-listing-card,
body.mp-platform-page .mp-box,
body.mp-platform-page .mp-form-box,
body.mp-platform-page .mp-thread-list,
body.mp-platform-page .mp-thread-detail,
body.mp-platform-page .mp-message-panel,
body.mp-platform-page .mp-page-hero-card,
body.mp-platform-page .mp-access-hero,
body.mp-platform-page .mp-section-header {
    border-radius: var(--mp-radius-card);
    border: 1px solid var(--mp-border);
    box-shadow: var(--mp-shadow);
}

/* Helle Standardkachel */
body.mp-platform-page .mp-dashboard-card,
body.mp-platform-page .mp-page-action-card,
body.mp-platform-page .mp-overview-card {
    background: var(--mp-card);
    color: #1f2430;
    text-decoration: none;
}

/* Primärkachel */
body.mp-platform-page .mp-dashboard-card-primary,
body.mp-platform-page .mp-page-action-card-primary,
body.mp-platform-page .mp-button-main {
    background: var(--mp-green);
    color: #fff;
    border-color: var(--mp-green);
}

/* Hero / Kopfbereiche */
body.mp-platform-page .mp-dashboard-hero,
body.mp-platform-page .mp-page-hero-card,
body.mp-platform-page .mp-access-hero.mp-page-hero-card,
body.mp-platform-page .mp-section-header {
    background: var(--mp-cream);
}

/* Klassische Buttons optisch an Kachelfamilie angleichen */
body.mp-platform-page .mp-button,
body.mp-platform-page .mp-secondary-button,
body.mp-platform-page button.mp-secondary-button,
body.mp-platform-page .mp-submit-listing-button {
    border-radius: 999px;
    min-height: 44px;
    font-weight: 800;
    box-shadow: none;
}

body.mp-platform-page .mp-button,
body.mp-platform-page .mp-submit-listing-button {
    background: var(--mp-green);
    color: #fff;
    border-color: var(--mp-green);
}

body.mp-platform-page .mp-secondary-button,
body.mp-platform-page button.mp-secondary-button {
    background: var(--mp-cream);
    color: #1f2430;
    border: 1px solid rgba(0,0,0,.06);
}

/* Erfolgskachel: Aktionenkarten wie auf der Startseite */
.mp-create-success-ui {
    border-radius: 22px;
}

.mp-create-success-ui .mp-action-card-grid,
.mp-create-success-actions.mp-action-card-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: .6rem;
    margin-top: .25rem;
}

.mp-create-success-ui .mp-page-action-card {
    min-height: 68px;
    padding: .7rem .8rem;
    border-radius: 18px;
    box-shadow: none;
}

.mp-create-success-ui.mp-create-success-ok .mp-page-action-card {
    background: rgba(255, 255, 255, .14);
    color: #fff;
    border-color: rgba(255, 255, 255, .18);
}

.mp-create-success-ui.mp-create-success-ok .mp-page-action-card-primary {
    background: #fff;
    color: var(--mp-green);
    border-color: #fff;
}

.mp-create-success-ui.mp-create-success-pending .mp-page-action-card {
    background: #fff;
    color: #1f2430;
}

.mp-create-success-ui.mp-create-success-pending .mp-page-action-card-primary {
    background: var(--mp-green);
    color: #fff;
}

.mp-create-success-ui .mp-page-action-card .mp-dashboard-card__title {
    font-size: 1rem;
    line-height: 1.15;
}

.mp-create-success-ui .mp-page-action-card .mp-dashboard-card__text {
    font-size: .78rem;
    line-height: 1.18;
    opacity: .72;
}

/* Filterchips bleiben bewusst kleiner = Utility */
body.mp-platform-page .mp-filter {
    border-radius: 999px;
    min-height: 36px;
}

/* Listing-Aktionen: ruhiger und konsistent */
body.mp-platform-page .mp-listing-actions .mp-button,
body.mp-platform-page .mp-listing-actions .mp-secondary-button {
    border-radius: 999px;
}

/* Hover/Focus minimal, nicht hüpfend */
body.mp-platform-page .mp-dashboard-card:hover,
body.mp-platform-page .mp-dashboard-card:focus,
body.mp-platform-page .mp-page-action-card:hover,
body.mp-platform-page .mp-page-action-card:focus {
    transform: none;
    outline: 2px solid rgba(47, 79, 58, .18);
    outline-offset: 2px;
}

@media (max-width: 760px) {
    body.mp-platform-page .mp-dashboard-card,
    body.mp-platform-page .mp-page-action-card,
    body.mp-platform-page .mp-overview-card,
    body.mp-platform-page .mp-listing-card,
    body.mp-platform-page .mp-box,
    body.mp-platform-page .mp-form-box,
    body.mp-platform-page .mp-thread-list,
    body.mp-platform-page .mp-thread-detail,
    body.mp-platform-page .mp-message-panel,
    body.mp-platform-page .mp-page-hero-card,
    body.mp-platform-page .mp-access-hero,
    body.mp-platform-page .mp-section-header {
        border-radius: var(--mp-radius-card-mobile);
    }

    .mp-create-success-ui {
        border-radius: 20px;
    }

    .mp-create-success-ui .mp-page-action-card {
        min-height: 62px;
        border-radius: 16px;
        padding: .65rem .7rem;
    }

    .mp-create-success-ui .mp-page-action-card .mp-dashboard-card__title {
        font-size: .96rem;
    }

    .mp-create-success-ui .mp-page-action-card .mp-dashboard-card__text {
        font-size: .74rem;
    }
}
/* 0.3-price-cards – Preisfeld und ruhigere Anzeigenkarten */

.mp-price-field {
    padding: .8rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 18px;
    background: #fff;
}

.mp-price-field[hidden] {
    display: none !important;
}

.mp-price-field input {
    width: 100%;
    min-height: 44px;
    box-sizing: border-box;
    padding: .65rem .8rem;
    border: 1px solid rgba(0, 0, 0, .14);
    border-radius: 14px;
    font: inherit;
}

/* Anzeigenkarten kompakter */
.mp-card-title-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .65rem;
    align-items: start;
}

.mp-card-title-row h2 {
    margin: 0;
}

.mp-price-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: .25rem .65rem;
    border-radius: 999px;
    background: #f7f2e8;
    color: #2f4f3a;
    font-weight: 900;
    white-space: nowrap;
}

.mp-listing-teaser {
    margin: .45rem 0 0;
    line-height: 1.35;
    opacity: .86;
}

.mp-expiry-line {
    margin-top: .55rem;
    font-size: .92rem;
}

.mp-image-strip-compact {
    display: flex;
    gap: .45rem;
    margin-top: .65rem;
}

.mp-image-strip-compact .mp-thumb,
.mp-thumb-more {
    width: 58px;
    height: 58px;
    border-radius: 12px;
    object-fit: cover;
}

.mp-thumb-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f7f2e8;
    color: #2f4f3a;
    font-weight: 900;
}

@media (max-width: 760px) {
    .mp-listing-card__body {
        padding-top: .75rem;
    }

    .mp-card-title-row {
        grid-template-columns: 1fr;
        gap: .35rem;
    }

    .mp-price-pill {
        justify-self: start;
        min-height: 30px;
        font-size: .92rem;
    }

    .mp-listing-teaser {
        font-size: .98rem;
    }

    .mp-expiry-line {
        font-size: .86rem;
    }

    .mp-image-strip-compact .mp-thumb,
    .mp-thumb-more {
        width: 52px;
        height: 52px;
        border-radius: 11px;
    }
}
/* 0.3-actions-categories – vereinfachte Kategorien und ruhigere Eigenaktionen */

/* Filter: wenige Chips, besser umbrechbar statt endlos technischer Leiste */
.mp-filter-bar-secondary {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    overflow-x: visible;
    padding-bottom: .1rem;
}

.mp-filter-bar-secondary .mp-filter {
    min-height: 34px;
    padding: .42rem .75rem;
    font-size: .9rem;
}

/* Eigene Anzeigen: Bearbeiten prominent, Rest als kleine Chips */
.mp-owner-label {
    display: block;
    color: rgba(31, 36, 48, .68);
    margin-bottom: .55rem;
}

.mp-owner-actions {
    display: grid;
    gap: .55rem;
    width: 100%;
}

.mp-owner-edit-button {
    width: 100%;
    min-height: 44px;
    border-radius: 999px;
}

.mp-owner-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.mp-owner-chip-row .mp-inline-form-small {
    margin: 0;
}

.mp-action-chip {
    min-height: 34px;
    padding: .38rem .65rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 999px;
    background: #f7f2e8;
    color: #1f2430;
    font-weight: 800;
    font-size: .86rem;
    cursor: pointer;
}

.mp-action-chip:hover,
.mp-action-chip:focus {
    background: #efe7d9;
}

.mp-report-details {
    margin-top: .65rem;
}

.mp-report-details summary {
    font-size: .9rem;
    color: rgba(31, 36, 48, .62);
}

@media (max-width: 760px) {
    .mp-filter-bar-secondary {
        gap: .4rem;
    }

    .mp-filter-bar-secondary .mp-filter {
        font-size: .84rem;
        padding: .38rem .62rem;
    }

    .mp-owner-chip-row {
        gap: .4rem;
    }

    .mp-action-chip {
        font-size: .82rem;
        min-height: 32px;
        padding: .34rem .58rem;
    }
}


/* 0.3-ui-polish – schönere Filter- und Aktionskacheln */

/* Sekundäre Filter nicht mehr lose „Würstchen“, sondern ruhiger als kleines Raster */
.mp-filter-bar-secondary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    overflow: visible;
    padding-bottom: .2rem;
}

.mp-filter-bar-secondary .mp-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    padding: .65rem .8rem;
    border-radius: 18px;
    text-align: center;
    font-size: .98rem;
    font-weight: 700;
    line-height: 1.18;
    background: #f4efe5;
    color: #1f2430;
    border: 1px solid rgba(31, 36, 48, .06);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
}

.mp-filter-bar-secondary .mp-filter--active {
    background: var(--mp-green);
    color: #fff;
    border-color: transparent;
}

/* Auf größeren Breiten gern in einer Reihe, wenn Platz da ist */
@media (min-width: 900px) {
    .mp-filter-bar-secondary {
        display: flex;
        flex-wrap: wrap;
    }

    .mp-filter-bar-secondary .mp-filter {
        width: auto;
        min-width: 130px;
        padding-inline: .95rem;
    }
}

/* Eigene Anzeigen: Bearbeiten als primäre Aktion, Rest als saubere Mini-Buttons */
.mp-owner-label {
    margin-bottom: .35rem;
    color: rgba(31, 36, 48, .58);
    font-size: .95rem;
}

.mp-owner-actions {
    display: grid;
    gap: .6rem;
    width: 100%;
}

.mp-owner-edit-button {
    width: 100%;
    min-height: 48px;
    border-radius: 18px;
    font-size: 1.03rem;
    font-weight: 800;
    box-shadow: 0 4px 14px rgba(47, 79, 58, .10);
}

.mp-owner-chip-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.mp-owner-chip-row .mp-inline-form-small {
    width: 100%;
    margin: 0;
}

.mp-action-chip {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    padding: .55rem .75rem;
    border: 1px solid rgba(31, 36, 48, .08);
    border-radius: 16px;
    background: #f4efe5;
    color: #1f2430;
    font-weight: 800;
    font-size: .95rem;
    line-height: 1.1;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.mp-action-chip:hover,
.mp-action-chip:focus {
    background: #eee6d7;
}

/* Anzeige melden bewusst zurückhaltend */
.mp-report-details {
    margin-top: .7rem;
}

.mp-report-details summary {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    list-style: none;
    font-size: .93rem;
    color: rgba(31, 36, 48, .58);
}

.mp-report-details summary::-webkit-details-marker {
    display: none;
}

@media (max-width: 420px) {
    .mp-filter-bar-secondary .mp-filter {
        min-height: 42px;
        padding: .58rem .72rem;
        font-size: .92rem;
    }

    .mp-owner-edit-button {
        min-height: 46px;
        font-size: .98rem;
    }

    .mp-owner-chip-row {
        gap: .45rem;
    }

    .mp-action-chip {
        min-height: 40px;
        padding: .5rem .65rem;
        font-size: .9rem;
    }
}
/* 0.3-ui-polish-fix1 – Überlappungen bei Kategorien und Aktionsbuttons beheben */

/* Grundsätzlich: keine Buttons/Kacheln dürfen aus ihrem Container herausragen */
body.mp-platform-page .mp-filter,
body.mp-platform-page .mp-button,
body.mp-platform-page .mp-secondary-button,
body.mp-platform-page .mp-owner-edit-button,
body.mp-platform-page .mp-action-chip,
body.mp-platform-page .mp-page-action-card {
    box-sizing: border-box;
    max-width: 100%;
}

/* Kategorien: sauberes 2-Spalten-Raster ohne Überschneiden */
body.mp-platform-page .mp-filter-bar-secondary {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .62rem;
    width: 100%;
    overflow: visible !important;
    padding: .15rem 0 .35rem;
    margin: .9rem 0 1rem;
}

body.mp-platform-page .mp-filter-bar-secondary .mp-filter {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    min-height: 44px;
    padding: .56rem .55rem;
    border-radius: 18px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.15;
    white-space: normal;
    overflow-wrap: anywhere;
}

/* Kurze Kategorien dürfen sich ruhig etwas kompakter anfühlen */
body.mp-platform-page .mp-filter-bar-secondary .mp-filter:first-child,
body.mp-platform-page .mp-filter-bar-secondary .mp-filter:last-child {
    min-height: 42px;
}

/* Eigene Anzeigen: volle Breite, aber innerhalb der Karte */
body.mp-platform-page .mp-listing-card {
    overflow: hidden;
}

body.mp-platform-page .mp-listing-card__body {
    overflow: hidden;
}

body.mp-platform-page .mp-listing-actions {
    width: 100%;
    max-width: 100%;
}

body.mp-platform-page .mp-owner-actions {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    display: grid;
    gap: .62rem;
}

body.mp-platform-page .mp-owner-edit-button {
    width: 100% !important;
    max-width: 100%;
    min-height: 48px;
    padding-left: .85rem;
    padding-right: .85rem;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Kleine Verwaltungsaktionen als sauberes Raster unter Bearbeiten */
body.mp-platform-page .mp-owner-chip-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .52rem;
    width: 100%;
}

body.mp-platform-page .mp-owner-chip-row .mp-inline-form-small {
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
}

body.mp-platform-page .mp-action-chip {
    width: 100%;
    max-width: 100%;
    min-height: 40px;
    padding: .48rem .45rem;
    border-radius: 16px;
    line-height: 1.12;
    white-space: normal;
}

/* Bei sehr schmalen Geräten weiter 2 Spalten, aber kleiner */
@media (max-width: 420px) {
    body.mp-platform-page .mp-filter-bar-secondary {
        gap: .5rem;
    }

    body.mp-platform-page .mp-filter-bar-secondary .mp-filter {
        min-height: 40px;
        padding: .48rem .45rem;
        border-radius: 16px;
        font-size: .86rem;
    }

    body.mp-platform-page .mp-owner-edit-button {
        min-height: 46px;
        border-radius: 17px;
        font-size: .96rem;
    }

    body.mp-platform-page .mp-owner-chip-row {
        gap: .45rem;
    }

    body.mp-platform-page .mp-action-chip {
        min-height: 38px;
        padding: .43rem .4rem;
        border-radius: 15px;
        font-size: .84rem;
    }
}
/* 0.3-messages-ui – Nachrichtenbereich als ruhigere Messenger-Ansicht */

/* Kopfbereich weniger technisch */
#mp-messages .mp-feed-header.mp-page-hero-card,
.mp-messages .mp-feed-header.mp-page-hero-card,
#mp-messages .mp-feed-header,
.mp-messages .mp-feed-header {
    padding: .95rem;
    border-radius: 20px;
}

#mp-messages .mp-feed-header h1,
.mp-messages .mp-feed-header h1,
#mp-messages .mp-feed-header h2,
.mp-messages .mp-feed-header h2 {
    margin-bottom: .35rem;
}

#mp-messages .mp-feed-header p,
.mp-messages .mp-feed-header p {
    line-height: 1.35;
}

/* Aktualisieren wird Utility, nicht Hauptaktion */
#mp-messages [data-mp-refresh-messages],
.mp-messages [data-mp-refresh-messages] {
    min-height: 36px;
    padding: .38rem .8rem;
    border-radius: 999px;
    font-size: .88rem;
    background: rgba(255,255,255,.55);
}

/* Aktionskacheln unter Nachrichten etwas kompakter */
.mp-message-page-actions,
.mp-messages-overview-card + .mp-page-action-grid {
    margin-top: .7rem;
    margin-bottom: .9rem;
}

.mp-message-page-actions .mp-page-action-card {
    min-height: 68px;
}

/* Grundlayout Nachrichten */
.mp-message-layout,
.mp-messages-layout {
    gap: .85rem;
}

/* Threadliste als kompakte Auswahlkarten */
.mp-thread-list,
.mp-message-thread-list {
    display: grid;
    gap: .45rem;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
}

.mp-thread-item,
.mp-message-thread,
.mp-thread-card {
    border-radius: 18px;
    border: 1px solid rgba(31, 36, 48, .06);
    background: #f7f2e8;
    padding: .8rem .9rem;
    box-shadow: 0 6px 18px rgba(0,0,0,.025);
}

.mp-thread-item.is-active,
.mp-thread-item--active,
.mp-thread-card--active,
.mp-thread-item.active,
.mp-message-thread.active {
    background: #2f4f3a;
    color: #fff;
    border-color: #2f4f3a;
}

.mp-thread-item h3,
.mp-thread-item h4,
.mp-thread-card h3,
.mp-message-thread h3 {
    margin: 0 0 .18rem;
    font-size: 1rem;
    line-height: 1.2;
}

.mp-thread-item p,
.mp-thread-card p,
.mp-message-thread p {
    margin: 0;
    font-size: .84rem;
    opacity: .72;
    line-height: 1.25;
}

/* Detailbereich als Chatkarte */
.mp-thread-detail,
.mp-message-detail,
.mp-message-panel {
    border-radius: 20px;
    background: #fff;
    border: 1px solid rgba(31,36,48,.08);
    box-shadow: 0 8px 24px rgba(0,0,0,.035);
    padding: .9rem;
}

.mp-thread-detail > h2,
.mp-thread-detail > h3,
.mp-message-detail > h2,
.mp-message-detail > h3 {
    margin-top: 0;
    font-size: clamp(1.45rem, 6vw, 2.1rem);
    line-height: 1.05;
}

/* Chatblasen */
.mp-message-list,
.mp-chat-list,
.mp-thread-messages {
    display: grid;
    gap: .65rem;
    margin: .85rem 0 1rem;
}

.mp-message-bubble,
.mp-chat-message,
.mp-message-item {
    max-width: 82%;
    border-radius: 18px;
    padding: .7rem .8rem;
    line-height: 1.35;
    background: #f7f2e8;
    color: #1f2430;
    box-shadow: none;
}

.mp-message-bubble.is-own,
.mp-message-bubble--own,
.mp-chat-message.is-own,
.mp-chat-message--own,
.mp-message-item.is-own,
.mp-message-item--own {
    justify-self: end;
    background: #e8f1e9;
}

.mp-message-bubble:not(.is-own):not(.mp-message-bubble--own),
.mp-chat-message:not(.is-own):not(.mp-chat-message--own),
.mp-message-item:not(.is-own):not(.mp-message-item--own) {
    justify-self: start;
}

.mp-message-meta,
.mp-chat-meta,
.mp-message-author {
    display: block;
    margin-bottom: .25rem;
    font-size: .78rem;
    opacity: .62;
}

.mp-message-report,
.mp-report-message,
.mp-message-bubble details,
.mp-chat-message details {
    margin-top: .45rem;
    padding-top: .35rem;
    border-top: 1px solid rgba(31,36,48,.08);
    font-size: .8rem;
    opacity: .58;
}

/* Antwortbereich kompakter */
.mp-reply-box,
.mp-message-reply,
.mp-message-form,
.mp-thread-reply {
    margin-top: 1rem;
}

.mp-reply-box h3,
.mp-message-reply h3,
.mp-thread-reply h3 {
    margin: 0 0 .55rem;
    font-size: 1.05rem;
    letter-spacing: .02em;
}

#mp-messages textarea,
.mp-messages textarea,
.mp-thread-detail textarea,
.mp-message-panel textarea {
    min-height: 96px;
    border-radius: 18px;
    padding: .8rem;
    line-height: 1.35;
    font-size: 1rem;
}

#mp-messages button[type="submit"],
.mp-messages button[type="submit"],
.mp-thread-detail button[type="submit"],
.mp-message-panel button[type="submit"] {
    width: 100%;
    min-height: 46px;
    border-radius: 999px;
}

/* Erfolg/Notice im Nachrichtenbereich dezent */
#mp-messages .mp-notice,
.mp-messages .mp-notice {
    border-radius: 16px;
    padding: .7rem .85rem;
}

/* Mobile Feinschliff */
@media (max-width: 760px) {
    #mp-messages .mp-feed-header.mp-page-hero-card,
    .mp-messages .mp-feed-header.mp-page-hero-card,
    #mp-messages .mp-feed-header,
    .mp-messages .mp-feed-header {
        padding: .85rem;
        border-radius: 18px;
    }

    .mp-message-page-actions .mp-page-action-card {
        min-height: 62px;
    }

    .mp-thread-item,
    .mp-message-thread,
    .mp-thread-card {
        border-radius: 16px;
        padding: .7rem .8rem;
    }

    .mp-thread-detail,
    .mp-message-detail,
    .mp-message-panel {
        border-radius: 18px;
        padding: .8rem;
    }

    .mp-message-bubble,
    .mp-chat-message,
    .mp-message-item {
        max-width: 88%;
        border-radius: 16px;
        padding: .65rem .75rem;
    }

    #mp-messages textarea,
    .mp-messages textarea,
    .mp-thread-detail textarea,
    .mp-message-panel textarea {
        min-height: 84px;
        border-radius: 16px;
    }
}
/* 0.3-messages-cleanup – private Chats ohne Meldefunktion */

#mp-messages .mp-message-report,
#mp-messages .mp-report-message,
#mp-messages .mp-message-bubble details,
#mp-messages .mp-chat-message details,
#mp-messages .mp-message-item details,
#mp-messages [data-mp-report-message],
.mp-messages .mp-message-report,
.mp-messages .mp-report-message,
.mp-messages .mp-message-bubble details,
.mp-messages .mp-chat-message details,
.mp-messages .mp-message-item details,
.mp-messages [data-mp-report-message] {
    display: none !important;
}

.mp-private-chat-hint {
    margin: .65rem 0 .8rem;
    padding: .65rem .8rem;
    border-radius: 16px;
    background: #f7f2e8;
    color: rgba(31, 36, 48, .72);
    font-size: .9rem;
    line-height: 1.3;
}

#mp-messages .mp-empty-state,
.mp-messages .mp-empty-state {
    padding: 1rem;
    border-radius: 18px;
    background: #f7f2e8;
    color: rgba(31,36,48,.72);
    text-align: center;
}

@media (max-width: 760px) {
    .mp-private-chat-hint {
        margin: .55rem 0 .7rem;
        padding: .58rem .7rem;
        border-radius: 14px;
        font-size: .84rem;
    }
}
/* 0.4-pwa-basic – minimale PWA-/Standalone-Feinheiten */

@media (display-mode: standalone) {
    body.mp-platform-page {
        background: #ffffff;
    }

    body.mp-platform-page .wp-site-blocks > header {
        display: none;
    }

    body.mp-platform-page .wp-site-blocks > main {
        padding-top: .75rem;
    }

    body.mp-platform-page .mp-dashboard,
    body.mp-platform-page #mp-messages,
    body.mp-platform-page .mp-listings {
        padding-bottom: env(safe-area-inset-bottom);
    }
}
/* 0.4-pwa-install-ui – Installationsangebot */

.mp-dashboard-install-card {
    display: grid;
    gap: .65rem;
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 20px;
    background: #f7f2e8;
    box-shadow: 0 8px 24px rgba(0,0,0,.035);
}

.mp-dashboard-install-card .mp-button {
    width: 100%;
}

.mp-pwa-install[hidden],
.mp-dashboard-install-card[hidden] {
    display: none !important;
}

.mp-pwa-install {
    position: fixed;
    left: .75rem;
    right: .75rem;
    bottom: calc(.75rem + env(safe-area-inset-bottom));
    z-index: 999999;
}

.mp-pwa-install__card {
    max-width: 520px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: .75rem;
    align-items: center;
    padding: .85rem;
    border-radius: 22px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 18px 48px rgba(0,0,0,.18);
}

.mp-pwa-install__icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: #2f4f3a;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
}

.mp-pwa-install__text {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.mp-pwa-install__text strong {
    font-size: .98rem;
    line-height: 1.15;
}

.mp-pwa-install__text span {
    font-size: .84rem;
    opacity: .72;
    line-height: 1.2;
}

.mp-pwa-install__actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .55rem;
}

.mp-pwa-install__actions .mp-button,
.mp-pwa-install__actions .mp-secondary-button {
    min-height: 42px;
}

.mp-pwa-install__manual {
    grid-column: 1 / -1;
    margin: 0;
    padding: .65rem .75rem;
    border-radius: 14px;
    background: #f7f2e8;
    font-size: .84rem;
    line-height: 1.3;
    color: rgba(31,36,48,.74);
}

@media (max-width: 420px) {
    .mp-pwa-install {
        left: .55rem;
        right: .55rem;
        bottom: calc(.55rem + env(safe-area-inset-bottom));
    }

    .mp-pwa-install__card {
        border-radius: 20px;
        padding: .75rem;
    }
}
/* 0.4-pwa-diagnostics – Gerätediagnose für Installation */

.mp-pwa-diagnostics {
    margin-top: .9rem;
    padding: .85rem;
    border-radius: 20px;
    border: 1px solid rgba(31,36,48,.08);
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.035);
}

.mp-pwa-diagnostics summary {
    cursor: pointer;
    font-weight: 900;
    color: #2f4f3a;
}

.mp-pwa-diagnostics__intro {
    margin-top: .6rem;
    color: rgba(31,36,48,.7);
    font-size: .9rem;
}

.mp-pwa-diagnostics__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: .48rem;
    margin-top: .75rem;
}

.mp-pwa-diagnostics__grid div {
    display: grid;
    gap: .18rem;
    padding: .62rem .7rem;
    border-radius: 14px;
    background: #f7f2e8;
}

.mp-pwa-diagnostics__grid strong {
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: rgba(31,36,48,.58);
}

.mp-pwa-diagnostics__grid span {
    font-size: .93rem;
    line-height: 1.25;
}

.mp-pwa-diagnostics__hint {
    margin: .75rem 0 0;
    padding: .65rem .7rem;
    border-radius: 14px;
    background: rgba(47,79,58,.08);
    color: rgba(31,36,48,.78);
    font-size: .9rem;
    line-height: 1.35;
}

@media (min-width: 720px) {
    .mp-pwa-diagnostics__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* 0.5-branding-pwa-final – PWA-/Branding-Feinschliff */

.mp-dashboard-install-card {
    background: linear-gradient(180deg, #f7f2e8 0%, #fffaf2 100%);
    border-color: rgba(47, 79, 58, .14);
}

.mp-dashboard-install-card__benefits {
    margin: .15rem 0 .25rem;
    padding-left: 1.1rem;
    color: rgba(31, 36, 48, .72);
    font-size: .9rem;
    line-height: 1.35;
}

.mp-dashboard-install-card__benefits li + li {
    margin-top: .12rem;
}

.mp-pwa-install__text strong {
    color: #1f2430;
}

.mp-pwa-install__icon {
    background: #2f4f3a;
    color: #f7f2e8;
}

/* Diagnose bleibt optisch sauber, ist aber ab 0.5 nur noch Admin/Debug */
.mp-pwa-diagnostics {
    margin-top: .9rem;
}

/* Android-/Standalone-Optik */
@media (display-mode: standalone) {
    body.mp-platform-page {
        background-color: #ffffff;
    }

    body.mp-platform-page::before {
        content: "";
        position: fixed;
        inset: 0 0 auto 0;
        height: env(safe-area-inset-top);
        background: #2f4f3a;
        z-index: 999998;
        pointer-events: none;
    }
}

/* 0.5.1-upload-progress – sichtbarer Upload-/Absendezustand beim Anzeige-Erstellen */
.mp-submit-listing-button {
    gap: .55rem;
    position: relative;
}

.mp-submit-button__spinner {
    display: none;
    width: 1em;
    height: 1em;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 999px;
    animation: mp-spin .8s linear infinite;
}

.mp-listing-form--submitting .mp-submit-button__spinner {
    display: inline-block;
}

.mp-listing-form--submitting .mp-submit-listing-button {
    opacity: .78;
    cursor: wait;
}

.mp-upload-progress-note {
    margin: -.35rem 0 0;
    padding: .85rem 1rem;
    border-radius: 14px;
    background: #f7f2e8;
    font-weight: 700;
}

@keyframes mp-spin {
    to {
        transform: rotate(360deg);
    }
}


/* 0.5.2 – Sortierung und Filter-Polish */
.mp-listing-controls {
    display: grid;
    gap: .65rem;
    margin: 1rem 0 1.4rem;
}

.mp-listing-controls .mp-filter-bar {
    margin: 0;
}

.mp-sort-bar {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.mp-sort-label {
    font-size: .92rem;
    font-weight: 700;
    opacity: .72;
    margin-right: .1rem;
}

.mp-sort-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: .38rem .68rem;
    border-radius: 999px;
    background: #faf8f2;
    color: inherit;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, .08);
}

.mp-sort-link:hover,
.mp-sort-link:focus {
    background: #f1eee7;
    color: inherit;
}

.mp-sort-link--active {
    background: #2f4f3a;
    border-color: #2f4f3a;
    color: #fff;
}

.mp-sort-link--active:hover,
.mp-sort-link--active:focus {
    color: #fff;
}

@media (max-width: 760px) {
    .mp-sort-bar {
        align-items: stretch;
    }

    .mp-sort-label {
        width: 100%;
    }

    .mp-sort-link {
        flex: 1 1 calc(50% - .45rem);
    }
}


/* 0.6.0 – Veranstaltungen light */
.mp-events-list {
    display: grid;
    gap: 1rem;
}

.mp-event-card .mp-listing-card__body h2 {
    margin-bottom: .4rem;
}

.mp-event-form-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.mp-event-form input[type="text"],
.mp-event-form input[type="date"],
.mp-event-form input[type="time"] {
    width: 100%;
    box-sizing: border-box;
    padding: .85rem;
    border: 1px solid rgba(0, 0, 0, .16);
    border-radius: 14px;
    font: inherit;
}

.mp-event-form--submitting .mp-button,
.mp-listing-form--submitting .mp-button {
    opacity: .72;
}

@media (max-width: 760px) {
    .mp-event-form-grid {
        grid-template-columns: 1fr;
    }
}


/* 0.6.2-ui-polish – ruhiger Marken-Kopf und Kachel-Feinschliff */
body.mp-platform-page .mp-dashboard-hero.mp-brand-hero {
    padding: clamp(1.35rem, 4.5vw, 2.15rem);
}

.mp-brand-heading {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin: 0 0 .65rem;
}

.mp-brand-logo {
    width: clamp(38px, 10vw, 58px);
    height: clamp(38px, 10vw, 58px);
    object-fit: contain;
    flex: 0 0 auto;
    border-radius: 14px;
}

.mp-brand-heading h1 {
    margin: 0;
}

body.mp-platform-page .mp-dashboard-hero .mp-kicker,
body.mp-platform-page .mp-page-hero-card .mp-kicker,
body.mp-platform-page .mp-section-header .mp-kicker,
body.mp-platform-page .mp-access-hero .mp-kicker {
    display: none;
}

body.mp-platform-page .mp-dashboard-hero p:last-child {
    margin: 0;
    max-width: 34rem;
    font-size: clamp(1rem, 3.2vw, 1.2rem);
    line-height: 1.35;
    color: rgba(31, 36, 48, .78);
}

body.mp-platform-page .mp-dashboard-card-primary .mp-dashboard-card__text:empty {
    display: none;
}

body.mp-platform-page .mp-dashboard-card-primary {
    min-height: 88px;
}

body.mp-platform-page .mp-dashboard-card-primary .mp-dashboard-card__title {
    margin: 0;
}

body.mp-platform-page .mp-clean-hero h1 {
    margin-top: 0;
}

body.mp-platform-page .mp-clean-hero p {
    color: rgba(31, 36, 48, .76);
}

@media (max-width: 760px) {
    .mp-brand-heading {
        gap: .65rem;
        margin-bottom: .55rem;
    }

    .mp-brand-logo {
        border-radius: 12px;
    }

    body.mp-platform-page .mp-dashboard-card-primary {
        min-height: 82px;
    }
}


/* 0.6.3-dashboard-polish – Logo rechts und Kachel-Reihenfolge/Feinschliff */
.mp-brand-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
}

.mp-brand-heading h1 {
    min-width: 0;
    flex: 1 1 auto;
}

.mp-brand-logo {
    flex: 0 0 auto;
    width: clamp(62px, 18vw, 96px);
    height: clamp(62px, 18vw, 96px);
    object-fit: contain;
    border-radius: 18px;
}

.mp-dashboard-card-primary .mp-dashboard-card__title {
    letter-spacing: .01em;
}

@media (max-width: 420px) {
    .mp-brand-heading {
        gap: .6rem;
    }

    .mp-brand-logo {
        width: 58px;
        height: 58px;
        border-radius: 14px;
    }
}


/* 0.6.4-access-polish – Zugang angleichen, Seitenkopf mit Markenlabel, Kontodaten */
body.mp-platform-page .mp-page-hero-card .mp-kicker,
body.mp-platform-page .mp-access-hero .mp-kicker,
body.mp-platform-page .mp-dashboard-hero .mp-kicker {
    display: block;
    margin: 0 0 .35rem;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(31, 36, 48, .58);
}

.mp-brand-copy {
    min-width: 0;
    flex: 1 1 auto;
}

.mp-brand-copy h1 {
    margin: 0;
}

.mp-access-layout-wide {
    align-items: start;
}

.mp-access-info-card {
    min-height: 100%;
}

.mp-access-help .mp-access-form {
    gap: .55rem;
}

.mp-access-help input[readonly] {
    background: #f5f5f2;
    color: rgba(31, 36, 48, .74);
}

.mp-access-page-actions + .mp-notice {
    margin-bottom: 1rem;
}

@media (max-width: 760px) {
    body.mp-platform-page .mp-page-hero-card .mp-kicker,
    body.mp-platform-page .mp-access-hero .mp-kicker,
    body.mp-platform-page .mp-dashboard-hero .mp-kicker {
        margin-bottom: .28rem;
        font-size: .76rem;
    }
}


/* 0.6.5-header-access-unify – Übersicht/Unterseiten konsistent */
body.mp-platform-page .mp-brand-hero-overview .mp-kicker {
    display: none;
}

body.mp-platform-page .mp-brand-hero-overview .mp-brand-heading h1 {
    font-size: clamp(2.65rem, 11vw, 4.8rem);
    line-height: 1.02;
}

body.mp-platform-page .mp-brand-hero-overview .mp-brand-logo {
    width: clamp(64px, 19vw, 104px);
    height: clamp(64px, 19vw, 104px);
}

body.mp-platform-page .mp-page-action-grid-single {
    grid-template-columns: 1fr;
}

body.mp-platform-page .mp-page-action-card-wide {
    min-height: 82px;
}

body.mp-platform-page .mp-access-layout-wide {
    grid-template-columns: 1fr;
}

body.mp-platform-page .mp-access-info-card {
    border-radius: 24px;
}

body.mp-platform-page .mp-access-info-card h2 {
    font-size: clamp(2rem, 7vw, 3rem);
    line-height: 1.08;
}

@media (max-width: 760px) {
    body.mp-platform-page .mp-brand-hero-overview .mp-brand-heading {
        align-items: center;
    }

    body.mp-platform-page .mp-brand-hero-overview .mp-brand-heading h1 {
        font-size: clamp(2.45rem, 11vw, 3.25rem);
    }

    body.mp-platform-page .mp-brand-hero-overview .mp-brand-logo {
        width: 64px;
        height: 64px;
    }

    body.mp-platform-page .mp-page-action-grid-single {
        grid-template-columns: 1fr;
    }
}


/* 0.6.6-compact-header-logo – kompakter Kopf, Märchenplatz nicht übergroß */
body.mp-platform-page .mp-dashboard-hero.mp-brand-hero {
    padding: clamp(1rem, 3.2vw, 1.55rem);
}

body.mp-platform-page .mp-brand-hero-overview .mp-brand-heading {
    gap: .65rem;
    margin-bottom: .35rem;
}

body.mp-platform-page .mp-brand-hero-overview .mp-brand-heading h1 {
    font-size: clamp(2rem, 7.6vw, 3rem);
    line-height: 1.04;
}

body.mp-platform-page .mp-brand-hero-overview .mp-brand-logo {
    width: clamp(72px, 20vw, 112px);
    height: clamp(72px, 20vw, 112px);
    border-radius: 18px;
}

body.mp-platform-page .mp-dashboard-hero p:last-child {
    font-size: clamp(.92rem, 2.8vw, 1.08rem);
    line-height: 1.28;
}

body.mp-platform-page .mp-dashboard-grid {
    gap: .65rem;
}

body.mp-platform-page .mp-dashboard-card {
    min-height: 74px;
    padding-top: .72rem;
    padding-bottom: .72rem;
}

body.mp-platform-page .mp-dashboard-card-primary {
    min-height: 78px;
}

@media (max-width: 760px) {
    body.mp-platform-page .mp-dashboard-hero.mp-brand-hero {
        padding: .9rem 1rem;
        border-radius: 20px;
        margin-bottom: .75rem;
    }

    body.mp-platform-page .mp-brand-hero-overview .mp-brand-heading h1 {
        font-size: clamp(2rem, 8.5vw, 2.65rem);
    }

    body.mp-platform-page .mp-brand-hero-overview .mp-brand-logo {
        width: 72px;
        height: 72px;
        border-radius: 16px;
    }

    body.mp-platform-page .mp-dashboard-card {
        min-height: 68px;
        border-radius: 18px;
    }

    body.mp-platform-page .mp-dashboard-card-primary {
        min-height: 72px;
    }

    body.mp-platform-page .mp-dashboard-card__title {
        font-size: 1.02rem;
    }

    body.mp-platform-page .mp-dashboard-card__text {
        font-size: .82rem;
    }
}


/* 0.6.7-messages-usability */
.mp-thread-entry {
    border-radius: 18px;
    border: 1px solid rgba(31, 36, 48, .06);
    background: #f7f2e8;
    box-shadow: 0 6px 18px rgba(0,0,0,.025);
    overflow: hidden;
}

.mp-thread-entry--active {
    background: #2f4f3a;
    color: #fff;
    border-color: #2f4f3a;
}

.mp-thread-link {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    padding: .8rem .9rem .55rem;
    color: inherit;
    text-decoration: none;
}

.mp-thread-link:hover { text-decoration: none; }

.mp-thread-link__content {
    display: grid;
    gap: .14rem;
    min-width: 0;
}

.mp-thread-link__content strong {
    display: block;
    font-size: 1rem;
    line-height: 1.2;
}

.mp-thread-link__content span {
    margin: 0;
    font-size: .84rem;
    opacity: .78;
    line-height: 1.25;
}

.mp-thread-thumb,
.mp-thread-detail-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    overflow: hidden;
    background: rgba(255,255,255,.55);
}

.mp-thread-thumb {
    width: 68px;
    height: 68px;
}

.mp-thread-thumb-image,
.mp-thread-detail-thumb-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mp-thread-thumb-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    color: rgba(31,36,48,.55);
    background: rgba(255,255,255,.45);
}

.mp-thread-entry--active .mp-thread-thumb-placeholder {
    color: rgba(255,255,255,.75);
    background: rgba(255,255,255,.12);
}

.mp-thread-listing-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 .9rem .8rem;
    min-height: 34px;
    padding: .28rem .75rem;
    border-radius: 999px;
    background: rgba(255,255,255,.78);
    color: #1f2430;
    font-size: .86rem;
    text-decoration: none;
}

.mp-thread-entry--active .mp-thread-listing-link {
    background: rgba(255,255,255,.16);
    color: #fff;
}

.mp-thread-detail-header {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: .8rem;
    align-items: center;
    margin-bottom: .8rem;
}

.mp-thread-detail-thumb {
    width: 80px;
    height: 80px;
}

.mp-thread-detail-title-wrap {
    min-width: 0;
}

.mp-thread-detail-title-wrap h2 {
    margin: 0 0 .2rem;
}

.mp-inline-link {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: .92rem;
    color: #2f4f3a;
    text-decoration: none;
    font-weight: 600;
}

@media (max-width: 760px) {
    .mp-thread-link {
        grid-template-columns: 60px minmax(0, 1fr);
        gap: .65rem;
        padding: .72rem .8rem .5rem;
    }

    .mp-thread-thumb {
        width: 60px;
        height: 60px;
        border-radius: 12px;
    }

    .mp-thread-listing-link {
        margin: 0 .8rem .72rem;
        min-height: 32px;
        font-size: .83rem;
    }

    .mp-thread-detail-header {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: .7rem;
    }

    .mp-thread-detail-thumb {
        width: 64px;
        height: 64px;
        border-radius: 12px;
    }
}


/* 0.6.8-messages-flow – Nachrichten als aufklappende Anzeigenkarten */
.mp-thread-accordion-list {
    display: grid;
    gap: .75rem;
}

.mp-messages .mp-messages-layout,
.mp-messages-layout {
    display: block;
}

.mp-thread-inline-detail {
    margin: .15rem .75rem .85rem;
    padding: .85rem;
    border-radius: 18px;
    background: rgba(255,255,255,.96);
    color: #1f2430;
}

.mp-thread-entry--active .mp-thread-inline-detail {
    background: #fff;
}

.mp-thread-inline-detail .mp-message-history {
    margin-top: .2rem;
}

.mp-thread-inline-detail .mp-message-form {
    margin-top: .85rem;
}

.mp-thread-inline-detail textarea {
    min-height: 86px;
}

.mp-thread-inline-detail .mp-button {
    width: 100%;
}

.mp-feed-header.mp-page-hero-card p:last-child {
    max-width: 34rem;
    white-space: normal;
}

@media (max-width: 760px) {
    .mp-thread-accordion-list {
        gap: .65rem;
    }

    .mp-thread-inline-detail {
        margin: .1rem .65rem .7rem;
        padding: .72rem;
        border-radius: 16px;
    }
}


/* 0.6.9-messages-top5 – kompakter Nachrichtenfluss */
body.mp-platform-page .mp-page-hero-card p:not(.mp-kicker),
body.mp-platform-page .mp-access-hero.mp-page-hero-card p:not(.mp-kicker),
body.mp-platform-page .mp-feed-header.mp-page-hero-card p:not(.mp-kicker) {
    font-size: clamp(1rem, 3.2vw, 1.2rem);
    line-height: 1.35;
    color: rgba(31, 36, 48, .78);
}

.mp-thread-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.mp-unread-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.45rem;
    height: 1.45rem;
    padding: 0 .35rem;
    border-radius: 999px;
    background: #fff;
    color: #2f4f3a;
    font-size: .78rem;
    font-weight: 800;
}

.mp-thread-preview {
    display: block;
    opacity: .88;
    font-size: .9rem;
    line-height: 1.25;
}

.mp-thread-status {
    display: inline-flex;
    width: fit-content;
    margin-top: .15rem;
    padding: .16rem .48rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .58);
    font-size: .78rem;
    font-weight: 700;
    opacity: .88;
}

.mp-thread-entry--active .mp-thread-status {
    background: rgba(255, 255, 255, .16);
}

.mp-thread-actions-row {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin: 0 .9rem .8rem;
}

.mp-thread-actions-row .mp-thread-listing-link,
.mp-thread-collapse-link {
    margin: 0;
}

.mp-thread-collapse-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: .28rem .75rem;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
    color: inherit;
    font-size: .86rem;
    text-decoration: none;
}

.mp-quick-replies {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin: .55rem 0 .75rem;
}

.mp-quick-reply {
    appearance: none;
    border: 1px solid rgba(31,36,48,.08);
    background: #f7f2e8;
    color: #1f2430;
    border-radius: 999px;
    padding: .42rem .7rem;
    font: inherit;
    font-size: .86rem;
    font-weight: 700;
    cursor: pointer;
}

@media (max-width: 760px) {
    .mp-thread-preview {
        font-size: .84rem;
    }

    .mp-thread-actions-row {
        margin: 0 .8rem .72rem;
    }

    .mp-quick-reply {
        font-size: .8rem;
        padding: .38rem .62rem;
    }
}

/* 0.6.10-messages-clarity – Filter sichtbar, Preview/Badge stärker, Anzeigentitel als Link */
.mp-message-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin: .7rem 0 .85rem;
}

.mp-message-filter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: .42rem .78rem;
    border-radius: 999px;
    background: #f7f2e8;
    color: rgba(31,36,48,.86);
    text-decoration: none;
    font-size: .88rem;
    font-weight: 800;
    border: 1px solid rgba(31,36,48,.06);
}

.mp-message-filter--active {
    background: #2f4f3a;
    color: #fff;
    border-color: #2f4f3a;
}

.mp-thread-link {
    color: inherit;
}

.mp-thread-listing-title {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: .08em;
    text-underline-offset: .18em;
    font-weight: 900;
    line-height: 1.15;
}

.mp-thread-toggle-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .6rem;
    color: inherit;
    text-decoration: none;
    font-size: .84rem;
    line-height: 1.25;
    opacity: .82;
}

.mp-thread-toggle-line strong {
    flex: 0 0 auto;
    font-size: .78rem;
    border-radius: 999px;
    padding: .18rem .5rem;
    background: rgba(255,255,255,.68);
    color: #2f4f3a;
}

.mp-thread-entry--active .mp-thread-toggle-line strong {
    background: rgba(255,255,255,.18);
    color: #fff;
}

.mp-thread-entry--unread {
    box-shadow: 0 10px 28px rgba(47,79,58,.12);
    border-color: rgba(47,79,58,.24);
}

.mp-unread-badge {
    min-width: 1.85rem;
    height: 1.85rem;
    padding: 0 .48rem;
    background: #d6422b;
    color: #fff;
    border: 2px solid #fff;
    box-shadow: 0 4px 14px rgba(214,66,43,.32);
    font-size: .92rem;
    line-height: 1;
}

.mp-thread-entry--active .mp-unread-badge {
    background: #fff;
    color: #2f4f3a;
    box-shadow: none;
}

.mp-thread-preview {
    display: grid;
    gap: .12rem;
    margin-top: .28rem;
    padding: .52rem .62rem;
    border-radius: 14px;
    background: rgba(255,255,255,.72);
    color: #1f2430;
    opacity: 1;
    text-decoration: none;
}

.mp-thread-preview span {
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    opacity: .58;
    font-weight: 800;
}

.mp-thread-preview strong {
    display: block;
    font-size: .92rem;
    line-height: 1.22;
    font-weight: 800;
}

.mp-thread-entry--active .mp-thread-preview {
    background: rgba(255,255,255,.14);
    color: #fff;
}

.mp-thread-status {
    margin-top: .24rem;
}

.mp-thread-actions-row,
.mp-thread-listing-link,
.mp-thread-collapse-link {
    display: none !important;
}

@media (max-width: 760px) {
    .mp-message-filter-bar {
        gap: .36rem;
        margin: .62rem 0 .76rem;
    }

    .mp-message-filter {
        min-height: 34px;
        padding: .38rem .62rem;
        font-size: .8rem;
    }

    .mp-thread-toggle-line {
        align-items: flex-start;
        flex-direction: column;
        gap: .28rem;
    }

    .mp-thread-preview {
        padding: .48rem .55rem;
        border-radius: 12px;
    }

    .mp-thread-preview strong {
        font-size: .86rem;
    }

    .mp-unread-badge {
        min-width: 1.7rem;
        height: 1.7rem;
        font-size: .84rem;
    }
}

/* 0.6.11-messages-calm-refresh-fix – ruhiger Nachrichtenbereich */
.mp-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.mp-message-filter-bar-calm {
    gap: .45rem;
    margin: .75rem 0 .85rem;
}

.mp-message-filter-bar-calm .mp-message-filter {
    min-height: 38px;
    padding: .45rem .85rem;
    border-radius: 999px;
    background: #f7f2e8;
    color: rgba(31,36,48,.86);
    box-shadow: 0 4px 14px rgba(0,0,0,.025);
}

.mp-message-filter-bar-calm .mp-message-filter--active {
    background: #2f4f3a;
    color: #fff;
    border-color: #2f4f3a;
}

.mp-thread-accordion-list-calm {
    gap: .8rem;
}

.mp-thread-entry-calm {
    cursor: pointer;
    background: #f7f2e8;
    color: #1f2430;
    border-color: rgba(31,36,48,.08);
    box-shadow: 0 8px 22px rgba(0,0,0,.035);
}

.mp-thread-entry-calm.mp-thread-entry--active {
    background: #f7f2e8;
    color: #1f2430;
    border-color: rgba(47,79,58,.34);
    box-shadow: 0 10px 28px rgba(47,79,58,.11);
}

.mp-thread-card-main {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: .85rem;
    align-items: center;
    padding: .95rem;
}

.mp-thread-card-content {
    display: grid;
    gap: .28rem;
    min-width: 0;
}

.mp-thread-entry-calm .mp-thread-title-row {
    align-items: flex-start;
}

.mp-thread-entry-calm .mp-thread-listing-title {
    color: #1f2430;
    font-size: clamp(1.05rem, 4.8vw, 1.35rem);
    text-decoration-thickness: .07em;
    text-underline-offset: .16em;
}

.mp-thread-entry-calm .mp-thread-thumb {
    width: 74px;
    height: 74px;
    border-radius: 16px;
    background: #fff;
}

.mp-thread-meta-line {
    font-size: .88rem;
    line-height: 1.25;
    color: rgba(31,36,48,.62);
}

.mp-thread-preview-calm {
    margin-top: .12rem;
    padding: .48rem .58rem;
    border-radius: 14px;
    background: rgba(255,255,255,.72);
    color: rgba(31,36,48,.88);
    font-size: .9rem;
    line-height: 1.25;
    font-weight: 650;
}

.mp-thread-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: .12rem;
}

.mp-thread-entry-calm .mp-thread-status {
    margin: 0;
    background: rgba(255,255,255,.66);
    color: rgba(31,36,48,.74);
    font-size: .8rem;
}

.mp-thread-toggle-control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: .2rem .65rem;
    border-radius: 999px;
    color: #2f4f3a;
    background: rgba(255,255,255,.76);
    text-decoration: none;
    font-size: .82rem;
    font-weight: 800;
}

.mp-thread-entry-calm .mp-unread-badge {
    min-width: 1.75rem;
    height: 1.75rem;
    padding: 0 .45rem;
    background: #2f4f3a;
    color: #fff;
    border: 2px solid #fff;
    box-shadow: 0 4px 14px rgba(47,79,58,.22);
    font-size: .88rem;
}

.mp-thread-entry-calm .mp-thread-inline-detail-calm {
    margin: 0 .95rem .95rem;
    padding: .85rem 0 0;
    border-top: 1px solid rgba(31,36,48,.08);
    background: transparent;
    color: #1f2430;
    border-radius: 0;
}

.mp-thread-entry-calm .mp-message-history {
    margin-top: 0;
}

.mp-thread-entry-calm .mp-message {
    box-shadow: none;
}

@media (max-width: 760px) {
    .mp-message-filter-bar-calm {
        margin: .65rem 0 .78rem;
    }

    .mp-thread-card-main {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: .72rem;
        padding: .78rem;
    }

    .mp-thread-entry-calm .mp-thread-thumb {
        width: 64px;
        height: 64px;
        border-radius: 14px;
    }

    .mp-thread-preview-calm {
        font-size: .84rem;
        padding: .42rem .5rem;
    }

    .mp-thread-entry-calm .mp-thread-inline-detail-calm {
        margin: 0 .78rem .78rem;
        padding-top: .72rem;
    }

    .mp-thread-toggle-control {
        min-height: 28px;
        font-size: .78rem;
    }
}


/* 0.6.12-messages-clean-nav – ruhigere Nachrichtenliste und Fixes */
.mp-thread-entry-calm {
    position: relative;
    cursor: pointer;
}

.mp-thread-entry-calm .mp-thread-card-main {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: .75rem;
}

.mp-thread-entry-calm .mp-thread-listing-title {
    color: #1f2430;
    font-size: clamp(1.08rem, 4.6vw, 1.35rem);
    line-height: 1.08;
    text-decoration-thickness: 1px;
    text-underline-offset: .16em;
}

.mp-thread-entry-calm.mp-thread-entry--active .mp-thread-listing-title,
.mp-thread-entry-calm.mp-thread-entry--unread .mp-thread-listing-title {
    color: #1f2430;
}

.mp-thread-entry-calm .mp-thread-meta-line {
    font-size: .86rem;
    opacity: .68;
}

.mp-thread-preview-calm {
    margin-top: .35rem;
    padding: .45rem .65rem;
    border-radius: 13px;
    background: rgba(255,255,255,.74);
    font-size: .92rem;
    line-height: 1.25;
    color: #1f2430;
}

.mp-thread-card-footer {
    margin-top: .48rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    flex-wrap: wrap;
}

.mp-thread-status,
.mp-thread-toggle-control {
    min-height: 28px;
    padding: .22rem .58rem;
    border-radius: 999px;
    background: rgba(255,255,255,.7);
    font-size: .83rem;
    line-height: 1.15;
}

.mp-thread-toggle-control {
    color: #2f4f3a;
    text-decoration: none;
    font-weight: 700;
}

.mp-unread-badge {
    background: #2f4f3a;
    color: #fff;
    border: 2px solid #fff;
    box-shadow: 0 6px 18px rgba(47,79,58,.22);
}

.mp-thread-inline-detail-calm {
    cursor: default;
}

.mp-quick-replies {
    margin: .7rem 0 .55rem;
}

.mp-quick-reply {
    background: #f7f2e8;
    color: #2f4f3a;
    border: 1px solid rgba(47,79,58,.14);
}

.mp-message-page-actions.mp-page-action-grid-single {
    grid-template-columns: 1fr;
}

@media (max-width: 760px) {
    .mp-thread-entry-calm .mp-thread-card-main {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: .65rem;
    }

    .mp-thread-entry-calm .mp-thread-listing-title {
        font-size: clamp(1.02rem, 5.3vw, 1.28rem);
    }

    .mp-thread-preview-calm {
        font-size: .88rem;
        padding: .38rem .55rem;
    }

    .mp-thread-card-footer {
        gap: .4rem;
    }
}


/* 0.6.13-my-listings-compact */
.mp-listing-controls-mine {
    display: grid;
    gap: .7rem;
    margin: .9rem 0 1rem;
}

.mp-filter-bar-status {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .5rem;
    margin: 0;
}

.mp-filter-bar-status .mp-filter {
    min-height: 42px;
    justify-content: center;
    text-align: center;
    padding: .55rem .55rem;
    font-size: .88rem;
}

.mp-sort-compact {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .55rem .7rem;
    border-radius: 16px;
    background: #f7f2e8;
    border: 1px solid rgba(31, 36, 48, .06);
}

.mp-sort-compact label {
    margin: 0;
    font-weight: 700;
    color: rgba(31, 36, 48, .72);
    white-space: nowrap;
}

.mp-sort-compact select {
    width: 100%;
    min-height: 40px;
    padding: .45rem .6rem;
    border-radius: 999px;
    border: 1px solid rgba(31, 36, 48, .12);
    background: #fff;
    font: inherit;
    font-weight: 700;
}

.mp-listings-mine {
    gap: .75rem;
}

.mp-listing-card-mine {
    grid-template-columns: 108px minmax(0, 1fr);
    gap: .9rem;
    padding: .95rem;
    align-items: start;
}

.mp-listing-card-mine .mp-listing-image,
.mp-listing-card-mine .mp-demo-image {
    height: 108px;
    min-height: 108px;
    max-height: 108px;
    border-radius: 16px;
}

.mp-listing-card-mine .mp-listing-meta {
    margin-bottom: .35rem;
}

.mp-listing-card-mine .mp-card-title-row {
    align-items: flex-start;
    gap: .35rem;
}

.mp-listing-card-mine h2 {
    font-size: clamp(1.25rem, 5vw, 1.55rem);
    line-height: 1.08;
    margin: 0;
}

.mp-listing-card-mine .mp-price-pill,
.mp-listing-card-mine .mp-badge,
.mp-listing-card-mine .mp-badge-secondary {
    font-size: .78rem;
    padding: .28rem .55rem;
}

.mp-listing-card-mine .mp-listing-teaser,
.mp-listing-card-mine .mp-image-strip,
.mp-listing-card-mine .mp-owner-label,
.mp-listing-card-mine .mp-report-form,
.mp-listing-card-mine details {
    display: none !important;
}

.mp-listing-card-mine .mp-expiry-line {
    margin: .35rem 0 .55rem;
    font-size: .9rem;
}

.mp-listing-card-mine .mp-listing-actions {
    margin-top: .55rem;
}

.mp-listing-card-mine .mp-owner-actions {
    width: 100%;
    display: grid;
    gap: .5rem;
}

.mp-listing-card-mine .mp-owner-edit-button {
    width: 100%;
    min-height: 42px;
    border-radius: 999px;
}

.mp-listing-card-mine .mp-owner-chip-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .45rem;
}

.mp-listing-card-mine .mp-action-chip {
    width: 100%;
    min-height: 38px;
    padding: .42rem .4rem;
    border-radius: 999px;
    font-size: .82rem;
}

@media (max-width: 760px) {
    .mp-filter-bar-status {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mp-listing-card-mine {
        grid-template-columns: 92px minmax(0, 1fr);
        gap: .75rem;
        padding: .85rem;
        border-radius: 18px;
    }

    .mp-listing-card-mine .mp-listing-image,
    .mp-listing-card-mine .mp-demo-image {
        height: 92px;
        min-height: 92px;
        max-height: 92px;
        border-radius: 14px;
    }

    .mp-listing-card-mine .mp-owner-chip-row {
        grid-template-columns: 1fr;
    }
}


/* 0.6.14-my-listings-status-polish */
.mp-sort-compact {
    display: inline-flex;
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
    gap: .45rem;
    padding: .38rem .5rem .38rem .7rem;
    border-radius: 14px;
    background: rgba(247, 242, 232, .72);
}

.mp-sort-compact label {
    font-size: .88rem;
    color: rgba(31, 36, 48, .58);
    font-weight: 700;
}

.mp-sort-compact select {
    min-height: 34px;
    padding: .28rem 2rem .28rem .7rem;
    font-size: .9rem;
    font-weight: 700;
    background: rgba(255, 255, 255, .72);
}

.mp-empty-listings-box h2 {
    font-size: clamp(1.75rem, 7vw, 2.45rem);
    line-height: 1.08;
}

.mp-updated-line {
    margin: -.25rem 0 .55rem;
    font-size: .78rem;
    opacity: .56;
}

.mp-listing-card-mine .mp-updated-line {
    margin: -.2rem 0 .45rem;
    font-size: .76rem;
}

@media (max-width: 760px) {
    .mp-sort-compact {
        border-radius: 13px;
        padding: .34rem .44rem .34rem .62rem;
    }

    .mp-sort-compact label {
        font-size: .8rem;
    }

    .mp-sort-compact select {
        min-height: 32px;
        font-size: .84rem;
    }
}


/* 0.6.15-all-listings-compact */
.mp-listing-controls-all {
    display: grid;
    gap: .7rem;
    margin: .9rem 0 1rem;
}

.mp-filter-bar-compact {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    margin: 0;
}

.mp-filter-bar-compact .mp-filter {
    min-height: 42px;
    justify-content: center;
    text-align: center;
    padding: .55rem .55rem;
    font-size: .88rem;
}

.mp-sort-compact-all {
    margin-top: 0;
}

.mp-listings-all-compact {
    gap: .75rem;
}

.mp-listing-card-all-compact {
    grid-template-columns: 112px minmax(0, 1fr);
    gap: .9rem;
    padding: .95rem;
    align-items: start;
}

.mp-listing-card-all-compact .mp-listing-image,
.mp-listing-card-all-compact .mp-demo-image {
    height: 112px;
    min-height: 112px;
    max-height: 112px;
    border-radius: 16px;
}

.mp-listing-card-all-compact .mp-listing-meta {
    margin-bottom: .35rem;
}

.mp-listing-card-all-compact .mp-card-title-row {
    align-items: flex-start;
    gap: .35rem;
}

.mp-listing-card-all-compact h2 {
    font-size: clamp(1.25rem, 5vw, 1.6rem);
    line-height: 1.08;
    margin: 0;
}

.mp-listing-card-all-compact .mp-price-pill,
.mp-listing-card-all-compact .mp-badge,
.mp-listing-card-all-compact .mp-badge-secondary {
    font-size: .78rem;
    padding: .28rem .55rem;
}

.mp-listing-card-all-compact .mp-listing-teaser,
.mp-listing-card-all-compact .mp-image-strip,
.mp-listing-card-all-compact .mp-report-form,
.mp-listing-card-all-compact details,
.mp-listing-card-all-compact .mp-owner-chip-row {
    display: none !important;
}

.mp-listing-card-all-compact .mp-expiry-line,
.mp-listing-card-all-compact .mp-updated-line {
    margin: .32rem 0 .45rem;
    font-size: .82rem;
}

.mp-listing-card-all-compact .mp-listing-actions {
    margin-top: .55rem;
}

.mp-listing-card-all-compact .mp-message-button,
.mp-listing-card-all-compact .mp-owner-edit-button {
    width: 100%;
    min-height: 40px;
    border-radius: 999px;
}

.mp-listing-card-all-compact .mp-owner-actions {
    width: 100%;
}

@media (max-width: 760px) {
    .mp-listing-card-all-compact {
        grid-template-columns: 94px minmax(0, 1fr);
        gap: .75rem;
        padding: .85rem;
        border-radius: 18px;
    }

    .mp-listing-card-all-compact .mp-listing-image,
    .mp-listing-card-all-compact .mp-demo-image {
        height: 94px;
        min-height: 94px;
        max-height: 94px;
        border-radius: 14px;
    }

    .mp-filter-bar-compact {
        gap: .45rem;
    }
}


/* 0.6.16-events-report-fix – Melden bei fremden kompakten Anzeigen wieder sichtbar */
.mp-listing-card-all-compact .mp-report-details {
    display: block !important;
    margin-top: .45rem;
    border-top: 1px solid rgba(31,36,48,.08);
    padding-top: .42rem;
}

.mp-listing-card-all-compact .mp-report-details summary {
    font-size: .8rem;
    color: rgba(31,36,48,.48);
}

.mp-listing-card-all-compact .mp-report-details[open] .mp-report-form {
    display: grid !important;
    margin-top: .5rem;
}


/* 0.6.17-all-listings-long-text-message-fix */
.mp-title-clamped,
.mp-text-clamped {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.mp-title-clamped {
    -webkit-line-clamp: 2;
}

.mp-text-clamped {
    -webkit-line-clamp: 2;
}

.mp-listing-more {
    margin: .35rem 0 .2rem;
}

.mp-listing-more summary {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: .24rem .72rem;
    border-radius: 999px;
    background: #f7f2e8;
    color: #2f4f3a;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}

.mp-listing-more summary::-webkit-details-marker {
    display: none;
}

.mp-listing-more[open] summary {
    margin-bottom: .45rem;
}

.mp-listing-more__body {
    padding: .7rem .8rem;
    border-radius: 16px;
    background: rgba(247, 242, 232, .7);
    color: rgba(31,36,48,.84);
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.mp-listing-more__body p {
    margin: .4rem 0 0;
}

.mp-message-compose-active {
    margin-bottom: 1rem;
}

@media (max-width: 760px) {
    .mp-listing-more summary {
        min-height: 30px;
        font-size: .9rem;
    }
}


/* 0.6.18-listing-detail-view */
.mp-listing-title-link {
    color: inherit;
    text-decoration: none;
}

.mp-listing-title-link:hover,
.mp-listing-title-link:focus {
    text-decoration: underline;
}

.mp-listing-card-all-compact .mp-card-title-row h2,
.mp-listing-card-mine .mp-card-title-row h2,
.mp-thread-listing-title {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.mp-thread-listing-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mp-detail-back-row {
    margin: .8rem 0 1rem;
}

.mp-detail-back-button {
    min-height: 40px;
    border-radius: 999px;
}

.mp-listing-detail-card {
    display: grid;
    gap: 1rem;
    overflow: hidden;
}

.mp-detail-gallery {
    display: grid;
    gap: .7rem;
}

.mp-detail-main-image,
.mp-detail-no-image {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    background: #f7f2e8;
}

.mp-detail-image {
    display: block;
    width: 100%;
    max-height: min(58vh, 520px);
    object-fit: cover;
    border-radius: 20px;
}

.mp-detail-no-image {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(31,36,48,.55);
}

.mp-detail-thumb-strip {
    display: flex;
    gap: .45rem;
    overflow-x: auto;
    padding-bottom: .15rem;
}

.mp-detail-thumb {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid rgba(31,36,48,.08);
}

.mp-detail-meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

.mp-detail-title {
    margin: .1rem 0 0;
    font-size: clamp(1.75rem, 7vw, 3.1rem);
    line-height: 1.05;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.mp-detail-price {
    display: inline-flex;
    margin-top: .1rem;
}

.mp-detail-description {
    padding: .9rem;
    border-radius: 18px;
    background: rgba(247,242,232,.72);
    font-size: 1.05rem;
    line-height: 1.42;
    color: rgba(31,36,48,.86);
    overflow-wrap: anywhere;
    word-break: break-word;
}

.mp-detail-description p {
    margin: 0 0 .7rem;
}

.mp-detail-description p:last-child {
    margin-bottom: 0;
}

.mp-detail-facts {
    display: grid;
    gap: .25rem;
    color: rgba(31,36,48,.78);
}

.mp-detail-facts p {
    margin: 0;
}

.mp-detail-actions .mp-message-compose {
    margin: 0;
    background: #f7f2e8;
    border-radius: 20px;
}

.mp-detail-actions .mp-message-compose .mp-kicker {
    display: none;
}

.mp-detail-report {
    border-top: 1px solid rgba(31,36,48,.08);
    padding-top: .65rem;
}

.mp-detail-report .mp-report-details summary {
    color: rgba(31,36,48,.5);
}

@media (max-width: 760px) {
    .mp-listing-detail-card {
        gap: .85rem;
        padding: .85rem;
        border-radius: 18px;
    }

    .mp-detail-image {
        max-height: 48vh;
        border-radius: 16px;
    }

    .mp-detail-main-image,
    .mp-detail-no-image {
        border-radius: 16px;
    }

    .mp-detail-thumb {
        flex-basis: 56px;
        width: 56px;
        height: 56px;
        border-radius: 10px;
    }

    .mp-detail-description {
        padding: .75rem;
        border-radius: 16px;
        font-size: 1rem;
    }
}


/* 0.6.19-listing-card-action-polish */
.mp-listing-card[data-mp-card-detail-url] {
    cursor: pointer;
}

.mp-listing-card[data-mp-card-detail-url]:focus-within,
.mp-listing-card[data-mp-card-detail-url]:hover {
    border-color: rgba(47,79,58,.18);
}

.mp-listing-media-link,
.mp-detail-image-link,
.mp-detail-thumb-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.mp-listing-card-all-compact .mp-listing-image,
.mp-listing-card-all-compact .mp-demo-image,
.mp-listing-card-mine .mp-listing-image,
.mp-listing-card-mine .mp-demo-image {
    object-fit: contain;
    background: #f7f2e8;
}

.mp-detail-image {
    object-fit: contain;
    background: #f7f2e8;
}

.mp-detail-main-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mp-detail-image-link {
    width: 100%;
}

.mp-detail-thumb-link {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
}

.mp-detail-thumb-link .mp-detail-thumb {
    width: 100%;
    height: 100%;
}

@media (max-width: 760px) {
    .mp-detail-thumb-link {
        flex-basis: 56px;
        width: 56px;
        height: 56px;
    }
}


/* 0.6.22-detail-gallery-stabilize */
.mp-detail-main-image {
    background: #f7f2e8;
}

.mp-detail-image {
    width: 100%;
    height: auto;
    max-height: min(58vh, 520px);
    object-fit: contain;
    background: #f7f2e8;
}

.mp-detail-thumb-button {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    padding: 0;
    border: 1px solid rgba(31,36,48,.12);
    border-radius: 12px;
    background: #f7f2e8;
    cursor: pointer;
    overflow: hidden;
}

.mp-detail-thumb-button--active {
    border-color: rgba(47,79,58,.55);
    box-shadow: 0 0 0 2px rgba(47,79,58,.12);
}

.mp-detail-thumb-button .mp-detail-thumb {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #f7f2e8;
}

@media (max-width: 760px) {
    .mp-detail-thumb-button {
        flex-basis: 56px;
        width: 56px;
        height: 56px;
    }
}

/* 0.6.23-upload-gallery-polish */
.mp-detail-main-image {
    position: relative;
}

.mp-gallery-nav {
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.88);
    color: rgba(31,36,48,.82);
    box-shadow: 0 8px 22px rgba(31,36,48,.18);
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mp-gallery-nav-prev {
    left: .55rem;
}

.mp-gallery-nav-next {
    right: .55rem;
}

.mp-gallery-nav:focus-visible,
.mp-gallery-nav:hover {
    background: #fff;
    color: #2f4f3a;
}

.mp-detail-thumb-button[aria-pressed="true"] {
    border-color: rgba(47,79,58,.62);
    box-shadow: 0 0 0 2px rgba(47,79,58,.14);
}

.mp-create-success-actions.mp-action-card-grid,
.mp-page-action-grid.mp-page-action-grid-single {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

@media (max-width: 760px) {
    .mp-gallery-nav {
        width: 36px;
        height: 36px;
        font-size: 1.65rem;
    }

    .mp-gallery-nav-prev {
        left: .35rem;
    }

    .mp-gallery-nav-next {
        right: .35rem;
    }
}

/* 0.6.24-gallery-manage */
.mp-gallery-manage-field {
    display: grid;
    gap: .55rem;
}

.mp-edit-images-manage {
    display: grid;
    gap: .75rem;
}

.mp-edit-image-manage {
    display: grid;
    grid-template-columns: 84px 1fr;
    gap: .75rem;
    align-items: center;
    padding: .65rem;
    border: 1px solid rgba(31,36,48,.10);
    border-radius: 16px;
    background: rgba(247,242,232,.62);
}

.mp-edit-image-preview .mp-thumb {
    width: 84px;
    height: 84px;
    object-fit: contain;
    border-radius: 12px;
    background: #f7f2e8;
    border: 1px solid rgba(31,36,48,.08);
}

.mp-edit-image-controls {
    display: grid;
    gap: .45rem;
}

.mp-inline-choice {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-weight: 700;
    color: rgba(31,36,48,.82);
}

.mp-delete-image-choice {
    color: rgba(31,36,48,.64);
    font-weight: 600;
}

.mp-edit-image-move-actions {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
}

.mp-mini-button {
    min-width: 42px;
    min-height: 34px;
    border: 1px solid rgba(31,36,48,.12);
    border-radius: 999px;
    background: #fff;
    color: #2f4f3a;
    font-weight: 900;
    cursor: pointer;
}

.mp-mini-button:hover,
.mp-mini-button:focus-visible {
    border-color: rgba(47,79,58,.38);
    box-shadow: 0 0 0 3px rgba(47,79,58,.10);
}

.mp-detail-image {
    object-fit: contain;
    background: #f7f2e8;
}

@media (max-width: 760px) {
    .mp-edit-image-manage {
        grid-template-columns: 72px 1fr;
        gap: .65rem;
        padding: .55rem;
    }

    .mp-edit-image-preview .mp-thumb {
        width: 72px;
        height: 72px;
    }
}

/* 0.6.25-gallery-ui-clean */
.mp-gallery-manage-field {
    gap: .75rem;
}

.mp-section-heading {
    display: grid;
    gap: .18rem;
}

.mp-section-heading label {
    margin: 0;
}

.mp-section-heading .mp-help {
    margin: 0;
}

.mp-edit-images-manage {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}

.mp-edit-image-manage {
    display: grid;
    grid-template-columns: 1fr;
    gap: .55rem;
    align-items: stretch;
    padding: .62rem;
    border-radius: 18px;
    background: #fbfaf6;
    border: 1px solid rgba(31,36,48,.10);
    box-shadow: 0 8px 22px rgba(31,36,48,.035);
}

.mp-edit-image-preview {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    border-radius: 14px;
    background: #f7f2e8;
    border: 1px solid rgba(31,36,48,.08);
}

.mp-edit-image-preview .mp-thumb {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.mp-primary-image-choice,
.mp-delete-image-choice {
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

.mp-primary-image-choice input,
.mp-delete-image-choice input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.mp-primary-image-choice {
    left: .45rem;
    bottom: .45rem;
}

.mp-primary-image-choice span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: .28rem .55rem;
    border-radius: 999px;
    background: rgba(255,255,255,.92);
    color: rgba(31,36,48,.72);
    border: 1px solid rgba(31,36,48,.10);
    font-size: .72rem;
    line-height: 1;
    font-weight: 900;
    box-shadow: 0 5px 16px rgba(0,0,0,.10);
}

.mp-primary-image-choice input:checked + span {
    background: #2f4f3a;
    color: #fff;
    border-color: rgba(47,79,58,.42);
}

.mp-delete-image-choice {
    top: .42rem;
    right: .42rem;
}

.mp-delete-image-choice span[aria-hidden="true"] {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    background: rgba(31,36,48,.84);
    color: #fff;
    font-size: 1.35rem;
    line-height: 1;
    font-weight: 900;
    box-shadow: 0 4px 14px rgba(0,0,0,.22);
}

.mp-delete-image-choice input:checked + span[aria-hidden="true"] {
    background: #9f2f2f;
    transform: scale(.96);
}

.mp-delete-image-choice input:checked + span[aria-hidden="true"]::after {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: inherit;
    border: 2px solid rgba(159,47,47,.25);
}

.mp-edit-image-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
}

.mp-image-position {
    color: rgba(31,36,48,.58);
    font-size: .78rem;
    font-weight: 800;
}

.mp-edit-image-move-actions {
    display: inline-flex;
    gap: .35rem;
    flex-wrap: nowrap;
}

.mp-mini-button {
    min-width: 36px;
    min-height: 32px;
    padding: 0 .55rem;
    border-radius: 999px;
    background: #fff;
}

.mp-photo-upload-card-edit .mp-file-picker {
    min-height: 128px;
    margin-top: .45rem;
}

.mp-photo-upload-card-edit .mp-help {
    margin-top: -.15rem;
}

@media (min-width: 760px) {
    .mp-edit-images-manage {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    .mp-edit-images-manage {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .55rem;
    }

    .mp-edit-image-manage {
        padding: .5rem;
        border-radius: 16px;
    }

    .mp-primary-image-choice span {
        min-height: 26px;
        padding: .24rem .46rem;
        font-size: .66rem;
    }

    .mp-delete-image-choice span[aria-hidden="true"] {
        width: 31px;
        height: 31px;
        font-size: 1.18rem;
    }

    .mp-image-position {
        font-size: .72rem;
    }

    .mp-mini-button {
        min-width: 32px;
        min-height: 30px;
        padding: 0 .45rem;
    }
}

/* 0.6.26-gallery-instant-ui */
.mp-delete-image-choice {
    border: 0;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
}

.mp-gallery-empty {
    grid-column: 1 / -1;
    margin: 0;
    padding: .9rem 1rem;
    border-radius: 16px;
    background: #fbfaf6;
    border: 1px dashed rgba(47,79,58,.25);
    color: rgba(31,36,48,.62);
    font-weight: 800;
}

.mp-gallery-is-saving {
    opacity: .48;
    pointer-events: none;
    transform: scale(.985);
}

.mp-gallery-status-saving,
.mp-gallery-status-ok,
.mp-gallery-status-error {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    padding: .35rem .62rem;
    border-radius: 999px;
    font-size: .86rem;
    font-weight: 800;
}

.mp-gallery-status-saving {
    background: rgba(47,79,58,.09);
    color: #2f4f3a;
}

.mp-gallery-status-ok {
    background: rgba(47,79,58,.12);
    color: #2f4f3a;
}

.mp-gallery-status-error {
    background: rgba(159,47,47,.10);
    color: #9f2f2f;
}

/* 0.6.27-edit-flow-clean */
.mp-edit-flow-clean {
    display: grid;
    gap: 1rem;
}

.mp-edit-flow-clean .mp-listing-form {
    display: grid;
    gap: 1rem;
}

.mp-edit-step {
    display: grid;
    gap: .8rem;
    padding: .95rem;
    border: 1px solid rgba(31,36,48,.08);
    border-radius: 22px;
    background: #fff;
}

.mp-edit-step-gallery {
    background: #fbfaf6;
}

.mp-edit-flow-clean .mp-field,
.mp-edit-flow-clean .mp-fieldset {
    margin: 0;
}

.mp-edit-flow-clean .mp-photo-upload-card-edit {
    padding: 0;
    border: 0;
    background: transparent;
}

.mp-edit-flow-clean .mp-photo-upload-card-edit > label:first-child {
    font-size: 1.02rem;
}

.mp-edit-flow-clean .mp-file-picker {
    min-height: 118px;
    margin: .45rem 0 .4rem;
}

.mp-edit-submit-row {
    position: sticky;
    bottom: .75rem;
    z-index: 4;
    padding: .65rem;
    border-radius: 999px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 12px 30px rgba(31,36,48,.12);
    backdrop-filter: blur(8px);
}

.mp-edit-submit-row .mp-button,
.mp-edit-submit-row .mp-secondary-button {
    min-height: 46px;
}

.mp-edit-image-manage[draggable="true"] {
    touch-action: none;
}

.mp-drag-handle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: .2rem .55rem;
    border: 1px solid rgba(47,79,58,.16);
    border-radius: 999px;
    background: #f7f2e8;
    color: #2f4f3a;
    font-size: .72rem;
    line-height: 1;
    font-weight: 900;
    cursor: grab;
    white-space: nowrap;
}

.mp-drag-handle:active {
    cursor: grabbing;
}

.mp-edit-images--dragging .mp-edit-image-manage {
    transition: transform .12s ease, opacity .12s ease;
}

.mp-edit-image--dragging {
    opacity: .58;
    transform: scale(.97);
    outline: 2px dashed rgba(47,79,58,.35);
    outline-offset: 3px;
}

.mp-edit-image-footer {
    gap: .35rem;
}

.mp-edit-image-footer .mp-image-position {
    flex: 1 1 auto;
    text-align: center;
}

/* 0.6.27 – Nachrichtenkarten wieder ruhiger und lesbarer */
.mp-thread-accordion-list-calm {
    gap: .65rem;
}

.mp-thread-entry-calm {
    border-radius: 22px;
    background: #fbfaf6;
    box-shadow: 0 8px 22px rgba(31,36,48,.035);
}

.mp-thread-entry-calm .mp-thread-card-main {
    grid-template-columns: 62px minmax(0, 1fr);
    gap: .72rem;
    align-items: center;
    padding: .78rem;
}

.mp-thread-entry-calm .mp-thread-thumb {
    width: 62px;
    height: 62px;
    border-radius: 14px;
    align-self: center;
}

.mp-thread-entry-calm .mp-thread-listing-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #1f2430;
    font-size: clamp(1rem, 4.6vw, 1.18rem);
    line-height: 1.13;
    text-decoration: none;
    word-break: break-word;
}

.mp-thread-entry-calm .mp-thread-title-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .45rem;
    align-items: start;
}

.mp-thread-entry-calm .mp-thread-meta-line {
    font-size: .78rem;
    line-height: 1.25;
    opacity: .6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mp-thread-preview-calm {
    margin-top: .28rem;
    padding: .38rem .55rem;
    border-radius: 12px;
    background: rgba(255,255,255,.78);
    font-size: .84rem;
    line-height: 1.22;
    font-weight: 650;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mp-thread-card-footer {
    margin-top: .38rem;
}

.mp-thread-status,
.mp-thread-toggle-control {
    min-height: 26px;
    padding: .18rem .5rem;
    font-size: .76rem;
}

.mp-thread-toggle-control {
    background: #fff;
    box-shadow: 0 4px 12px rgba(31,36,48,.035);
}

@media (max-width: 420px) {
    .mp-edit-step {
        padding: .78rem;
        border-radius: 20px;
    }

    .mp-edit-images-manage {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mp-drag-handle {
        font-size: .68rem;
        padding: .16rem .45rem;
    }

    .mp-edit-image-move-actions .mp-mini-button {
        min-width: 30px;
        min-height: 30px;
        padding: 0 .42rem;
    }

    .mp-thread-entry-calm .mp-thread-card-main {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: .62rem;
        padding: .7rem;
    }

    .mp-thread-entry-calm .mp-thread-thumb {
        width: 56px;
        height: 56px;
    }
}


/* 0.6.28-edit-ui-label-fix */
.mp-edit-flow-clean .mp-section-heading .mp-help {
    color: rgba(31,36,48,.58);
    font-size: .9rem;
}

.mp-edit-image-preview {
    isolation: isolate;
}

.mp-drag-handle-overlay {
    position: absolute;
    top: .42rem;
    left: .42rem;
    z-index: 3;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    padding: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.90);
    border: 1px solid rgba(31,36,48,.10);
    color: rgba(31,36,48,.58);
    box-shadow: 0 5px 14px rgba(0,0,0,.12);
    font-size: 1rem;
    line-height: 1;
}

.mp-drag-handle-overlay:hover,
.mp-drag-handle-overlay:focus-visible {
    background: #fff;
    color: #2f4f3a;
    border-color: rgba(47,79,58,.25);
}

.mp-edit-image-footer {
    justify-content: center;
    position: relative;
    min-height: 34px;
}

.mp-edit-image-footer .mp-image-position {
    text-align: left;
    font-size: .78rem;
    color: rgba(31,36,48,.50);
}

.mp-edit-image-footer .mp-edit-image-move-actions {
    margin-left: auto;
}

.mp-edit-image-footer > .mp-drag-handle-overlay {
    display: none;
}

.mp-edit-image-preview > .mp-drag-handle-overlay + .mp-primary-image-choice {
    left: .42rem;
}

.mp-edit-image-preview .mp-primary-image-choice {
    bottom: .42rem;
}

@media (max-width: 420px) {
    .mp-drag-handle-overlay {
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
        font-size: .95rem;
    }
}

/* 0.6.29-layout-polish-before-0.7 */
.mp-edit-box,
.mp-edit-box *,
.mp-listing-controls-mine,
.mp-listing-controls-mine * {
    box-sizing: border-box;
}

.mp-edit-box {
    overflow: hidden;
}

.mp-edit-step,
.mp-edit-images-manage,
.mp-edit-image-manage,
.mp-edit-image-preview,
.mp-photo-upload-card-edit {
    min-width: 0;
    max-width: 100%;
}

.mp-edit-images-manage {
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
    align-items: start;
}

.mp-edit-image-manage {
    width: 100%;
    min-width: 0;
}

.mp-edit-image-footer {
    min-width: 0;
}

.mp-edit-image-footer .mp-image-position {
    min-width: 0;
    text-align: left;
}

.mp-edit-image-move-actions {
    flex: 0 0 auto;
}

.mp-listing-controls-mine .mp-sort-compact,
.mp-listing-controls-all .mp-sort-compact {
    width: fit-content;
    max-width: 100%;
    justify-self: start;
    align-self: start;
}

.mp-listing-controls-mine .mp-sort-compact select,
.mp-listing-controls-all .mp-sort-compact select {
    width: clamp(155px, 48vw, 250px);
    max-width: 100%;
}

@media (max-width: 760px) {
    .mp-edit-step {
        padding: .82rem;
        border-radius: 20px;
    }

    .mp-edit-images-manage {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .62rem;
    }

    .mp-edit-image-manage {
        padding: .48rem;
    }

    .mp-edit-image-footer {
        gap: .28rem;
    }

    .mp-edit-image-footer .mp-image-position {
        font-size: .7rem;
    }

    .mp-mini-button {
        min-width: 30px;
        min-height: 30px;
        padding: 0 .38rem;
    }

    .mp-listing-controls-mine .mp-sort-compact,
    .mp-listing-controls-all .mp-sort-compact {
        padding: .34rem .42rem .34rem .58rem;
        border-radius: 13px;
    }

    .mp-listing-controls-mine .mp-sort-compact select,
    .mp-listing-controls-all .mp-sort-compact select {
        width: clamp(150px, 54vw, 230px);
    }
}

@media (max-width: 340px) {
    .mp-edit-images-manage {
        grid-template-columns: 1fr;
    }
}


/* 0.6.32-mobile-edit-sort-fix */
.mp-edit-step,
.mp-edit-step .mp-field,
.mp-edit-step .mp-fieldset,
.mp-edit-step .mp-type-grid,
.mp-edit-step .mp-type-option,
.mp-edit-step .mp-price-field,
.mp-edit-step .mp-text-field,
.mp-edit-step textarea,
.mp-edit-step input[type="text"] {
    min-width: 0;
    max-width: 100%;
}

.mp-edit-step .mp-field,
.mp-edit-step .mp-fieldset {
    width: 100%;
    overflow: hidden;
}

.mp-edit-step .mp-type-grid {
    align-items: stretch;
}

.mp-edit-step .mp-type-option {
    width: 100%;
}

.mp-edit-submit-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: .75rem;
    border-radius: 24px;
}

.mp-edit-submit-row .mp-button,
.mp-edit-submit-row .mp-secondary-button {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    margin: 0;
}

.mp-edit-submit-row .mp-secondary-button {
    border: 1px solid rgba(0, 0, 0, .08);
}

.mp-listing-controls-mine .mp-sort-compact,
.mp-listing-controls-all .mp-sort-compact {
    width: 100%;
    max-width: 100%;
    justify-self: stretch;
}

.mp-listing-controls-mine .mp-sort-compact select,
.mp-listing-controls-all .mp-sort-compact select {
    width: 100%;
    flex: 1 1 auto;
}

@media (max-width: 760px) {
    .mp-listing-controls-mine,
    .mp-listing-controls-all {
        gap: .8rem;
    }

    .mp-listing-controls-mine .mp-sort-compact,
    .mp-listing-controls-all .mp-sort-compact {
        width: 100%;
        padding: .46rem .5rem .46rem .7rem;
        border-radius: 18px;
    }

    .mp-listing-controls-mine .mp-sort-compact select,
    .mp-listing-controls-all .mp-sort-compact select {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .mp-edit-step {
        overflow: hidden;
    }

    .mp-edit-step .mp-type-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
    }

    .mp-edit-step .mp-type-option {
        min-height: 48px;
        padding: .6rem .7rem;
        font-size: .95rem;
    }

    .mp-edit-step .mp-text-field textarea {
        min-height: 112px;
    }

    .mp-edit-submit-row {
        position: sticky;
        bottom: .65rem;
        padding: .7rem;
        border-radius: 22px;
    }
}

@media (max-width: 420px) {
    .mp-edit-submit-row {
        grid-template-columns: 1fr;
    }
}


/* 0.6.33-mobile-art-sort-width-fix */
body.mp-platform-page .mp-listing-controls-mine,
body.mp-platform-page .mp-listing-controls-all {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

body.mp-platform-page .mp-listing-controls-mine .mp-sort-compact,
body.mp-platform-page .mp-listing-controls-all .mp-sort-compact {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    justify-self: stretch;
    overflow: hidden;
}

body.mp-platform-page .mp-listing-controls-mine .mp-sort-compact select,
body.mp-platform-page .mp-listing-controls-all .mp-sort-compact select {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
}

body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details {
    box-sizing: border-box;
    overflow: hidden;
}

body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-type-fieldset,
body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-type-grid,
body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-type-option,
body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-price-field {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-type-option {
    overflow: hidden;
}

body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-type-option span {
    min-width: 0;
    overflow-wrap: anywhere;
    line-height: 1.15;
}

@media (max-width: 760px) {
    body.mp-platform-page .mp-listing-controls-mine .mp-sort-compact,
    body.mp-platform-page .mp-listing-controls-all .mp-sort-compact {
        /* nicht breiter als die Filter-/Listen-Kacheln */
        width: calc(100% - 2px);
        margin-left: 1px;
        margin-right: 1px;
    }

    body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-type-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .45rem;
    }

    body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-type-option {
        display: flex;
        align-items: center;
        gap: .42rem;
        min-height: 48px;
        padding: .54rem .54rem;
        font-size: .82rem;
    }

    body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-type-option input {
        flex: 0 0 auto;
        transform: scale(.86);
    }

    body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-type-option span {
        display: block;
    }
}

@media (max-width: 380px) {
    body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-type-grid {
        grid-template-columns: 1fr;
    }

    body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-type-option {
        font-size: .92rem;
    }
}


/* 0.6.34-mobile-label-polish */
body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-type-option span {
    overflow-wrap: normal;
    word-break: normal;
    white-space: nowrap;
    line-height: 1.1;
}

body.mp-platform-page .mp-edit-flow-clean [data-mp-gallery-status] {
    display: block;
    box-sizing: border-box;
    padding-left: .12rem;
    overflow: visible;
}

@media (max-width: 760px) {
    body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-type-option {
        gap: .34rem;
        padding: .52rem .46rem;
        font-size: .78rem;
    }

    body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-type-option input {
        transform: scale(.8);
        margin: 0 .05rem 0 0;
    }

    body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-type-option span {
        letter-spacing: -.01em;
    }

    body.mp-platform-page .mp-listing-controls-all .mp-sort-compact,
    body.mp-platform-page .mp-listing-controls-mine .mp-sort-compact {
        width: auto;
        max-width: calc(100% - 2px);
        margin-left: 1px;
        margin-right: 1px;
        justify-self: stretch;
    }
}

@media (max-width: 360px) {
    body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-type-grid {
        grid-template-columns: 1fr;
    }

    body.mp-platform-page .mp-edit-flow-clean .mp-edit-step-details .mp-type-option {
        font-size: .9rem;
        padding: .58rem .65rem;
    }
}


/* 0.7.0-share-target-beta */
.mp-share-target-preview {
    padding: 1rem;
    border-radius: 18px;
    border: 1px solid rgba(47, 79, 58, .18);
    background: #eef5ee;
    display: grid;
    gap: .55rem;
}

.mp-share-target-preview strong {
    color: #244832;
    font-weight: 900;
}

.mp-share-target-preview p {
    margin: 0;
    color: rgba(31, 36, 48, .72);
}

.mp-share-target-preview__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .45rem;
}

.mp-share-target-preview__item {
    aspect-ratio: 1 / 1;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(31, 36, 48, .08);
}

.mp-share-target-preview__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 760px) {
    .mp-share-target-preview {
        padding: .85rem;
    }

    .mp-share-target-preview__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


/* 0.7.1-share-target-hotfix */
.mp-share-target-preview {
    margin: .75rem 0 1rem;
    padding: 0;
    border: 0;
    background: transparent;
}

.mp-share-target-preview__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
    gap: .65rem;
}

.mp-share-target-preview__item {
    position: relative;
    min-width: 0;
    border-radius: 18px;
    overflow: hidden;
    background: #f7f2e8;
    border: 1px solid rgba(31, 36, 48, .08);
}

.mp-share-target-preview__image {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    object-fit: cover;
}

.mp-shared-photo-remove {
    position: absolute;
    top: .35rem;
    right: .35rem;
}

.mp-create-submit-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .72fr);
    gap: .65rem;
    align-items: stretch;
}

.mp-create-submit-row .mp-button,
.mp-create-submit-row .mp-secondary-button {
    width: 100%;
    min-width: 0;
    margin: 0;
}

@media (max-width: 420px) {
    .mp-create-submit-row {
        grid-template-columns: 1fr;
    }
}


/* 0.7.2-chrome-home-return */
.mp-dashboard-card-home,
.mp-page-action-card-home {
    background: #fbfaf6;
}

.mp-dashboard-card-home .mp-dashboard-card__title,
.mp-page-action-card-home .mp-dashboard-card__title {
    color: #2f4f3a;
}

body.mp-platform-page .mp-page-action-card-home {
    border-style: dashed;
}

@media (max-width: 760px) {
    .mp-dashboard-card-home,
    .mp-page-action-card-home {
        min-height: 72px;
    }
}


/* 0.8.5-live-compliance-baseline */
.mp-compliance-note {
    margin: 1rem 0;
    padding: .85rem 1rem;
    border: 1px solid rgba(68, 82, 58, .18);
    border-radius: 16px;
    background: #fbfaf6;
}

.mp-compliance-note p {
    margin: .35rem 0 0;
}

.mp-compliance-note-compact {
    font-size: .95rem;
}

.mp-checkbox-field label {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
    line-height: 1.35;
}

.mp-checkbox-field input[type="checkbox"] {
    margin-top: .15rem;
    width: 1.1rem;
    height: 1.1rem;
    flex: 0 0 auto;
}


/* 0.8.5.1-upload-wait-polish – Zugang beruhigen und Upload-Wartezustand deutlicher machen */
body.mp-platform-page .mp-access-layout {
    grid-template-columns: minmax(0, 1fr);
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

body.mp-platform-page .mp-access-form {
    max-width: none;
}

body.mp-platform-page .mp-access-help {
    background: #fffdf7;
    border-left: 4px solid #d7ccb8;
}

body.mp-platform-page .mp-access-help .mp-action-row,
body.mp-platform-page .mp-access-help .mp-actions {
    align-items: flex-start;
}

body.mp-platform-page .mp-access-form input[type="text"] {
    letter-spacing: normal;
    text-transform: none;
}

body.mp-platform-page .mp-access-form input[name="access_code"] {
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.mp-platform-page .mp-password-field {
    min-width: 0;
}

body.mp-platform-page .mp-password-field input {
    min-width: 0;
}

body.mp-platform-page .mp-password-toggle {
    flex: 0 0 auto;
    white-space: nowrap;
}

body.mp-platform-page .mp-checkbox-field label {
    display: grid;
    grid-template-columns: 1.15rem minmax(0, 1fr);
    gap: .65rem;
    align-items: start;
}

body.mp-platform-page .mp-checkbox-field input[type="checkbox"] {
    margin-top: .18rem;
}

body.mp-platform-page .mp-checkbox-field__copy {
    display: block;
    min-width: 0;
}

body.mp-platform-page .mp-checkbox-field__copy a {
    font-weight: 700;
    text-underline-offset: 3px;
}

body.mp-platform-page .mp-upload-progress-note {
    margin: .7rem 0 0;
    display: grid;
    gap: .35rem;
    padding: 1rem;
    border-radius: 18px;
    background: #f7f2e8;
    border: 1px solid rgba(68, 82, 58, .16);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .06);
}

body.mp-platform-page .mp-upload-progress-note[hidden] {
    display: none;
}

body.mp-platform-page .mp-upload-progress-note strong {
    font-size: 1rem;
}

body.mp-platform-page .mp-upload-progress-note span {
    font-weight: 500;
    color: rgba(31, 36, 48, .72);
}

body.mp-platform-page .mp-upload-progress-bar {
    position: relative;
    overflow: hidden;
    height: 8px;
    border-radius: 999px;
    background: rgba(47, 79, 58, .14);
    margin-top: .35rem;
}

body.mp-platform-page .mp-upload-progress-bar span {
    position: absolute;
    inset: 0 auto 0 0;
    width: 38%;
    border-radius: inherit;
    background: #2f4f3a;
    animation: mp-upload-bar 1.15s ease-in-out infinite;
}

body.mp-platform-page .mp-listing-form--submitting .mp-create-submit-row .mp-secondary-button {
    pointer-events: none;
    opacity: .45;
}

@keyframes mp-upload-bar {
    0% { transform: translateX(-110%); }
    55% { transform: translateX(90%); }
    100% { transform: translateX(260%); }
}

@media (max-width: 520px) {
    body.mp-platform-page .mp-access-layout {
        max-width: 100%;
    }

    body.mp-platform-page .mp-access-form-box,
    body.mp-platform-page .mp-access-help {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* 0.8.5.3-mobile-test-polish – mobile Startseite, Anzeigeformular und Karten beruhigen */
body.mp-platform-page .mp-dashboard-primary-action {
    margin-bottom: .65rem;
}

body.mp-platform-page .mp-dashboard-main-grid {
    margin-bottom: .65rem;
}

body.mp-platform-page .mp-dashboard-secondary-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
    margin: .3rem 0 1rem;
}

body.mp-platform-page .mp-dashboard-secondary-link {
    display: grid;
    gap: .12rem;
    align-content: center;
    min-height: 50px;
    padding: .55rem .65rem;
    border: 1px solid rgba(31, 36, 48, .08);
    border-radius: 16px;
    background: #fbfaf6;
    text-decoration: none;
    text-align: center;
    color: #1f2430;
    box-shadow: 0 8px 18px rgba(0,0,0,.03);
}

body.mp-platform-page .mp-dashboard-secondary-link strong {
    font-size: .9rem;
    line-height: 1.1;
}

body.mp-platform-page .mp-dashboard-secondary-link span {
    font-size: .73rem;
    line-height: 1.1;
    color: rgba(31,36,48,.62);
}

body.mp-platform-page .mp-compliance-note-collapsed {
    padding: .75rem .9rem;
}

body.mp-platform-page .mp-compliance-note-collapsed summary {
    cursor: pointer;
    font-weight: 800;
    color: #2f4f3a;
}

body.mp-platform-page .mp-compliance-note-collapsed p {
    font-size: .9rem;
    line-height: 1.35;
}

body.mp-platform-page .mp-photo-field .mp-help {
    font-size: .9rem;
    line-height: 1.35;
}

body.mp-platform-page .mp-listing-card-all-compact .mp-title-clamped {
    -webkit-line-clamp: 2;
    max-height: 2.25em;
}

body.mp-platform-page .mp-listing-card-all-compact .mp-listing-title-link {
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
}

body.mp-platform-page .mp-listing-card-all-compact .mp-card-title-row {
    display: grid;
    grid-template-columns: 1fr;
}

body.mp-platform-page .mp-listing-card-all-compact .mp-price-pill {
    justify-self: start;
}

@media (max-width: 520px) {
    body.mp-platform-page .mp-dashboard-secondary-links {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .42rem;
    }

    body.mp-platform-page .mp-dashboard-secondary-link {
        min-height: 46px;
        padding: .5rem .45rem;
        border-radius: 14px;
    }

    body.mp-platform-page .mp-dashboard-secondary-link strong {
        font-size: .82rem;
    }

    body.mp-platform-page .mp-dashboard-secondary-link span {
        font-size: .68rem;
    }

    body.mp-platform-page .mp-compliance-note-collapsed p,
    body.mp-platform-page .mp-photo-field .mp-help {
        font-size: .86rem;
    }

    body.mp-platform-page .mp-listing-card-all-compact h2 {
        font-size: clamp(1.05rem, 4.4vw, 1.25rem);
    }
}


/* 0.8.5.4-card-contrast-polish – Karten für Anzeigen, Veranstaltungen und Nachrichten stärker vom Hintergrund abheben */
body.mp-platform-page .mp-listing-card,
body.mp-platform-page .mp-listing-card-all-compact,
body.mp-platform-page .mp-listing-card-mine,
body.mp-platform-page .mp-event-card,
body.mp-platform-page .mp-thread-entry-calm {
    background: #fffdfa;
    border: 1px solid rgba(120, 112, 96, .24);
    box-shadow: 0 12px 30px rgba(31, 36, 48, .075), 0 2px 8px rgba(31, 36, 48, .035);
}

body.mp-platform-page .mp-listing-card:hover,
body.mp-platform-page .mp-listing-card:focus-within,
body.mp-platform-page .mp-event-card:hover,
body.mp-platform-page .mp-event-card:focus-within,
body.mp-platform-page .mp-thread-entry-calm:hover,
body.mp-platform-page .mp-thread-entry-calm:focus-within {
    border-color: rgba(47, 79, 58, .28);
    box-shadow: 0 14px 34px rgba(31, 36, 48, .09), 0 3px 10px rgba(47, 79, 58, .055);
}

body.mp-platform-page .mp-events-list,
body.mp-platform-page .mp-listings,
body.mp-platform-page .mp-thread-accordion-list-calm {
    gap: 1.05rem;
}

body.mp-platform-page .mp-thread-entry-calm {
    background: #fffdfa;
}

body.mp-platform-page .mp-thread-entry-calm.mp-thread-entry--active,
body.mp-platform-page .mp-thread-entry-calm.mp-thread-entry--unread {
    border-color: rgba(47,79,58,.34);
    box-shadow: 0 14px 36px rgba(47,79,58,.12), 0 3px 12px rgba(31,36,48,.045);
}

body.mp-platform-page .mp-thread-preview-calm,
body.mp-platform-page .mp-thread-entry-calm .mp-thread-status,
body.mp-platform-page .mp-thread-toggle-control {
    background: rgba(247, 242, 232, .72);
}

body.mp-platform-page .mp-listing-card .mp-listing-image,
body.mp-platform-page .mp-listing-card .mp-demo-image,
body.mp-platform-page .mp-thread-entry-calm .mp-thread-thumb,
body.mp-platform-page .mp-event-card img {
    box-shadow: 0 1px 0 rgba(31, 36, 48, .05);
}

@media (max-width: 760px) {
    body.mp-platform-page .mp-listing-card,
    body.mp-platform-page .mp-listing-card-all-compact,
    body.mp-platform-page .mp-listing-card-mine,
    body.mp-platform-page .mp-event-card,
    body.mp-platform-page .mp-thread-entry-calm {
        border-color: rgba(120, 112, 96, .26);
        box-shadow: 0 10px 26px rgba(31, 36, 48, .082), 0 2px 7px rgba(31, 36, 48, .035);
    }

    body.mp-platform-page .mp-events-list,
    body.mp-platform-page .mp-listings,
    body.mp-platform-page .mp-thread-accordion-list-calm {
        gap: 1rem;
    }
}


/* 0.8.5.5-access-account-polish – Zugang als Konto-/Statusbereich */
body.mp-platform-page .mp-access-account-dashboard {
    display: grid;
    gap: 1rem;
    max-width: 760px;
    margin: 0 auto;
}

body.mp-platform-page .mp-access-account-card {
    background: #fffefb;
    border: 1px solid rgba(47, 79, 58, .16);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .045);
    border-radius: 24px;
}

body.mp-platform-page .mp-access-account-card-primary {
    background: #f7f2e8;
    border-color: rgba(47, 79, 58, .22);
}

body.mp-platform-page .mp-access-account-card-soft {
    background: #fcfbf8;
}

body.mp-platform-page .mp-access-account-card h2 {
    margin-top: 0;
    font-size: clamp(1.45rem, 5.2vw, 2.2rem);
    line-height: 1.12;
}

body.mp-platform-page .mp-account-facts {
    display: grid;
    gap: .65rem;
    margin: 1rem 0;
}

body.mp-platform-page .mp-account-facts div {
    display: grid;
    grid-template-columns: minmax(7rem, .8fr) minmax(0, 1fr);
    gap: .65rem;
    align-items: baseline;
    padding: .7rem .8rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, .62);
    border: 1px solid rgba(47, 79, 58, .1);
}

body.mp-platform-page .mp-account-facts dt {
    font-weight: 700;
    color: rgba(31, 36, 48, .58);
}

body.mp-platform-page .mp-account-facts dd {
    margin: 0;
    font-weight: 700;
    color: #1f2430;
    overflow-wrap: anywhere;
}

body.mp-platform-page .mp-account-facts-compact div {
    grid-template-columns: minmax(8rem, .9fr) minmax(0, 1fr);
}

body.mp-platform-page .mp-future-list {
    display: grid;
    gap: .45rem;
    margin: .75rem 0 0;
    padding: 0;
    list-style: none;
}

body.mp-platform-page .mp-future-list li {
    padding: .58rem .75rem;
    border-radius: 999px;
    background: rgba(47, 79, 58, .08);
    color: rgba(31, 36, 48, .78);
    font-weight: 700;
}

body.mp-platform-page .mp-account-edit-form {
    margin-top: 1rem;
}

@media (max-width: 520px) {
    body.mp-platform-page .mp-access-account-dashboard {
        gap: .85rem;
    }

    body.mp-platform-page .mp-account-facts div,
    body.mp-platform-page .mp-account-facts-compact div {
        grid-template-columns: 1fr;
        gap: .22rem;
    }

    body.mp-platform-page .mp-access-account-card {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* 0.8.5.6-access-slim-polish – Zugang schlanker und ruhiger */
body.mp-platform-page .mp-access-account-card-primary .mp-account-lead {
    margin: .25rem 0 .85rem;
    color: rgba(31, 36, 48, .72);
}

body.mp-platform-page .mp-account-summary {
    display: grid;
    gap: .25rem;
    margin: .75rem 0 1rem;
    padding: .85rem 1rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, .58);
    border: 1px solid rgba(47, 79, 58, .1);
}

body.mp-platform-page .mp-account-summary p {
    margin: 0;
    font-size: .98rem;
    line-height: 1.35;
    color: rgba(31, 36, 48, .78);
}

body.mp-platform-page .mp-access-quick-actions {
    margin-top: .75rem;
}

body.mp-platform-page .mp-account-short-note {
    margin-bottom: .85rem;
    line-height: 1.45;
}

body.mp-platform-page .mp-access-details {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

body.mp-platform-page .mp-access-details summary {
    cursor: pointer;
    font-weight: 800;
    font-size: clamp(1.15rem, 4vw, 1.45rem);
    color: #1f2430;
    list-style-position: outside;
}

body.mp-platform-page .mp-access-details summary::marker {
    color: rgba(47, 79, 58, .75);
}

body.mp-platform-page .mp-access-details p {
    margin: .75rem 0 0;
    line-height: 1.5;
}

body.mp-platform-page .mp-access-link-list {
    display: grid;
    gap: .15rem;
    margin: .65rem 0 .85rem;
}

body.mp-platform-page .mp-access-link-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .78rem 0;
    border-bottom: 1px solid rgba(47, 79, 58, .1);
    color: #1f2430;
    font-weight: 700;
    text-decoration: none;
}

body.mp-platform-page .mp-access-link-list a::after {
    content: '›';
    color: rgba(47, 79, 58, .62);
    font-size: 1.25em;
    line-height: 1;
}

body.mp-platform-page .mp-access-link-list a:hover,
body.mp-platform-page .mp-access-link-list a:focus {
    text-decoration: underline;
}

body.mp-platform-page .mp-access-confirmations {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    max-width: 760px;
    margin: -.25rem auto 0;
}

body.mp-platform-page .mp-access-confirmations span {
    display: inline-flex;
    align-items: center;
    padding: .42rem .68rem;
    border-radius: 999px;
    background: rgba(47, 79, 58, .08);
    border: 1px solid rgba(47, 79, 58, .11);
    color: rgba(31, 36, 48, .72);
    font-size: .88rem;
    font-weight: 700;
}

@media (max-width: 520px) {
    body.mp-platform-page .mp-access-account-card h2 {
        font-size: clamp(1.3rem, 7vw, 1.8rem);
    }

    body.mp-platform-page .mp-access-account-card {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    body.mp-platform-page .mp-access-quick-actions {
        display: grid;
        gap: .55rem;
    }

    body.mp-platform-page .mp-access-quick-actions .mp-button,
    body.mp-platform-page .mp-access-quick-actions .mp-secondary-button {
        width: 100%;
        text-align: center;
    }
}


/* 0.8.6 notifications baseline */
.mp-nav-badge,
.mp-listing-unread-badge,
.mp-unread-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.45rem;
    min-height: 1.45rem;
    padding: 0 .45rem;
    border-radius: 999px;
    background: #2f4f3a;
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
    vertical-align: middle;
    box-shadow: 0 2px 8px rgba(47, 79, 58, .22);
}

.mp-listing-unread-badge {
    margin-left: .35rem;
    font-size: .72rem;
    white-space: nowrap;
}

.mp-notification-settings-grid {
    display: grid;
    gap: .6rem;
    margin: .9rem 0 1rem;
}

.mp-toggle-row {
    display: flex;
    gap: .65rem;
    align-items: flex-start;
    padding: .72rem .78rem;
    border: 1px solid rgba(47, 79, 58, .18);
    background: rgba(255, 255, 255, .62);
    border-radius: 16px;
    font-weight: 650;
}

.mp-toggle-row input {
    margin-top: .18rem;
    flex: 0 0 auto;
}

.mp-push-setup {
    display: grid;
    gap: .4rem;
    margin-top: .75rem;
}

.mp-push-setup .mp-button {
    width: 100%;
}


/* 0.8.6.2: Nachrichtenhinweis an eigener Anzeige klarer und klickbar */
.mp-listing-unread-badge-link {
    text-decoration: none;
    gap: .25rem;
    white-space: normal;
    text-align: center;
    line-height: 1.1;
    max-width: 11rem;
    padding: .42rem .65rem;
}

.mp-card-title-row .mp-listing-unread-badge-link {
    margin-left: auto;
}

.mp-owner-message-button {
    width: 100%;
    text-align: center;
    margin-bottom: .55rem;
    background: #2f4f3a;
    color: #fff;
}

@media (max-width: 680px) {
    .mp-listing-unread-badge-link {
        font-size: .72rem;
        max-width: 8.5rem;
        padding: .38rem .55rem;
    }

    .mp-card-title-row .mp-listing-unread-badge-link {
        margin-left: 0;
        margin-top: .25rem;
    }
}


/* 0.8.6.3 – Nachrichtenhinweis an Anzeige/Detail klarer führen */
.mp-listing-unread-badge-card {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-size: clamp(0.82rem, 2.6vw, 0.96rem);
    line-height: 1.1;
    padding: 0.38rem 0.7rem;
    border-radius: 999px;
    background: #244f35;
    color: #fff;
    font-weight: 800;
    box-shadow: 0 4px 12px rgba(36, 79, 53, .18);
}

.mp-detail-unread-notice {
    margin: 1rem 0 1.15rem;
    padding: 1rem;
    border: 1px solid rgba(36, 79, 53, .18);
    border-radius: 22px;
    background: rgba(36, 79, 53, .07);
    display: grid;
    gap: .75rem;
}

.mp-detail-unread-notice strong {
    display: block;
    color: #244f35;
    font-size: clamp(1.08rem, 4vw, 1.35rem);
    line-height: 1.15;
}

.mp-detail-unread-notice span {
    color: rgba(31, 37, 48, .72);
}

.mp-detail-unread-button {
    width: 100%;
    text-align: center;
}

.mp-owner-detail-button {
    width: 100%;
    text-align: center;
}

@media (max-width: 640px) {
    .mp-listing-unread-badge-card {
        margin-top: .35rem;
    }
}


/* 0.8.6.4 – Variante 2: Meine-Anzeigen-Karten ruhiger, Detail trägt Aktionen */
body.mp-platform-page .mp-listings-mine .mp-owner-label {
    display: none;
}

body.mp-platform-page .mp-listings-mine .mp-listing-unread-badge-card {
    align-self: flex-start;
    margin-top: .45rem;
    padding: .34rem .6rem;
    font-size: clamp(.76rem, 2.5vw, .88rem);
    box-shadow: none;
}

body.mp-platform-page .mp-listings-mine .mp-owner-actions {
    display: grid;
    gap: .5rem;
    margin-top: .55rem;
}

body.mp-platform-page .mp-listings-mine .mp-owner-actions .mp-owner-edit-button,
body.mp-platform-page .mp-listings-mine .mp-owner-actions .mp-owner-message-button {
    width: 100%;
    text-align: center;
}

body.mp-platform-page .mp-listings-mine .mp-owner-actions .mp-owner-message-button {
    background: rgba(36, 79, 53, .08);
    color: #244f35;
    border-color: rgba(36, 79, 53, .18);
    margin-bottom: 0;
}

body.mp-platform-page .mp-detail-owner-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .85rem;
    padding-top: .85rem;
    border-top: 1px solid rgba(47, 79, 58, .12);
}

body.mp-platform-page .mp-detail-owner-actions .mp-inline-form-small {
    flex: 1 1 9rem;
}

body.mp-platform-page .mp-detail-owner-actions .mp-action-chip {
    width: 100%;
}

@media (max-width: 640px) {
    body.mp-platform-page .mp-listings-mine .mp-card-title-row {
        gap: .25rem;
    }

    body.mp-platform-page .mp-listings-mine .mp-listing-unread-badge-card {
        margin-top: .25rem;
    }

    body.mp-platform-page .mp-detail-owner-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    body.mp-platform-page .mp-detail-owner-actions .mp-inline-form-small:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }
}


/* 0.8.6.5 – Meine Anzeigen: Kachel als Teaser, Aktionen in Detail/Bearbeiten */
body.mp-platform-page .mp-listings-mine .mp-listing-card-mine {
    position: relative;
}

body.mp-platform-page .mp-listings-mine .mp-listing-card-mine .mp-card-title-row {
    align-items: flex-start;
    gap: .45rem;
}

body.mp-platform-page .mp-listings-mine .mp-listing-card-mine .mp-card-title-row h2 {
    flex: 1 1 auto;
    margin-bottom: .15rem;
}

body.mp-platform-page .mp-listings-mine .mp-listing-card-mine .mp-listing-unread-badge-card {
    flex: 0 0 auto;
    gap: .22rem;
    min-width: 2.15rem;
    min-height: 2.15rem;
    padding: .25rem .52rem;
    font-size: .82rem;
    line-height: 1;
    box-shadow: 0 3px 10px rgba(36, 79, 53, .16);
}

body.mp-platform-page .mp-listings-mine .mp-listing-card-mine .mp-expiry-line {
    margin-top: .35rem;
}

body.mp-platform-page .mp-listings-mine .mp-listing-card-mine .mp-listing-actions,
body.mp-platform-page .mp-listings-mine .mp-listing-card-mine .mp-owner-actions,
body.mp-platform-page .mp-listings-mine .mp-listing-card-mine .mp-owner-label {
    display: none !important;
}

body.mp-platform-page .mp-listings-mine .mp-listing-card-mine::after {
    content: 'Antippen zum Öffnen';
    display: inline-flex;
    align-self: flex-start;
    margin-top: .55rem;
    color: rgba(31, 37, 48, .52);
    font-size: .82rem;
    font-weight: 700;
}

@media (max-width: 640px) {
    body.mp-platform-page .mp-listings-mine .mp-listing-card-mine .mp-listing-unread-badge-card {
        position: absolute;
        top: 1rem;
        right: 1rem;
    }

    body.mp-platform-page .mp-listings-mine .mp-listing-card-mine .mp-card-title-row {
        padding-right: 2.7rem;
    }
}

/* 0.8.6.6 – UX-Konsistenz: Listen scannen, Details handeln */
body.mp-platform-page .mp-filter-sort-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
    align-items: end;
    padding: .65rem;
    border: 1px solid rgba(31, 37, 48, .08);
    border-radius: 22px;
    background: rgba(246, 242, 232, .72);
    box-shadow: 0 10px 28px rgba(31, 37, 48, .045);
}

body.mp-platform-page .mp-filter-sort-field {
    min-width: 0;
}

body.mp-platform-page .mp-filter-sort-field label {
    display: block;
    margin: 0 0 .28rem;
    color: rgba(31, 37, 48, .56);
    font-size: .86rem;
    font-weight: 800;
}

body.mp-platform-page .mp-filter-sort-field select {
    width: 100%;
    min-height: 2.9rem;
    padding: .55rem .75rem;
    border-radius: 18px;
    border: 1px solid rgba(31, 37, 48, .12);
    background: #fff;
    color: #1f2530;
    font-weight: 800;
    font-size: .98rem;
}

body.mp-platform-page .mp-listing-controls-dropdowns {
    margin: 1rem 0 1.35rem;
}

body.mp-platform-page .mp-listings-all-compact .mp-listing-card-all-compact {
    grid-template-columns: minmax(88px, 136px) 1fr;
    align-items: start;
}

body.mp-platform-page .mp-listings-all-compact .mp-listing-card-all-compact .mp-listing-card__body {
    gap: .35rem;
}

body.mp-platform-page .mp-listings-all-compact .mp-listing-card-all-compact .mp-listing-meta {
    margin-bottom: .05rem;
}

body.mp-platform-page .mp-listings-all-compact .mp-listing-card-all-compact .mp-title-clamped {
    font-size: clamp(1.32rem, 4.8vw, 1.9rem);
    line-height: 1.12;
    margin: .08rem 0 .1rem;
    overflow-wrap: anywhere;
    word-break: normal;
}

body.mp-platform-page .mp-listings-all-compact .mp-listing-card-all-compact .mp-listing-teaser {
    margin: .15rem 0 0;
    color: rgba(31, 37, 48, .68);
    font-size: clamp(.98rem, 3.5vw, 1.1rem);
    line-height: 1.35;
}

body.mp-platform-page .mp-listings-all-compact .mp-listing-card-all-compact .mp-updated-line {
    display: none !important;
}

body.mp-platform-page .mp-listings-all-compact .mp-listing-card-all-compact .mp-expiry-line {
    margin: .1rem 0 .2rem;
    font-size: .92rem;
}

body.mp-platform-page .mp-listings-all-compact .mp-listing-card-all-compact .mp-listing-actions {
    margin-top: .45rem;
}

body.mp-platform-page .mp-listings-all-compact .mp-listing-card-all-compact .mp-message-button {
    width: 100%;
    text-align: center;
}

body.mp-platform-page .mp-listings-mine .mp-listing-card-mine .mp-listing-unread-badge-card {
    position: static;
    margin-top: .25rem;
    align-self: flex-start;
    min-width: 2rem;
    min-height: 2rem;
    padding: .28rem .56rem;
}

body.mp-platform-page .mp-listings-mine .mp-listing-card-mine::after {
    content: none !important;
}

body.mp-platform-page .mp-thread-back-row {
    margin-bottom: .85rem;
}

@media (max-width: 640px) {
    body.mp-platform-page .mp-filter-sort-row {
        gap: .55rem;
        padding: .55rem;
    }

    body.mp-platform-page .mp-filter-sort-field label {
        font-size: .78rem;
    }

    body.mp-platform-page .mp-filter-sort-field select {
        min-height: 2.7rem;
        font-size: .9rem;
        padding: .45rem .62rem;
    }

    body.mp-platform-page .mp-listings-all-compact .mp-listing-card-all-compact {
        grid-template-columns: 96px 1fr;
        gap: .9rem;
    }

    body.mp-platform-page .mp-listings-all-compact .mp-listing-card-all-compact .mp-listing-card__media {
        max-width: 96px;
    }

    body.mp-platform-page .mp-listings-all-compact .mp-listing-card-all-compact .mp-listing-image,
    body.mp-platform-page .mp-listings-all-compact .mp-listing-card-all-compact .mp-demo-image {
        min-height: 96px;
        height: 96px;
    }

    body.mp-platform-page .mp-listings-all-compact .mp-listing-card-all-compact .mp-title-clamped {
        font-size: 1.36rem;
    }

    body.mp-platform-page .mp-listings-all-compact .mp-listing-card-all-compact .mp-listing-teaser {
        display: none;
    }
}

/* 0.8.6.7 – UX-Konsistenz: Dashboard & Veranstaltungen */
body.mp-platform-page .mp-dashboard-main-grid .mp-dashboard-card__text {
    line-height: 1.12;
}

body.mp-platform-page .mp-dashboard-main-grid .mp-dashboard-card:first-child .mp-dashboard-card__text {
    font-size: clamp(.78rem, 3.15vw, .94rem);
    letter-spacing: -.01em;
}

body.mp-platform-page .mp-events-list-compact {
    gap: .85rem;
}

body.mp-platform-page .mp-event-card-compact {
    grid-template-columns: 112px minmax(0, 1fr);
    gap: .9rem;
    padding: .95rem;
    align-items: start;
    cursor: pointer;
}

body.mp-platform-page .mp-event-card-compact .mp-listing-image,
body.mp-platform-page .mp-event-card-compact .mp-demo-image {
    height: 112px;
    min-height: 112px;
    max-height: 112px;
    border-radius: 16px;
    object-fit: cover;
}

body.mp-platform-page .mp-event-card-compact .mp-listing-meta {
    margin-bottom: .35rem;
}

body.mp-platform-page .mp-event-card-compact .mp-badge,
body.mp-platform-page .mp-event-card-compact .mp-badge-secondary {
    font-size: .78rem;
    padding: .28rem .55rem;
}

body.mp-platform-page .mp-event-card-compact h2 {
    font-size: clamp(1.25rem, 5vw, 1.55rem);
    line-height: 1.08;
    margin: 0 0 .25rem;
}

body.mp-platform-page .mp-event-card-compact .mp-event-location-line,
body.mp-platform-page .mp-event-card-compact .mp-listing-teaser,
body.mp-platform-page .mp-event-card-compact .mp-card-open-hint {
    margin: .28rem 0 0;
    font-size: .9rem;
}

body.mp-platform-page .mp-event-card-compact .mp-card-open-hint {
    opacity: .58;
    font-weight: 700;
}

body.mp-platform-page .mp-event-detail-card {
    display: grid;
    gap: 1rem;
}

body.mp-platform-page .mp-event-detail-image {
    width: 100%;
    max-height: 380px;
    object-fit: cover;
    border-radius: 20px;
    display: block;
}

body.mp-platform-page .mp-event-detail-meta {
    margin-top: .2rem;
}

body.mp-platform-page .mp-current-event-image {
    margin-bottom: .75rem;
}

body.mp-platform-page .mp-current-event-image .mp-listing-image {
    width: 140px;
    height: 100px;
    object-fit: cover;
    border-radius: 14px;
}

@media (max-width: 640px) {
    body.mp-platform-page .mp-event-card-compact {
        grid-template-columns: 96px 1fr;
        gap: .85rem;
        padding: .85rem;
        border-radius: 18px;
    }

    body.mp-platform-page .mp-event-card-compact .mp-listing-image,
    body.mp-platform-page .mp-event-card-compact .mp-demo-image {
        height: 96px;
        min-height: 96px;
        max-height: 96px;
        border-radius: 14px;
    }

    body.mp-platform-page .mp-event-card-compact .mp-listing-teaser {
        display: none;
    }

    body.mp-platform-page .mp-event-detail-image {
        max-height: 300px;
        border-radius: 18px;
    }
}

/* 0.8.6.8.1-events-package-fix: Veranstaltungen ruhiger und konsistenter */
.mp-event-card-compact .mp-listing-teaser {
    display: none;
}
.mp-event-card-compact .mp-listing-meta {
    gap: 8px;
    flex-wrap: wrap;
}
.mp-event-card-compact .mp-event-location-line {
    margin-top: 8px;
}
.mp-event-owner-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}
.mp-inline-form-action {
    margin: 0;
}
.mp-owner-status-note {
    margin: 18px 0;
}
.mp-box-soft {
    background: rgba(246, 242, 232, 0.75);
    border: 1px solid rgba(33, 74, 48, 0.16);
    border-radius: 18px;
    padding: 14px 16px;
}
.mp-event-date-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.mp-event-all-day-toggle {
    margin: 8px 0 14px;
}
.mp-event-time-grid.mp-event-time-grid--disabled {
    opacity: 0.45;
}
.mp-event-time-grid.mp-event-time-grid--disabled input {
    pointer-events: none;
}
@media (max-width: 640px) {
    .mp-event-date-grid,
    .mp-event-form-grid {
        grid-template-columns: 1fr;
    }
    .mp-event-owner-actions {
        display: grid;
        grid-template-columns: 1fr;
    }
    .mp-event-owner-actions .mp-button,
    .mp-event-owner-actions .mp-secondary-button {
        width: 100%;
        text-align: center;
    }
}


/* 0.8.6.9-events-form-moderation-polish */
body.mp-platform-page .mp-event-form-polished {
    overflow: hidden;
}
body.mp-platform-page .mp-event-form-polished > h2 {
    margin-bottom: 6px;
}
body.mp-platform-page .mp-event-form-polished .mp-form-intro {
    margin-top: 0;
    font-size: clamp(.98rem, 3.2vw, 1.08rem);
}
body.mp-platform-page .mp-event-form-block {
    background: rgba(250, 248, 242, .74);
    border: 1px solid rgba(33, 74, 48, .12);
    border-radius: 24px;
    padding: clamp(18px, 4.5vw, 26px);
    margin: 18px 0;
}
body.mp-platform-page .mp-event-form-block h3 {
    margin: 0 0 12px;
    font-size: clamp(1.18rem, 4vw, 1.45rem);
    letter-spacing: .01em;
}
body.mp-platform-page .mp-event-form-block .mp-field label {
    font-size: clamp(1rem, 3.4vw, 1.15rem);
}
body.mp-platform-page .mp-block-help {
    margin-top: -4px;
}
body.mp-platform-page .mp-event-time-choice {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 14px 0 16px;
}
body.mp-platform-page .mp-choice-card {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 56px;
    padding: 12px 14px;
    border: 1px solid rgba(33, 74, 48, .16);
    border-radius: 18px;
    background: #fff;
    font-weight: 750;
    cursor: pointer;
}
body.mp-platform-page .mp-choice-card:has(input:checked) {
    border-color: rgba(33, 74, 48, .72);
    background: rgba(33, 74, 48, .08);
}
body.mp-platform-page .mp-choice-card input {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}
body.mp-platform-page .mp-status-cancelled-note {
    border-color: rgba(164, 54, 54, .42);
    background: rgba(164, 54, 54, .10);
    color: #6f2424;
}
body.mp-platform-page .mp-badge-danger {
    background: #8c2f2f !important;
    color: #fff !important;
}
body.mp-platform-page .mp-event-card-cancelled {
    opacity: .84;
    border-color: rgba(140, 47, 47, .30) !important;
}
body.mp-platform-page .mp-event-card-cancelled .mp-listing-image,
body.mp-platform-page .mp-event-card-cancelled .mp-demo-image {
    filter: grayscale(.35);
}
body.mp-platform-page .mp-danger-button,
body.mp-platform-page .mp-action-chip-danger {
    border-color: rgba(140, 47, 47, .28) !important;
    color: #7b2d2d !important;
    background: rgba(140, 47, 47, .07) !important;
}
@media (max-width: 640px) {
    body.mp-platform-page .mp-event-time-choice {
        grid-template-columns: 1fr;
    }
    body.mp-platform-page .mp-event-form-block {
        padding: 16px;
        margin: 14px 0;
    }
}

/* 0.8.7 Archiv & Spenden */
.mp-badge-donation {
    background: rgba(125, 86, 36, .14);
    color: #6a451c;
}

.mp-lifecycle-panel {
    margin: 1rem 0;
}

.mp-lifecycle-list {
    display: grid;
    gap: .75rem;
    margin-top: .85rem;
}

.mp-lifecycle-card {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: .75rem;
    align-items: start;
    padding: .75rem;
    border: 1px solid rgba(39, 52, 39, .12);
    border-radius: 18px;
    background: rgba(255, 255, 255, .72);
}

.mp-lifecycle-card__media {
    width: 72px;
    height: 72px;
    overflow: hidden;
    border-radius: 14px;
    background: rgba(39, 52, 39, .06);
    display: grid;
    place-items: center;
}

.mp-lifecycle-card__media img,
.mp-lifecycle-card__media .mp-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mp-lifecycle-card__body {
    min-width: 0;
}

.mp-lifecycle-card__body strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mp-lifecycle-action-form {
    display: inline-block;
}

.mp-donation-auto-field {
    padding: .75rem;
    border-radius: 16px;
    background: rgba(125, 86, 36, .07);
    border: 1px solid rgba(125, 86, 36, .15);
}

.mp-checkbox-line {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
    font-weight: 700;
}

.mp-checkbox-line input {
    margin-top: .2rem;
}

.mp-donations-list .mp-donation-card {
    border-color: rgba(125, 86, 36, .22);
}


/* 0.8.8.0-frontend-layout-foundation
   Saubere Frontend-Grundstruktur statt weiterer Desktop-CSS-Flicken.
   Prinzip: Handy bleibt App-Ansicht; Desktop nutzt gemeinsame Container und je Seitentyp passende Raster/Listen.
*/
body.mp-platform-page {
    --mp-shell-max: 1160px;
    --mp-shell-wide: 1320px;
    --mp-readable-max: 820px;
    --mp-form-max: 760px;
    --mp-gap-page: 1rem;
    overflow-x: hidden;
}

body.mp-platform-page .mp-app-page,
body.mp-platform-page .mp-dashboard-start {
    width: min(100%, var(--mp-readable-max));
    max-width: min(100%, var(--mp-readable-max));
    margin-inline: auto;
    box-sizing: border-box;
    display: grid;
    gap: var(--mp-gap-page);
}

body.mp-platform-page .mp-app-page > *,
body.mp-platform-page .mp-dashboard-start > *,
body.mp-platform-page .mp-app-content > * {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
}

body.mp-platform-page .mp-page-hero-card,
body.mp-platform-page .mp-clean-hero,
body.mp-platform-page .mp-feed-header,
body.mp-platform-page .mp-section-header,
body.mp-platform-page .mp-page-action-grid,
body.mp-platform-page .mp-listing-controls,
body.mp-platform-page .mp-filter-sort-row,
body.mp-platform-page .mp-listings,
body.mp-platform-page .mp-events-list,
body.mp-platform-page .mp-thread-accordion-list-calm,
body.mp-platform-page .mp-access-layout,
body.mp-platform-page .mp-access-layout-wide,
body.mp-platform-page .mp-form-box,
body.mp-platform-page .mp-box,
body.mp-platform-page [data-mp-messages-root] {
    transform: none !important;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

body.mp-platform-page .mp-page-action-grid,
body.mp-platform-page .mp-page-action-grid-single,
body.mp-platform-page .mp-filter-sort-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: .75rem;
}

body.mp-platform-page .mp-filter-sort-row {
    padding: .65rem;
}

body.mp-platform-page input,
body.mp-platform-page select,
body.mp-platform-page textarea,
body.mp-platform-page button,
body.mp-platform-page .mp-button,
body.mp-platform-page .mp-secondary-button,
body.mp-platform-page .mp-dashboard-card,
body.mp-platform-page .mp-page-action-card {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

body.mp-platform-page .mp-listing-card,
body.mp-platform-page .mp-event-card,
body.mp-platform-page .mp-thread-entry-calm {
    min-width: 0;
    max-width: 100%;
    overflow: visible;
    box-sizing: border-box;
}

body.mp-platform-page .mp-listing-card__body,
body.mp-platform-page .mp-card-title-row,
body.mp-platform-page .mp-title-clamped,
body.mp-platform-page .mp-listing-title-link,
body.mp-platform-page .mp-listing-card h2,
body.mp-platform-page .mp-thread-entry-calm,
body.mp-platform-page .mp-thread-title,
body.mp-platform-page .mp-thread-preview-calm {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: normal;
}

body.mp-platform-page .mp-event-detail-image,
body.mp-platform-page .mp-event-detail-card img,
body.mp-platform-page .mp-current-event-image img {
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
    object-position: center center;
    display: block;
    background: #fff;
}

@media (min-width: 760px) {
    body.mp-platform-page .mp-page-action-grid:not(.mp-page-action-grid-single),
    body.mp-platform-page .mp-filter-sort-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 900px) {
    body.mp-platform-page .mp-dashboard-start,
    body.mp-platform-page .mp-app-page {
        width: min(calc(100vw - 64px), var(--mp-shell-max));
        max-width: min(calc(100vw - 64px), var(--mp-shell-max));
        margin-inline: auto;
    }

    body.mp-platform-page .mp-app-page--listings,
    body.mp-platform-page .mp-app-page--my-listings {
        width: min(calc(100vw - 72px), var(--mp-shell-wide));
        max-width: min(calc(100vw - 72px), var(--mp-shell-wide));
    }

    body.mp-platform-page .mp-app-page--messages {
        width: min(calc(100vw - 72px), 980px);
        max-width: min(calc(100vw - 72px), 980px);
    }

    body.mp-platform-page .mp-app-page--events {
        width: min(calc(100vw - 72px), 1120px);
        max-width: min(calc(100vw - 72px), 1120px);
    }

    body.mp-platform-page .mp-app-page--access,
    body.mp-platform-page .mp-app-page--listing-form,
    body.mp-platform-page .mp-app-page--event-form {
        width: min(calc(100vw - 72px), var(--mp-form-max));
        max-width: min(calc(100vw - 72px), var(--mp-form-max));
    }

    body.mp-platform-page .mp-app-page--listing-detail,
    body.mp-platform-page .mp-app-page--event-detail,
    body.mp-platform-page .mp-event-detail-view,
    body.mp-platform-page .mp-listing-detail,
    body.mp-platform-page .mp-detail-card,
    body.mp-platform-page .mp-event-detail-card {
        width: min(100%, var(--mp-readable-max));
        max-width: min(100%, var(--mp-readable-max));
        margin-inline: auto;
    }

    body.mp-platform-page .mp-app-page--listings .mp-listings-all-compact,
    body.mp-platform-page .mp-app-page--my-listings .mp-listings-mine {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
        gap: 1rem;
        align-items: start;
    }

    body.mp-platform-page .mp-app-page--listings .mp-listing-card-all-compact,
    body.mp-platform-page .mp-app-page--my-listings .mp-listing-card-mine {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        display: grid;
        grid-template-columns: 112px minmax(0, 1fr);
        gap: .85rem;
        align-items: start;
        padding: .9rem;
    }

    body.mp-platform-page .mp-app-page--listings .mp-listing-card-all-compact .mp-listing-card__media,
    body.mp-platform-page .mp-app-page--my-listings .mp-listing-card-mine .mp-listing-card__media {
        width: 112px;
        max-width: 112px;
        min-width: 0;
    }

    body.mp-platform-page .mp-app-page--listings .mp-listing-card-all-compact .mp-listing-image,
    body.mp-platform-page .mp-app-page--listings .mp-listing-card-all-compact .mp-demo-image,
    body.mp-platform-page .mp-app-page--my-listings .mp-listing-card-mine .mp-listing-image,
    body.mp-platform-page .mp-app-page--my-listings .mp-listing-card-mine .mp-demo-image {
        width: 112px;
        height: 112px;
        min-height: 112px;
        max-height: 112px;
        object-fit: cover;
        border-radius: 16px;
    }

    body.mp-platform-page .mp-app-page--listings .mp-listing-card-all-compact .mp-title-clamped,
    body.mp-platform-page .mp-app-page--my-listings .mp-listing-card-mine .mp-title-clamped {
        font-size: clamp(1.2rem, 1.2vw, 1.45rem);
        line-height: 1.12;
        max-height: 2.3em;
    }

    body.mp-platform-page .mp-app-page--listings .mp-message-button,
    body.mp-platform-page .mp-app-page--my-listings .mp-owner-edit-button,
    body.mp-platform-page .mp-app-page--my-listings .mp-action-chip {
        width: 100%;
        text-align: center;
        white-space: normal;
    }

    body.mp-platform-page .mp-app-page--events .mp-events-list-compact {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 500px), 1fr));
        gap: 1rem;
    }

    body.mp-platform-page .mp-app-page--events .mp-event-card-compact {
        display: grid;
        grid-template-columns: 148px minmax(0, 1fr);
        gap: 1rem;
        align-items: center;
        width: 100%;
        padding: 1rem;
    }

    body.mp-platform-page .mp-app-page--events .mp-event-card-compact .mp-listing-card__media {
        width: 148px;
        max-width: 148px;
    }

    body.mp-platform-page .mp-app-page--events .mp-event-card-compact .mp-listing-image,
    body.mp-platform-page .mp-app-page--events .mp-event-card-compact .mp-demo-image {
        width: 148px;
        height: 104px;
        object-fit: cover;
        border-radius: 16px;
    }

    body.mp-platform-page .mp-app-page--messages .mp-thread-accordion-list-calm {
        display: grid;
        gap: 1rem;
        width: 100%;
    }

    body.mp-platform-page .mp-app-page--messages .mp-thread-entry-calm {
        width: 100%;
        display: block;
    }

    body.mp-platform-page .mp-app-page--access .mp-access-layout,
    body.mp-platform-page .mp-app-page--access .mp-access-layout-wide {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        width: 100%;
        max-width: 100%;
    }

    body.mp-platform-page .mp-app-page--access .mp-access-form input,
    body.mp-platform-page .mp-app-page--access .mp-access-form select,
    body.mp-platform-page .mp-app-page--access .mp-access-form textarea {
        width: 100%;
    }
}

@media (min-width: 900px) and (max-width: 1080px) {
    body.mp-platform-page .mp-dashboard-start,
    body.mp-platform-page .mp-app-page,
    body.mp-platform-page .mp-app-page--listings,
    body.mp-platform-page .mp-app-page--my-listings,
    body.mp-platform-page .mp-app-page--events,
    body.mp-platform-page .mp-app-page--messages {
        width: min(calc(100vw - 40px), 100%);
        max-width: min(calc(100vw - 40px), 100%);
    }

    body.mp-platform-page .mp-app-page--listings .mp-listings-all-compact,
    body.mp-platform-page .mp-app-page--my-listings .mp-listings-mine {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    }

    body.mp-platform-page .mp-app-page--listings .mp-listing-card-all-compact,
    body.mp-platform-page .mp-app-page--my-listings .mp-listing-card-mine {
        grid-template-columns: 96px minmax(0, 1fr);
    }

    body.mp-platform-page .mp-app-page--listings .mp-listing-card-all-compact .mp-listing-card__media,
    body.mp-platform-page .mp-app-page--my-listings .mp-listing-card-mine .mp-listing-card__media,
    body.mp-platform-page .mp-app-page--listings .mp-listing-card-all-compact .mp-listing-image,
    body.mp-platform-page .mp-app-page--listings .mp-listing-card-all-compact .mp-demo-image,
    body.mp-platform-page .mp-app-page--my-listings .mp-listing-card-mine .mp-listing-image,
    body.mp-platform-page .mp-app-page--my-listings .mp-listing-card-mine .mp-demo-image {
        width: 96px;
        max-width: 96px;
        height: 96px;
        min-height: 96px;
    }
}

@media (max-width: 899px) {
    body.mp-platform-page .mp-app-page,
    body.mp-platform-page .mp-dashboard-start {
        width: min(100%, var(--mp-readable-max));
        max-width: min(100%, var(--mp-readable-max));
        margin-inline: auto;
    }
}


/* 0.8.8.1-card-height-detail-polish: Karten nicht künstlich auf Zeilenhöhe strecken */
@media (min-width: 900px) {
    body.mp-platform-page .mp-app-page--listings .mp-listings-all-compact,
    body.mp-platform-page .mp-app-page--my-listings .mp-listings-mine {
        align-items: start;
    }

    body.mp-platform-page .mp-app-page--listings .mp-listing-card-all-compact,
    body.mp-platform-page .mp-app-page--my-listings .mp-listing-card-mine {
        align-self: start;
        height: auto;
    }

    body.mp-platform-page .mp-app-page--listing-detail .mp-listing-detail,
    body.mp-platform-page .mp-app-page--event-detail .mp-event-detail-view {
        margin-left: auto;
        margin-right: auto;
    }
}

/* 0.9.0-pilot-ready: dezenter Pilot-Hinweis und Textbausteine */
.mp-pilot-info-box {
    border-left: 4px solid var(--mp-accent, #d7a84f);
    background: linear-gradient(135deg, rgba(255, 248, 229, .96), rgba(255, 255, 255, .96));
    margin: 1rem 0;
}

.mp-pilot-info-box h2 {
    margin-top: .15rem;
}

.mp-pilot-text-box {
    line-height: 1.55;
}

.mp-pilot-text-box ul {
    margin: .75rem 0 0;
    padding-left: 1.25rem;
}

.mp-pilot-text-box li {
    margin: .35rem 0;
}

@media (min-width: 900px) {
    .mp-app-page .mp-pilot-info-box,
    .mp-dashboard .mp-pilot-info-box {
        max-width: min(1100px, calc(100vw - 5rem));
        margin-left: auto;
        margin-right: auto;
    }
}


/* 0.9.2-pilot-notice-compact: Pilot-Hinweis dezenter für Dashboard/Zugang */
.mp-pilot-info-box-compact {
    padding: .85rem 1rem;
    border-left: 3px solid var(--mp-accent, #d7a84f);
    background: rgba(255, 250, 239, .72);
    margin: .8rem 0 1rem;
}

.mp-pilot-info-box-compact .mp-pilot-compact-line,
.mp-pilot-info-box-compact .mp-pilot-compact-meta {
    margin: 0;
}

.mp-pilot-info-box-compact .mp-pilot-compact-line {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .35rem .55rem;
    font-size: .98rem;
    line-height: 1.35;
}

.mp-pilot-info-box-compact .mp-pilot-pill {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .18rem .5rem;
    background: rgba(42, 76, 48, .10);
    color: var(--mp-green, #254c30);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.mp-pilot-info-box-compact .mp-pilot-compact-meta {
    margin-top: .35rem;
    color: var(--mp-muted, #737373);
    font-size: .88rem;
    line-height: 1.35;
}

@media (max-width: 899px) {
    .mp-pilot-info-box-compact {
        padding: .8rem .9rem;
        margin: .75rem 0 1rem;
    }

    .mp-pilot-info-box-compact .mp-pilot-compact-line {
        display: block;
        font-size: .98rem;
    }

    .mp-pilot-info-box-compact .mp-pilot-pill {
        margin-right: .35rem;
        margin-bottom: .25rem;
        vertical-align: middle;
    }

    .mp-pilot-info-box-compact .mp-pilot-compact-meta {
        font-size: .84rem;
    }
}

/* 0.9.4.2-pilot-polish: Zugang/Benachrichtigungen auf iPad/Apple reparieren */
body.mp-platform-page .mp-name-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

body.mp-platform-page .mp-name-grid .mp-field {
    min-width: 0;
}

body.mp-platform-page .mp-name-grid-help {
    grid-column: 1 / -1;
    margin-top: -.35rem;
}

body.mp-platform-page .mp-notification-settings-form {
    max-width: none;
}

body.mp-platform-page .mp-notification-settings-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: .65rem;
    width: 100%;
}

body.mp-platform-page .mp-notification-settings-grid .mp-toggle-row {
    display: grid !important;
    grid-template-columns: 1.25rem minmax(0, 1fr);
    align-items: start;
    gap: .7rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    min-height: auto;
}

body.mp-platform-page .mp-notification-settings-grid .mp-toggle-row input[type="checkbox"] {
    width: auto !important;
    min-width: 0;
    max-width: 1.25rem;
    margin: .18rem 0 0;
    padding: 0;
    justify-self: start;
}

body.mp-platform-page .mp-notification-settings-grid .mp-toggle-row span {
    min-width: 0;
    overflow-wrap: anywhere;
    line-height: 1.35;
}

@media (max-width: 560px) {
    body.mp-platform-page .mp-name-grid {
        grid-template-columns: 1fr;
        gap: .75rem;
    }
}

/* 0.9.4.3 – Pilot-Polish: stabile Fotoauswahl, Art-Auswahl, Benachrichtigungen */
body.mp-platform-page .mp-file-picker-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    width: 100%;
}

body.mp-platform-page .mp-file-picker-row .mp-file-picker {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

body.mp-platform-page .mp-type-fieldset .mp-type-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

body.mp-platform-page .mp-type-fieldset .mp-type-option {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    overflow: visible;
}

body.mp-platform-page .mp-type-fieldset .mp-type-option span {
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
    line-height: 1.18;
}

body.mp-platform-page .mp-notification-settings-grid .mp-toggle-row {
    display: flex !important;
    align-items: flex-start;
    gap: .7rem;
    padding: .65rem .75rem;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 14px;
    background: rgba(255,255,255,.72);
}

body.mp-platform-page .mp-notification-settings-grid .mp-toggle-row input[type="checkbox"] {
    flex: 0 0 auto;
    width: 1.05rem !important;
    height: 1.05rem;
    max-width: 1.05rem;
    margin-top: .18rem;
}

body.mp-platform-page .mp-notification-settings-grid .mp-toggle-row span {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: normal;
    word-break: normal;
}

body.mp-platform-page .mp-push-buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin-top: .75rem;
}

body.mp-platform-page .mp-push-buttons .mp-button,
body.mp-platform-page .mp-push-buttons .mp-secondary-button {
    width: 100%;
    min-width: 0;
}

@media (max-width: 560px) {
    body.mp-platform-page .mp-file-picker-row,
    body.mp-platform-page .mp-push-buttons {
        grid-template-columns: 1fr;
    }

    body.mp-platform-page .mp-type-fieldset .mp-type-grid {
        grid-template-columns: 1fr;
    }
}