/* Ein „ד fuer alle (Aldin, 05.10.2026: „mach das X überall gleich“).

   Vorbild ist das runde „ד auf den Immobilienkarten im Publisher
   (`.listing-card__remove`): 26 px Kreis, feiner grauer Rahmen, helle Flaeche,
   dunkles „ד; beim Ueberfahren rot; Fokus als neutrale Outline. Gilt fuer jeden
   Schliessen- und Entfernen-Knopf mit „ד im Kontobereich (Dialoge, Seitenleisten,
   Karten, Meldungen, Cookie-Fenster). Nicht dazu gehoeren das „ד in Etiketten
   und Filter-Chips, Papierkorb-Knoepfe und Text-Knoepfe „Schließen“.

   Die Knoepfe hatten bis dahin jeweils eigene Regeln in vielen Stylesheets und
   Inline-Bloecken (Rahmen, Groesse, Farbe, Dunkelmodus). Damit diese eine Regel
   ueberall gewinnt, ohne jede alte Regel einzeln zu loeschen, traegt die Liste in
   `:is()` einen nie passenden Zusatz mit zwei IDs: `:is()` uebernimmt die hoechste
   Spezifitaet seiner Liste. Lage und Sichtbarkeit (position, top/right, display:
   none an bestimmten Breiten) bleiben bei den Regeln der Bausteine - hier wird
   bewusst kein `display` erzwungen (nur als Rueckfall mit Spezifitaet 0). */

:where(
    .listing-card__remove,
    .publisher-plan-modal__close,
    .account-crm-dialog__close,
    button[data-publication-dialog-close].button-icon,
    button[data-publication-day-close],
    .social-center-connect-dialog__close,
    .social-plan-review-dialog__close,
    .social-center-system-detail__close,
    .disconnect-button,
    .vuexy-lab__toast-header button,
    .publisher-phase__workset-remove,
    .publisher-media-lightbox__icon-button[data-publisher-media-lightbox-close],
    .publisher-preview__close,
    .publisher-branding-picker__close,
    .publisher-composer-preview__close,
    .publisher-composer-emoji-heading button,
    [data-publisher-ai-close],
    [data-publisher-ai-error-close],
    .publisher-ai__history-delete,
    .automation-mode-dialog__close,
    .social-branding-dialog__head > button,
    .message-dismiss,
    .plan-change-dialog__close,
    dialog.account-crm-image-viewer > button,
    .vuexy-lab__cookie-close
) {
    display: inline-grid;
    place-items: center;
}

html body :is(
    .listing-card__remove,
    .publisher-plan-modal__close,
    .account-crm-dialog__close,
    button[data-publication-dialog-close].button-icon,
    button[data-publication-day-close],
    .social-center-connect-dialog__close,
    .social-plan-review-dialog__close,
    .social-center-system-detail__close,
    .disconnect-button,
    .vuexy-lab__toast-header button,
    .publisher-phase__workset-remove,
    .publisher-media-lightbox__icon-button[data-publisher-media-lightbox-close],
    .publisher-preview__close,
    .publisher-branding-picker__close,
    .publisher-composer-preview__close,
    .publisher-composer-emoji-heading button,
    [data-publisher-ai-close],
    [data-publisher-ai-error-close],
    .publisher-ai__history-delete,
    .automation-mode-dialog__close,
    .social-branding-dialog__head > button,
    .message-dismiss,
    .plan-change-dialog__close,
    dialog.account-crm-image-viewer > button,
    .vuexy-lab__cookie-close,
    #im-close-x#im-close-x
) {
    box-sizing: border-box;
    flex: 0 0 26px;
    width: 26px;
    min-width: 26px;
    max-width: 26px;
    height: 26px;
    min-height: 26px;
    max-height: 26px;
    margin-block: 0;
    border: 1px solid #d4dae5;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    padding: 0;
    color: #2f3349;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    transform: none;
    cursor: pointer;
    transition: border-color 0.16s ease, color 0.16s ease, background-color 0.16s ease;
}

html body :is(
    .listing-card__remove,
    .publisher-plan-modal__close,
    .account-crm-dialog__close,
    button[data-publication-dialog-close].button-icon,
    button[data-publication-day-close],
    .social-center-connect-dialog__close,
    .social-plan-review-dialog__close,
    .social-center-system-detail__close,
    .disconnect-button,
    .vuexy-lab__toast-header button,
    .publisher-phase__workset-remove,
    .publisher-media-lightbox__icon-button[data-publisher-media-lightbox-close],
    .publisher-preview__close,
    .publisher-branding-picker__close,
    .publisher-composer-preview__close,
    .publisher-composer-emoji-heading button,
    [data-publisher-ai-close],
    [data-publisher-ai-error-close],
    .publisher-ai__history-delete,
    .automation-mode-dialog__close,
    .social-branding-dialog__head > button,
    .message-dismiss,
    .plan-change-dialog__close,
    dialog.account-crm-image-viewer > button,
    .vuexy-lab__cookie-close,
    #im-close-x#im-close-x
) :is(.icon-base, svg) {
    width: 15px;
    height: 15px;
    font-size: 15px;
    margin: 0;
    color: inherit;
    transform: none;
}

html body :is(
    .listing-card__remove,
    .publisher-plan-modal__close,
    .account-crm-dialog__close,
    button[data-publication-dialog-close].button-icon,
    button[data-publication-day-close],
    .social-center-connect-dialog__close,
    .social-plan-review-dialog__close,
    .social-center-system-detail__close,
    .disconnect-button,
    .vuexy-lab__toast-header button,
    .publisher-phase__workset-remove,
    .publisher-media-lightbox__icon-button[data-publisher-media-lightbox-close],
    .publisher-preview__close,
    .publisher-branding-picker__close,
    .publisher-composer-preview__close,
    .publisher-composer-emoji-heading button,
    [data-publisher-ai-close],
    [data-publisher-ai-error-close],
    .publisher-ai__history-delete,
    .automation-mode-dialog__close,
    .social-branding-dialog__head > button,
    .message-dismiss,
    .plan-change-dialog__close,
    dialog.account-crm-image-viewer > button,
    .vuexy-lab__cookie-close,
    #im-close-x#im-close-x
):is(:hover, :active) {
    border-color: #ea5455;
    background: #fff;
    color: #ea5455;
    box-shadow: none;
    transform: none;
}

html body :is(
    .listing-card__remove,
    .publisher-plan-modal__close,
    .account-crm-dialog__close,
    button[data-publication-dialog-close].button-icon,
    button[data-publication-day-close],
    .social-center-connect-dialog__close,
    .social-plan-review-dialog__close,
    .social-center-system-detail__close,
    .disconnect-button,
    .vuexy-lab__toast-header button,
    .publisher-phase__workset-remove,
    .publisher-media-lightbox__icon-button[data-publisher-media-lightbox-close],
    .publisher-preview__close,
    .publisher-branding-picker__close,
    .publisher-composer-preview__close,
    .publisher-composer-emoji-heading button,
    [data-publisher-ai-close],
    [data-publisher-ai-error-close],
    .publisher-ai__history-delete,
    .automation-mode-dialog__close,
    .social-branding-dialog__head > button,
    .message-dismiss,
    .plan-change-dialog__close,
    dialog.account-crm-image-viewer > button,
    .vuexy-lab__cookie-close,
    #im-close-x#im-close-x
):focus-visible {
    outline: 2px solid #6d7183;
    outline-offset: 2px;
    box-shadow: none;
}

/* Dunkelmodus: dunkle Flaeche, heller Rahmen und helles „ד, beim Ueberfahren rot.
   Die alte Portalregel (styles.css) faerbt sonst jeden Knopf weiss. */
html[data-bs-theme="dark"] body :is(
    .listing-card__remove,
    .publisher-plan-modal__close,
    .account-crm-dialog__close,
    button[data-publication-dialog-close].button-icon,
    button[data-publication-day-close],
    .social-center-connect-dialog__close,
    .social-plan-review-dialog__close,
    .social-center-system-detail__close,
    .disconnect-button,
    .vuexy-lab__toast-header button,
    .publisher-phase__workset-remove,
    .publisher-media-lightbox__icon-button[data-publisher-media-lightbox-close],
    .publisher-preview__close,
    .publisher-branding-picker__close,
    .publisher-composer-preview__close,
    .publisher-composer-emoji-heading button,
    [data-publisher-ai-close],
    [data-publisher-ai-error-close],
    .publisher-ai__history-delete,
    .automation-mode-dialog__close,
    .social-branding-dialog__head > button,
    .message-dismiss,
    .plan-change-dialog__close,
    dialog.account-crm-image-viewer > button,
    .vuexy-lab__cookie-close,
    #im-close-x#im-close-x
) {
    border-color: var(--im-dark-border, #48566d);
    background: var(--im-dark-surface, #222c3d);
    color: var(--im-dark-muted, #b4bfd1);
}

html[data-bs-theme="dark"] body :is(
    .listing-card__remove,
    .publisher-plan-modal__close,
    .account-crm-dialog__close,
    button[data-publication-dialog-close].button-icon,
    button[data-publication-day-close],
    .social-center-connect-dialog__close,
    .social-plan-review-dialog__close,
    .social-center-system-detail__close,
    .disconnect-button,
    .vuexy-lab__toast-header button,
    .publisher-phase__workset-remove,
    .publisher-media-lightbox__icon-button[data-publisher-media-lightbox-close],
    .publisher-preview__close,
    .publisher-branding-picker__close,
    .publisher-composer-preview__close,
    .publisher-composer-emoji-heading button,
    [data-publisher-ai-close],
    [data-publisher-ai-error-close],
    .publisher-ai__history-delete,
    .automation-mode-dialog__close,
    .social-branding-dialog__head > button,
    .message-dismiss,
    .plan-change-dialog__close,
    dialog.account-crm-image-viewer > button,
    .vuexy-lab__cookie-close,
    #im-close-x#im-close-x
):is(:hover, :active) {
    border-color: #ff6b6c;
    background: var(--im-dark-surface, #222c3d);
    color: #ff6b6c;
}

@media (prefers-reduced-motion: reduce) {
    html body :is(
        .listing-card__remove,
        .publisher-plan-modal__close,
        .account-crm-dialog__close,
        button[data-publication-dialog-close].button-icon,
        button[data-publication-day-close],
        .social-center-connect-dialog__close,
        .social-plan-review-dialog__close,
        .social-center-system-detail__close,
        .disconnect-button,
        .vuexy-lab__toast-header button,
        .publisher-phase__workset-remove,
        .publisher-media-lightbox__icon-button[data-publisher-media-lightbox-close],
        .publisher-preview__close,
        .publisher-branding-picker__close,
        .publisher-composer-preview__close,
        .publisher-composer-emoji-heading button,
        [data-publisher-ai-close],
        [data-publisher-ai-error-close],
        .publisher-ai__history-delete,
        .automation-mode-dialog__close,
        .social-branding-dialog__head > button,
        .message-dismiss,
        .plan-change-dialog__close,
        dialog.account-crm-image-viewer > button,
        .vuexy-lab__cookie-close,
        #im-close-x#im-close-x
    ) {
        transition: none;
    }
}

/* „ד genau mittig (Aldin, 08.10.2026): Das Schriftzeichen „ד und die Symbole hatten
   ungerade Höhen (9 px) im geraden Innenraum (24 px) und saßen 1 px daneben. Darum wird
   das „ד hier selbst gezeichnet: ein 10 × 10 px großes Kreuz (Maske in Schriftfarbe,
   damit Hover-Rot und Dunkelmodus weiter greifen), per Grid genau mittig. Altes Zeichen
   und Symbol werden ausgeblendet; der Name für Screenreader steht im aria-label. */
:where(
    .listing-card__remove,
    .publisher-plan-modal__close,
    .account-crm-dialog__close,
    button[data-publication-dialog-close].button-icon,
    button[data-publication-day-close],
    .social-center-connect-dialog__close,
    .social-plan-review-dialog__close,
    .social-center-system-detail__close,
    .disconnect-button,
    .vuexy-lab__toast-header button,
    .publisher-phase__workset-remove,
    .publisher-media-lightbox__icon-button[data-publisher-media-lightbox-close],
    .publisher-preview__close,
    .publisher-branding-picker__close,
    .publisher-composer-preview__close,
    .publisher-composer-emoji-heading button,
    [data-publisher-ai-close],
    [data-publisher-ai-error-close],
    .publisher-ai__history-delete,
    .automation-mode-dialog__close,
    .social-branding-dialog__head > button,
    .message-dismiss,
    .plan-change-dialog__close,
    dialog.account-crm-image-viewer > button,
    .vuexy-lab__cookie-close
) {
    position: relative; /* Rückfall, Bausteine mit eigener Lage behalten sie */
}

html body :is(
    .listing-card__remove,
    .publisher-plan-modal__close,
    .account-crm-dialog__close,
    button[data-publication-dialog-close].button-icon,
    button[data-publication-day-close],
    .social-center-connect-dialog__close,
    .social-plan-review-dialog__close,
    .social-center-system-detail__close,
    .disconnect-button,
    .vuexy-lab__toast-header button,
    .publisher-phase__workset-remove,
    .publisher-media-lightbox__icon-button[data-publisher-media-lightbox-close],
    .publisher-preview__close,
    .publisher-branding-picker__close,
    .publisher-composer-preview__close,
    .publisher-composer-emoji-heading button,
    [data-publisher-ai-close],
    [data-publisher-ai-error-close],
    .publisher-ai__history-delete,
    .automation-mode-dialog__close,
    .social-branding-dialog__head > button,
    .message-dismiss,
    .plan-change-dialog__close,
    dialog.account-crm-image-viewer > button,
    .vuexy-lab__cookie-close,
    #im-close-x#im-close-x
) {
    font-size: 0;
}

html body :is(
    .listing-card__remove,
    .publisher-plan-modal__close,
    .account-crm-dialog__close,
    button[data-publication-dialog-close].button-icon,
    button[data-publication-day-close],
    .social-center-connect-dialog__close,
    .social-plan-review-dialog__close,
    .social-center-system-detail__close,
    .disconnect-button,
    .vuexy-lab__toast-header button,
    .publisher-phase__workset-remove,
    .publisher-media-lightbox__icon-button[data-publisher-media-lightbox-close],
    .publisher-preview__close,
    .publisher-branding-picker__close,
    .publisher-composer-preview__close,
    .publisher-composer-emoji-heading button,
    [data-publisher-ai-close],
    [data-publisher-ai-error-close],
    .publisher-ai__history-delete,
    .automation-mode-dialog__close,
    .social-branding-dialog__head > button,
    .message-dismiss,
    .plan-change-dialog__close,
    dialog.account-crm-image-viewer > button,
    .vuexy-lab__cookie-close,
    #im-close-x#im-close-x
) > :not(.visually-hidden, .sr-only) {
    display: none !important;
}

html body :is(
    .listing-card__remove,
    .publisher-plan-modal__close,
    .account-crm-dialog__close,
    button[data-publication-dialog-close].button-icon,
    button[data-publication-day-close],
    .social-center-connect-dialog__close,
    .social-plan-review-dialog__close,
    .social-center-system-detail__close,
    .disconnect-button,
    .vuexy-lab__toast-header button,
    .publisher-phase__workset-remove,
    .publisher-media-lightbox__icon-button[data-publisher-media-lightbox-close],
    .publisher-preview__close,
    .publisher-branding-picker__close,
    .publisher-composer-preview__close,
    .publisher-composer-emoji-heading button,
    [data-publisher-ai-close],
    [data-publisher-ai-error-close],
    .publisher-ai__history-delete,
    .automation-mode-dialog__close,
    .social-branding-dialog__head > button,
    .message-dismiss,
    .plan-change-dialog__close,
    dialog.account-crm-image-viewer > button,
    .vuexy-lab__cookie-close,
    #im-close-x#im-close-x
)::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: var(--im-close-x-size, 10px);
    height: var(--im-close-x-size, 10px);
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 1l8 8M9 1L1 9' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 1l8 8M9 1L1 9' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}