.nn-push-trigger { display:inline-flex; align-items:center; justify-content:center; flex:0 0 44px; min-width:44px; min-height:44px; padding:10px; border:0; background:transparent; color:inherit; cursor:pointer; }
.nn-push-trigger svg { width:22px; height:22px; }
.nn-push-settings-section { margin-top:24px; padding-top:20px; border-top:1px solid #adb5bd; }
.nn-push-toggle-row { display:flex; align-items:center; gap:12px; min-height:44px; font-weight:600; }
.nn-push-toggle-row svg { width:22px; height:22px; flex:none; }
.nn-push-settings-section [data-push-toggle] { box-sizing:border-box; flex:0 0 52px; width:52px; min-height:32px; height:32px; margin-left:auto; padding:3px; border:2px solid #64717c; border-radius:20px; background:#64717c; cursor:pointer; }
.nn-push-settings-section [data-push-toggle] span { display:block; width:22px; height:22px; border-radius:50%; background:#fff; transform:translateX(0); transition:transform .15s ease; }
.nn-push-settings-section [data-push-toggle][aria-checked="true"] { background:var(--main-color, #243547); border-color:var(--main-color, #243547); }
.nn-push-settings-section [data-push-toggle][aria-checked="true"] span { transform:translateX(20px); }
.nn-push-settings-section [data-push-toggle]:focus-visible { outline:3px solid currentColor; outline-offset:4px; }
.nn-push-settings-section [data-push-toggle]:disabled { opacity:.6; cursor:default; }
html.nn-high-contrast .nn-push-settings-section [data-push-toggle][aria-checked="true"] { background:#000; border-color:#000; }
@media (prefers-reduced-motion:reduce) { .nn-push-settings-section [data-push-toggle] span { transition:none; } }
.nn-push-settings-section p { font-size:.875em; line-height:1.5; margin:10px 0 0; }
body .navbar .nn-push-trigger { color:var(--nn-menu-foreground, #fff); }
body .nn-push-trigger.nn-reading-trigger { margin-left:0; color:var(--nn-menu-foreground, inherit); }
.navbar.mobile > .nn-push-trigger { position:absolute; right:8px; top:4px; }
@media(max-width:1170px) { body.template-2 .navbar.mobile > .nn-push-trigger.nn-reading-trigger { right:52px; } }
.nn-push-trigger:focus-visible { outline:2px solid currentColor; outline-offset:-4px; }
.nn-push-fallback { position:fixed; right:16px; bottom:20px; z-index:80; border:1px solid currentColor; border-radius:50%; background:var(--main-color, #243547); color:var(--menu-text-color, white); }
.nn-push-dialog { box-sizing:border-box; width:min(480px, calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow:auto; margin:auto; padding:24px; border:1px solid #abb4bc; border-radius:var(--nn2-radius, 0); background:#fff; color:#17232e; font-family:inherit; font-size:16px; line-height:1.55; }
body.variant-2 .nn-push-dialog { border-radius:var(--nn2-radius, 12px); }
.nn-push-dialog::backdrop { background:rgb(0 0 0 / .45); }
.nn-push-dialog header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.nn-push-dialog h2 { font-family:inherit; font-weight:700; font-size:1.35em; line-height:1.3; margin:0; }
.nn-push-dialog p { font-size:1em; line-height:1.55; margin:16px 0; }
.nn-push-dialog button { min-height:44px; padding:10px 16px; font:inherit; border:1px solid currentColor; border-radius:4px; background:transparent; color:inherit; cursor:pointer; }
.nn-push-dialog button:focus-visible { outline:3px solid currentColor; outline-offset:3px; }
.nn-push-dialog [hidden] { display:none !important; }
.nn-push-dialog button:disabled { opacity:.6; cursor:wait; }
.nn-push-note { font-size:.875em !important; }
.nn-push-actions { display:flex; flex-wrap:wrap; gap:12px; }
html[data-reading-theme="dark"]:not(.nn-high-contrast) .nn-push-dialog { background:#1d2933; color:#f2f4f6; }
html.nn-high-contrast .nn-push-dialog { background:white; color:black; border:2px solid black; }
