/* DropX Push Notifications — központi Push engedélykérő */
.dx-push-prompt {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    visibility: hidden;
    pointer-events: none;
}
.dx-push-prompt.is-open {
    visibility: visible;
    pointer-events: auto;
}
.dx-push-prompt-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(4, 7, 10, .66);
    backdrop-filter: blur(12px);
    opacity: 0;
    transition: opacity .22s ease;
}
.dx-push-prompt.is-open .dx-push-prompt-backdrop { opacity: 1; }
.dx-push-prompt-card {
    position: relative;
    width: min(440px, 100%);
    padding: 30px;
    border: 1px solid rgba(229,158,0,.28);
    border-radius: 24px;
    background: linear-gradient(160deg, rgba(28,31,35,.98), rgba(10,12,15,.98));
    box-shadow: 0 30px 90px rgba(0,0,0,.48), 0 0 0 1px rgba(255,255,255,.03) inset;
    color: #f7f4ec;
    transform: translateY(18px) scale(.97);
    opacity: 0;
    transition: transform .24s ease, opacity .24s ease;
}
.dx-push-prompt.is-open .dx-push-prompt-card { transform: none; opacity: 1; }
.dx-push-prompt-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    border-radius: 16px;
    color: #f0b63d;
    background: rgba(229,158,0,.11);
    border: 1px solid rgba(229,158,0,.24);
}
.dx-push-prompt-icon svg { width: 25px; height: 25px; }
.dx-push-prompt-kicker { font-size: 10px; font-weight: 800; letter-spacing: 1.8px; color: #dca934; margin-bottom: 8px; }
.dx-push-prompt-card h2 { margin: 0 0 10px; font-size: clamp(22px, 4vw, 28px); line-height: 1.12; }
.dx-push-prompt-card p { margin: 0 0 10px; color: rgba(247,244,236,.78); line-height: 1.55; font-size: 14px; }
.dx-push-prompt-card small { display: block; color: rgba(247,244,236,.52); line-height: 1.45; font-size: 11px; }
.dx-push-prompt-actions { display: flex; gap: 10px; margin-top: 24px; }
.dx-push-btn {
    flex: 1;
    min-height: 46px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 13px;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.dx-push-btn:hover { transform: translateY(-1px); }
.dx-push-btn:disabled { opacity: .6; cursor: wait; transform: none; }
.dx-push-btn-secondary { background: rgba(255,255,255,.05); color: rgba(255,255,255,.78); }
.dx-push-btn-primary { background: linear-gradient(135deg, #e5a31d, #b97909); border-color: rgba(255,210,102,.35); color: #16110a; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.dx-push-btn-primary svg { width: 17px; height: 17px; }

body.light-mode .dx-push-prompt-card {
    background: linear-gradient(160deg, #fffdf8, #edf1f3);
    color: #20262b;
    border-color: rgba(168,117,18,.22);
    box-shadow: 0 30px 90px rgba(15,23,42,.22);
}
body.light-mode .dx-push-prompt-card p { color: #5f6870; }
body.light-mode .dx-push-prompt-card small { color: #7a838a; }
body.light-mode .dx-push-btn-secondary { color: #46505a; background: rgba(15,23,42,.05); border-color: rgba(15,23,42,.10); }

@media (max-width: 560px) {
    .dx-push-prompt { align-items: flex-end; padding: 10px; }
    .dx-push-prompt-card { padding: 24px 20px calc(20px + env(safe-area-inset-bottom, 0px)); border-radius: 22px; width: 100%; }
    .dx-push-prompt-actions { flex-direction: column-reverse; }
}


.push-settings-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.push-device-status {
    margin-top: 10px;
}