.rn-push-card {
    margin: 0 12px 12px;
    padding: 12px;
    border: 1px solid rgba(234,179,8,.28);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(234,179,8,.10), rgba(255,255,255,.035));
}

.rn-push-card[hidden] { display: none !important; }

.rn-push-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 800;
    color: #f8fafc;
}

.rn-push-title .rn-push-bell {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(234,179,8,.14);
    color: #fde047;
    font-size: 14px;
}

.rn-push-copy {
    margin-top: 6px;
    color: #94a3b8;
    font-size: 10.5px;
    line-height: 1.45;
}

.rn-push-actions {
    display: flex;
    gap: 7px;
    margin-top: 10px;
}

.rn-push-button {
    min-height: 34px;
    padding: 7px 10px;
    border-radius: 9px;
    border: 1px solid rgba(234,179,8,.38);
    background: rgba(234,179,8,.13);
    color: #f8fafc;
    font: inherit;
    font-size: 10.5px;
    font-weight: 800;
    cursor: pointer;
}

.rn-push-button:hover { background: rgba(234,179,8,.19); }
.rn-push-button:disabled { opacity: .55; cursor: default; }
.rn-push-button.is-on {
    border-color: rgba(34,197,94,.36);
    background: rgba(34,197,94,.11);
    color: #dcfce7;
}
.rn-push-button.is-off {
    border-color: rgba(148,163,184,.25);
    background: rgba(148,163,184,.08);
}

.rn-push-note {
    margin-top: 7px;
    color: #64748b;
    font-size: 9.5px;
    line-height: 1.35;
}

.rn-push-note.is-error { color: #fca5a5; }
.rn-push-note.is-ok { color: #86efac; }

@media (max-width: 900px) {
    body.rn-mobile-ui #rnNewsPanel .rn-push-card {
        margin-left: 10px;
        margin-right: 10px;
    }
    .rn-push-button {
        min-height: 38px;
        font-size: 11px;
    }
}

/* Radar Nieba 0.2.122 — kompaktowy moduł powiadomień w panelu komunikatów */
.rn-push-card {
    margin: 10px 12px 0;
    padding: 9px 10px;
    border: 1px solid rgba(96,165,250,.18);
    border-radius: 11px;
    background: linear-gradient(180deg, rgba(17,34,49,.92), rgba(10,24,36,.94));
}
.rn-push-compact-main { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:9px; }
.rn-push-compact-main .rn-push-bell { width:28px; height:28px; display:grid; place-items:center; border-radius:9px; background:rgba(34,197,94,.10); border:1px solid rgba(34,197,94,.28); color:#fde047; font-size:14px; }
.rn-push-compact-copy { min-width:0; }
.rn-push-compact-copy strong { display:block; color:#eef6fb; font-size:10.5px; line-height:1.25; }
.rn-push-compact-copy span { display:block; margin-top:2px; color:#7f94a4; font-size:8.5px; line-height:1.35; }
.rn-push-card .rn-push-button { min-height:29px; padding:5px 9px; border-color:rgba(59,130,246,.38); background:rgba(37,99,235,.10); color:#b9d6ff; font-size:8.5px; }
.rn-push-card .rn-push-button.is-on { border-color:rgba(34,197,94,.34); background:rgba(34,197,94,.08); color:#bbf7d0; }
.rn-push-card .rn-push-note { margin-top:6px; font-size:8px; }
.rn-push-card .rn-push-note:empty { display:none; }
@media (max-width:900px) {
    body.rn-mobile-ui #rnNewsPanel .rn-push-card,
    body.rn-mobile-ui #rnRightDock .rn-push-card { display:block !important; margin:10px 12px 0 !important; padding:10px !important; }
    .rn-push-compact-copy strong { font-size:11px; }
    .rn-push-compact-copy span { font-size:9px; }
    .rn-push-card .rn-push-button { min-height:34px; font-size:9.5px; }
}

/* Radar Nieba 0.2.203 — czytelny onboarding Push na iOS po kliknięciu dzwonka. */
.rn-ios-push-guide-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1605;
    display: grid;
    place-items: center;
    padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));
    background: rgba(2, 8, 16, .68);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .16s ease;
}
.rn-ios-push-guide-backdrop.is-visible {
    opacity: 1;
    pointer-events: auto;
}
.rn-ios-push-guide {
    position: relative;
    width: min(360px, calc(100vw - 32px));
    max-height: min(610px, calc(100dvh - 32px));
    overflow: auto;
    padding: 18px 16px 15px;
    border: 1px solid rgba(96,165,250,.30);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(12,28,43,.99), rgba(6,17,29,.99));
    color: #eaf4ff;
    box-shadow: 0 22px 60px rgba(0,0,0,.52), inset 0 1px rgba(255,255,255,.035);
    transform: translateY(8px) scale(.985);
    transition: transform .16s ease;
}
.rn-ios-push-guide-backdrop.is-visible .rn-ios-push-guide {
    transform: translateY(0) scale(1);
}
.rn-ios-push-guide-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(148,163,184,.24);
    border-radius: 10px;
    background: rgba(15,23,42,.62);
    color: #cbd5e1;
    font: 700 22px/1 Arial, sans-serif;
    cursor: pointer;
}
.rn-ios-push-guide-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    margin-bottom: 10px;
    border: 1px solid rgba(245,158,11,.34);
    border-radius: 12px;
    background: rgba(120,53,15,.26);
    font-size: 18px;
}
.rn-ios-push-guide h2 {
    margin: 0 42px 5px 0;
    color: #f8fbff;
    font-size: 17px;
    line-height: 1.2;
    letter-spacing: -.01em;
}
.rn-ios-push-guide > p {
    margin: 0;
    color: #9eb2c4;
    font-size: 11px;
    line-height: 1.45;
}
.rn-ios-push-guide-steps {
    display: grid;
    gap: 9px;
    margin: 15px 0 16px;
    padding: 0;
    list-style: none;
}
.rn-ios-push-guide-steps li {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: start;
    gap: 9px;
    color: #dbe8f4;
    font-size: 11px;
    line-height: 1.4;
}
.rn-ios-push-guide-steps li > span {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(59,130,246,.34);
    border-radius: 9px;
    background: rgba(37,99,235,.13);
    color: #bfdbfe;
    font-size: 11px;
    font-weight: 900;
}
.rn-ios-push-guide-steps strong { color: #fff; font-weight: 800; }
.rn-ios-push-guide-ok {
    width: 100%;
    min-height: 42px;
    border: 1px solid rgba(59,130,246,.52);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(37,99,235,.58), rgba(30,64,175,.52));
    color: #eff6ff;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    cursor: pointer;
}
.rn-ios-push-guide-close:focus-visible,
.rn-ios-push-guide-ok:focus-visible {
    outline: 2px solid #60a5fa;
    outline-offset: 2px;
}
body.rn-ios-push-guide-open { overflow: hidden; }
@media (min-width: 901px) {
    .rn-ios-push-guide-backdrop { display: none !important; }
}