/* Tarjeta de notificaciones push (cliente y piscinero). Los colores salen de variables con valores propios para no depender del portal. */
.cp-push{--pu-ink:#0b1b3d;--pu-mute:#5a6b8c;--pu-line:#dbe6f5;--pu-bg:#fff;--pu-soft:#f3f7fd;--pu-main:#0b63f6;--pu-ok:#0f7a4a;--pu-okbg:#e4f6ec;--pu-off:#6b7a99;--pu-offbg:#eef2f9;--pu-err:#b3261e;
 background:var(--pu-bg);color:var(--pu-ink);border:1px solid var(--pu-line);border-radius:16px;padding:16px;display:grid;gap:12px;font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-sizing:border-box;max-width:100%}
.cp-push *{box-sizing:border-box}
.cp-push-head{display:flex;align-items:flex-start;gap:12px}
.cp-push-head>div{flex:1;min-width:0}
.cp-push-head h3{margin:0;font-size:16px;line-height:1.25}
.cp-push-head p{margin:2px 0 0;color:var(--pu-mute);font-size:13px}
.cp-push-ico{width:38px;height:38px;border-radius:12px;background:var(--pu-soft);color:var(--pu-main);display:grid;place-items:center;flex:none}
.cp-push-ico svg,.cp-push-devs svg,.cp-push-msg svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cp-push-chip{flex:none;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap}
.cp-push-chip.is-on{background:var(--pu-okbg);color:var(--pu-ok)}
.cp-push-chip.is-off{background:var(--pu-offbg);color:var(--pu-off)}
.cp-push-text{margin:0;color:var(--pu-ink)}
.cp-push-actions{display:flex;flex-wrap:wrap;gap:8px}
.cp-push-btn{min-height:40px;padding:0 16px;border-radius:11px;border:1px solid var(--pu-line);background:var(--pu-bg);color:var(--pu-ink);font:inherit;font-weight:700;cursor:pointer}
.cp-push-btn.is-main{background:var(--pu-main);border-color:var(--pu-main);color:#fff}
.cp-push-btn.is-quiet{color:var(--pu-mute)}
.cp-push-btn:disabled{opacity:.6;cursor:default}
.cp-push-sub{font-weight:700;font-size:13px;margin-top:4px}
.cp-push-cats,.cp-push-devs{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.cp-push-cats li{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--pu-line)}
.cp-push-cats li:first-child{border-top:0}
.cp-push-cats li>div{flex:1;min-width:0}
.cp-push-cats b{display:block;font-size:14px}
.cp-push-cats small,.cp-push-devs small{display:block;color:var(--pu-mute);font-size:12.5px}
.cp-push-switch{flex:none;width:44px;height:26px;border-radius:999px;border:0;background:#c7d2e6;position:relative;cursor:pointer;padding:0}
.cp-push-switch i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
.cp-push-switch[aria-checked="true"]{background:var(--pu-main)}
.cp-push-switch[aria-checked="true"] i{transform:translateX(18px)}
.cp-push-devs li{display:flex;align-items:center;gap:10px;padding:6px 0;color:var(--pu-mute)}
.cp-push-devs b{display:block;color:var(--pu-ink);font-size:13.5px}
.cp-push-msg{margin:0;display:flex;align-items:center;gap:8px;color:var(--pu-ok);font-weight:600;font-size:13px}
.cp-push-msg.is-error{color:var(--pu-err)}
@media (max-width:420px){.cp-push{padding:14px}.cp-push-head{flex-wrap:wrap}}
.mpf-push{margin:14px 0 4px}