/* ============================================================
   BEZIRKS-CHECK — Umfrage-Modal (minimalistisch, DELUX-Gold)
   ============================================================ */
.umf-overlay {
    position: fixed;
    inset: 0;
    z-index: var(--wi-z-modal, 900);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(6, 12, 16, .82);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
}
.umf-overlay.active { opacity: 1; visibility: visible; }

.umf-box {
    position: relative;
    width: min(460px, 100%);
    max-height: min(88vh, 700px);
    overflow-y: auto;
    padding: 28px 26px 22px;
    border-radius: 18px;
    background: var(--bg-elevated, #1a2d39);
    border: 1px solid var(--border, rgba(201,162,39,.14));
    box-shadow: 0 28px 70px rgba(0,0,0,.6);
    transform: translateY(12px) scale(.98);
    transition: transform .25s cubic-bezier(.2,.8,.3,1);
}
.umf-overlay.active .umf-box { transform: none; }

.umf-close {
    position: absolute; top: 12px; right: 12px;
    width: 34px; height: 34px;
    display: grid; place-items: center;
    border: 0; border-radius: 50%;
    background: rgba(255,255,255,.06);
    color: var(--text-muted, rgba(255,255,255,.6));
    font-size: 1.2rem; cursor: pointer;
    transition: background .18s ease, color .18s ease;
}
.umf-close:hover { background: var(--accent, #c9a227); color: #12181d; }

.umf-titel { margin: 0 0 4px; font-size: 1.25rem; font-weight: 700; color: var(--text, #f0f0f5); }
.umf-sub   { margin: 0 0 16px; font-size: .84rem; color: var(--text-muted, rgba(255,255,255,.55)); }
.umf-periode {
    display: inline-block; margin-left: 4px; padding: 1px 8px;
    border-radius: 999px; background: rgba(201,162,39,.14);
    color: var(--accent, #c9a227); font-size: .74rem; font-weight: 600;
}
.umf-lade { color: var(--text-muted, rgba(255,255,255,.55)); font-size: .86rem; }

/* Bezirkswahl */
.umf-select {
    width: 100%;
    padding: 12px 14px;
    margin-bottom: 18px;
    border-radius: 10px;
    border: 1px solid var(--border-hover, rgba(201,162,39,.3));
    background: var(--bg-tile, #1B2E3A);
    color: var(--text, #f0f0f5);
    font-size: .95rem;
    font-family: inherit;
}
.umf-select:focus-visible { outline: 2px solid var(--accent, #c9a227); outline-offset: 2px; }

/* Fragen */
.umf-fragen { display: flex; flex-direction: column; gap: 4px; transition: opacity .2s ease; }
.umf-fragen--aus { opacity: .35; pointer-events: none; }

.umf-frage {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 9px 0;
    border-bottom: 1px solid rgba(255,255,255,.05);
}
.umf-frage:last-child { border-bottom: 0; }
.umf-frage__text {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: .9rem; color: var(--text, #f0f0f5); min-width: 0;
}
.umf-frage__text i { font-size: 1.15rem; color: var(--accent, #c9a227); flex: 0 0 auto; }

.umf-opts { display: flex; gap: 5px; flex: 0 0 auto; }
.umf-opt {
    width: 40px; height: 38px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 9px;
    background: transparent;
    color: var(--text-muted, rgba(255,255,255,.55));
    font-size: 1.05rem; font-weight: 700; cursor: pointer;
    transition: all .16s ease;
}
.umf-opt:hover { border-color: rgba(255,255,255,.3); color: #fff; }
.umf-opt--minus.active  { background: rgba(255,59,82,.18);  border-color: #ff3b52; color: #ff3b52; }
.umf-opt--gleich.active { background: rgba(255,255,255,.12); border-color: #aaa;    color: #fff; }
.umf-opt--plus.active   { background: rgba(61,220,132,.18); border-color: #3ddc84; color: #3ddc84; }
.umf-opt:focus-visible  { outline: 2px solid var(--accent, #c9a227); outline-offset: 2px; }

/* Absenden */
.umf-send {
    width: 100%;
    margin-top: 18px;
    padding: 13px;
    border: 0; border-radius: 11px;
    background: var(--accent, #c9a227);
    color: #12181d;
    font-size: .95rem; font-weight: 700; font-family: inherit;
    cursor: pointer;
    transition: opacity .18s ease, transform .18s ease;
}
.umf-send:hover:not(:disabled) { transform: translateY(-1px); }
.umf-send:disabled { opacity: .35; cursor: not-allowed; }
.umf-send--ghost {
    background: transparent;
    border: 1px solid var(--border-hover, rgba(201,162,39,.3));
    color: var(--accent, #c9a227);
}
.umf-hinweis {
    margin: 12px 0 0;
    font-size: .72rem; line-height: 1.45;
    color: var(--text-dim, rgba(255,255,255,.35));
    text-align: center;
}

/* Danke + Ergebnis */
.umf-danke { text-align: center; margin-bottom: 18px; }
.umf-danke i { font-size: 3rem; color: #3ddc84; display: block; margin-bottom: 8px; }
.umf-restitel {
    margin: 0 0 12px; font-size: .82rem; font-weight: 600;
    letter-spacing: .04em; text-transform: uppercase;
    color: var(--text-muted, rgba(255,255,255,.55));
}
.umf-res {
    display: grid;
    grid-template-columns: 1fr 90px 42px;
    align-items: center; gap: 10px;
    padding: 7px 0;
    font-size: .84rem;
}
.umf-res__name { color: var(--text, #f0f0f5); }
.umf-res__bar {
    display: flex; height: 8px; border-radius: 4px; overflow: hidden;
    background: rgba(255,255,255,.06);
}
.umf-res__bar i { display: block; height: 100%; }
.umf-res__bar .minus  { background: #ff3b52; }
.umf-res__bar .gleich { background: rgba(255,255,255,.25); }
.umf-res__bar .plus   { background: #3ddc84; }
.umf-res__saldo { text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
.umf-res__saldo--gut      { color: #3ddc84; }
.umf-res__saldo--schlecht { color: #ff3b52; }
.umf-res__saldo--neutral  { color: var(--text-muted, rgba(255,255,255,.55)); }

.umf-legende {
    display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
    margin: 14px 0 0;
    font-size: .72rem; color: var(--text-dim, rgba(255,255,255,.4));
}
.umf-legende i { display: inline-block; width: 9px; height: 9px; border-radius: 2px; margin-right: 4px; }
.umf-legende .minus  { background: #ff3b52; }
.umf-legende .gleich { background: rgba(255,255,255,.25); }
.umf-legende .plus   { background: #3ddc84; }
.umf-legende .umf-n  { margin-left: auto; }

/* Kachel */
.umf-tile__n   { font-size: inherit; }
.umf-tile__cta { font-size: .9em; letter-spacing: .04em; }
.umf-tile__sub { font-size: .72rem; line-height: 1.35; display: block; }

@media (prefers-reduced-motion: reduce) {
    .umf-overlay, .umf-box { transition: none; }
    .umf-box { transform: none; }
}

@media (max-width: 600px) {
    .umf-overlay { padding: 10px; align-items: flex-start; padding-top: 24px; }
    .umf-box { padding: 22px 18px 18px; border-radius: 14px; }
    .umf-frage { flex-direction: column; align-items: flex-start; gap: 7px; }
    .umf-opts { width: 100%; }
    .umf-opt { flex: 1; height: 44px; }   /* groessere Touch-Ziele */
    .umf-res { grid-template-columns: 1fr 64px 38px; font-size: .8rem; }
}