/* Tarjeta de notificaciones / app Android en Mi perfil (native-app.js). Usa los tokens de styles.css. */
.nx-push-card{display:flex;flex-direction:column;gap:14px}
.nx-push-card .card-title{margin:0}
.nx-push-copy{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}
.nx-push-status{margin:0}
.nx-push-status p{margin:0 0 10px}
.nx-push-list{display:grid;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.nx-switch{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;cursor:pointer;background:var(--surface);min-height:56px}
.nx-switch+.nx-switch{border-top:1px solid var(--line)}
.nx-switch>span{display:grid;gap:3px;min-width:0}
.nx-switch strong{font-size:.92rem;color:var(--text)}
.nx-switch small{font-size:.78rem;color:var(--muted);line-height:1.4}
.nx-switch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.nx-switch i{position:relative;flex:0 0 auto;width:46px;height:28px;border-radius:999px;background:var(--line-strong);transition:background var(--t) var(--ease)}
.nx-switch i::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,40,32,.25);transition:transform var(--t) var(--ease)}
.nx-switch input:checked+i{background:var(--brand)}
.nx-switch input:checked+i::after{transform:translateX(18px)}
.nx-switch input:focus-visible+i{outline:2px solid var(--brand);outline-offset:2px}
.nx-switch input:disabled+i{opacity:.55}
.nx-push-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.nx-push-actions small{color:var(--muted);font-size:.8rem}
@media(prefers-reduced-motion:reduce){.nx-switch i,.nx-switch i::after{transition:none}}
.nx-login-download{display:block;text-align:center;margin:12px auto 0;font-size:.86rem;font-weight:600;color:var(--brand);text-decoration:none;padding:8px}
.nx-login-download:hover{text-decoration:underline}
a.nav-button{text-decoration:none}