/* Datei: wp-content/plugins/_nc-user-dashboard/assets/css/_nc-meins-popup.css
 * Erstellt: 2026-10-05 11:09:08 Europe/Berlin
 * Letzte Änderung: 2026-10-19 15:30:29 Europe/Berlin*/
.nc-meins-launcher, .nc-meins-popup, .nc-meins-popup * { box-sizing: border-box; }
.nc-meins-launcher[hidden], .nc-meins-popup [hidden] { display: none !important; }
.nc-meins-launcher {
    position: fixed; top: 46%; right: max(12px, env(safe-area-inset-right)); z-index: 900;
    width: 60px; min-height: 70px; padding: 9px 5px; border: 1px solid #c4d2dd;
    border-radius: 30px; background: #162e5b; color: #fff; box-shadow: 0 5px 18px #16243545;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
    font: 500 12px/1.2 Inter, Roboto, sans-serif; cursor: pointer;
}
.nc-meins-launcher:hover { background: #2c7683; }
.nc-meins-popup {
    --nc-meins-width: calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));
    --nc-meins-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    width: min(900px, var(--nc-meins-width)); max-width: var(--nc-meins-width);
    height: fit-content; max-height: var(--nc-meins-height); margin: auto;
    padding: 0; border: 1px solid #c4d2dd; border-radius: 18px;
    background: #fff; color: #19374b; box-shadow: 0 18px 60px #16243545; overflow: hidden;
    font: 400 16px/1.25 Inter, Roboto, sans-serif;
}
.nc-meins-popup[open] { display: flex; flex-direction: column; }
/* Vorhandene Sichtbarkeit bestimmt die Größe: Übersicht nach Kachelbedarf, Inhalt wie meine Medien. */
.nc-meins-popup:has(> .nc-meins-popup__profile:not([hidden])),
.nc-meins-popup:has(> .nc-meins-popup__legal:not([hidden])) {
    width: min(1100px, var(--nc-meins-width)); height: var(--nc-meins-height);
}
.nc-meins-popup::backdrop { background: #16243575; }
.nc-meins-popup__header {
    flex: 0 0 auto; display: flex; align-items: center; gap: 8px; min-height: 62px;
    padding: 8px 10px; border-bottom: 1px solid #c4d2dd; background: #eaf5f5;
}
.nc-meins-popup__header h2 { flex: 1; min-width: 0; margin: 0; color: #162e5b; font: 600 20px/1.2 Inter, Roboto, sans-serif; overflow-wrap: anywhere; }
.nc-meins-popup .nc-meins-popup__icon {
    flex: 0 0 44px; width: 44px; min-height: 44px; padding: 0; border: 1px solid #c4d2dd;
    border-radius: 10px; background: #fff; color: #162e5b; font: 400 26px/1 Inter, Roboto, sans-serif; cursor: pointer;
}
.nc-meins-popup__overview { min-height: 0; overflow-y: auto; padding: 12px; }
/* Menüprüfung bleibt sichtbar und erreichbar; keine alten Kacheln bei Ladefehler. */
.nc-meins-popup__menu-status { margin: 0 0 8px; font-size: 13px; overflow-wrap: anywhere; }
.nc-meins-popup__menu-retry { min-height: 44px; margin: 0 0 8px; padding: 8px 12px; border: 1px solid #899bab; border-radius: 8px; color: #fff; background: #2c7683; font: inherit; cursor: pointer; }
.nc-meins-popup__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.nc-meins-popup__grid li {
    position: relative; display: flex; flex-direction: column; justify-content: center; gap: 5px;
    min-width: 0; min-height: 84px; margin: 0; padding: 12px; border: 1px solid #c4d2dd;
    border-radius: 12px; color: #19374b; background: #fff; overflow-wrap: anywhere;
}
.nc-meins-popup__grid .nc-owner-empty { display: none !important; }
.nc-meins-popup__title-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0; min-width: 0; }
.nc-meins-popup__grid a { max-width: 100%; color: inherit; text-decoration: none; overflow-wrap: anywhere; }
/* Native Linkfläche über der Kachel; Hilfeauslöser stehen bedienbar darüber. */
.nc-meins-popup__grid a::after { content: ''; position: absolute; inset: 0; z-index: 0; border-radius: 12px; }
.nc-meins-popup__grid a > strong { font-size: 16px; font-weight: 500; }
.nc-meins-popup__description { font-size: 12px; line-height: 1.4; }
.nc-meins-popup__grid .nc-context-help__term,
.nc-meins-popup__title-row .nc-context-help__link-trigger { position: relative; z-index: 1; }
.nc-meins-popup__grid li:hover, .nc-meins-popup__grid li:focus-within { background: #eaf5f5; border-color: #2c7683; }
.nc-meins-popup__profile { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.nc-meins-popup__frame { flex: 1; min-height: 0; }
.nc-meins-popup__media, .nc-meins-popup__offers { display: flex; flex: 1; min-width: 0; min-height: 0; }
/* Originalmaske und Hintergrund bis zum rechten Rand; Scrollbarplatz nur bei tatsächlichem Überlauf. */
.nc-meins-popup__anchor { flex: 1; display: flex; flex-direction: column; min-width: 0; min-height: 0; padding: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: auto; }
/* Googles unveränderte Vorschlagsliste liegt in derselben nativen Dialogebene. */
.nc-meins-popup > .pac-container { position: fixed !important; z-index: 80; max-width: calc(100vw - 24px); }
.nc-meins-popup__frame iframe { display: block; width: 100%; height: 100%; border: 0; background: #fff; }
.nc-meins-popup__status { flex: 0 0 auto; margin: 0; padding: 12px; font-size: 13px; }
.nc-meins-popup__error { min-height: 0; padding: 12px; overflow-y: auto; }
.nc-meins-popup__error p { margin: 0 0 12px; }
.nc-meins-popup__error button { min-height: 44px; padding: 8px 12px; border: 1px solid #899bab; border-radius: 8px; color: #fff; background: #2c7683; font: inherit; cursor: pointer; }
.nc-meins-popup__error a { display: block; margin-top: 12px; color: #162e5b; overflow-wrap: anywhere; }
.nc-meins-launcher:focus-visible, .nc-meins-popup :focus-visible { outline: 3px solid #2c7683; outline-offset: 3px; }
@media (max-width: 540px), (hover: none) and (pointer: coarse) {
    .nc-meins-launcher {
        right: calc(3px + env(safe-area-inset-right));
        width: 44px; min-width: 44px; height: 44px; min-height: 44px;
        padding: 5px 4px; border-radius: 22px; gap: 2px;
        font-size: 10px; line-height: 12px;
    }
    .nc-meins-launcher svg { width: 18px; height: 18px; flex: 0 0 18px; }
    .nc-meins-launcher:focus-visible { outline-offset: -3px; }
}
@media (max-width: 540px) {
    .nc-meins-popup__grid { grid-template-columns: minmax(0, 1fr); }
    .nc-meins-popup__grid li { min-height: 70px; }
}

/* Öffentliche Lesefläche; Rahmen und Kopf stammen aus den gemeinsamen Regeln oben. */
.nc-meins-popup__legal {
    flex: 1; min-width: 0; min-height: 0; padding: 12px;
    overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable;
    font-size: 16px; line-height: 1.5; overflow-wrap: anywhere;
}
.nc-meins-popup__legal p[data-meins-legal-status] { margin: 0 0 12px; }
.nc-meins-popup__legal button { min-height: 44px; padding: 8px 12px; font: inherit; }
.nc-meins-popup__legal > a { display: block; margin-top: 12px; color: #162e5b; }
.nc-meins-popup__legal-text, .nc-meins-popup__legal-text * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.nc-meins-popup__legal-text { --container-max-width: 100%; }
.nc-meins-popup__legal-text img, .nc-meins-popup__legal-text video { height: auto; }
.nc-meins-popup__legal-text pre { white-space: pre-wrap; }
.nc-meins-popup__legal-text table { width: 100%; table-layout: fixed; }
.nc-meins-popup__legal-text th, .nc-meins-popup__legal-text td { white-space: normal; word-break: normal; }