/* ===== USER NOTIFICATIONS PAGE - same navy + gold card style as the dashboard / support ===== */
#page-notifications{padding:12px 14px 90px!important;max-width:440px!important;margin:0 auto!important}
.nf-wrap{display:flex;flex-direction:column;gap:14px;font-family:'Poppins','Inter',system-ui,sans-serif}
.nf-wrap *{box-sizing:border-box}
.nf-head{display:flex;align-items:center;gap:13px;padding:14px;border-radius:20px;border:1px solid rgba(158,109,213,.5);background:linear-gradient(150deg,#29183d,#1b1027);box-shadow:0 10px 26px rgba(0,0,0,.38)}
.nf-head .ic{flex:0 0 50px;height:50px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:linear-gradient(145deg,#c18dfc,#862eeb);box-shadow:0 8px 20px rgba(134,46,235,.3)}
.nf-head .tx{min-width:0;flex:1}
.nf-head .tx b{display:block;font:800 16px/1.2 'Poppins',sans-serif;letter-spacing:.5px;color:#fff}
.nf-head .tx small{display:block;margin-top:3px;font:500 12px 'Poppins',sans-serif;color:#ac97c5}
.nf-head .ct{flex:0 0 auto;min-width:34px;height:34px;padding:0 10px;border-radius:17px;display:grid;place-items:center;background:#2d1a42;border:1px solid #472a68;color:#9053d6;font:800 12px 'JetBrains Mono',monospace}
.nf-card{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(158,109,213,.38);background:linear-gradient(150deg,#29183d 0%,#1b1027 60%,#211330 100%);box-shadow:0 12px 30px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05);padding:0 0 14px}
.nf-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:2;background:linear-gradient(90deg,rgba(125,91,220,.7),#b079ef 70%,#813bd0)}
.nf-card.new{border-color:rgba(176,121,239,.8);box-shadow:0 12px 30px rgba(0,0,0,.4),0 0 18px rgba(158,109,213,.18),inset 0 1px 0 rgba(255,255,255,.05)}
.nf-top{display:flex;align-items:flex-start;gap:11px;padding:18px 15px 0}
.nf-bell{flex:0 0 38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:#2d1a42;border:1px solid #472a68}
.nf-ti{min-width:0;flex:1}
.nf-ti h3{margin:0;font:800 15px/1.3 'Poppins',sans-serif;color:#fff;word-break:break-word}
.nf-ti time{display:block;margin-top:3px;color:#b3a591;font:600 11px 'JetBrains Mono',monospace;letter-spacing:.04em}
.nf-pill{flex:0 0 auto;padding:4px 10px;border-radius:999px;font:800 10px 'JetBrains Mono',monospace;letter-spacing:.12em;color:#862eeb;border:1px solid rgba(134,46,235,.5);background:rgba(134,46,235,.1)}
.nf-pill.rs{color:#38bdf8;border-color:rgba(56,189,248,.5);background:rgba(245,127,59,.1)}
.nf-media{margin:13px 15px 0;border-radius:16px;overflow:hidden;border:1px solid rgba(158,109,213,.35);background:#0e0814;position:relative}
.nf-media img,.nf-media video{display:block;width:100%;max-height:360px;object-fit:cover;background:#0e0814}
.nf-media video{object-fit:contain;max-height:420px}
.nf-media img{cursor:zoom-in;min-height:120px}
.nf-body{margin:12px 15px 0;color:#d3dcf5;font:500 13.5px/1.7 'Poppins',sans-serif;white-space:pre-wrap;word-break:break-word}
.nf-body a{color:#b079ef;text-decoration:underline;text-underline-offset:3px;word-break:break-all}
.nf-btn{display:flex;align-items:center;justify-content:center;gap:9px;height:46px;margin:14px 15px 0;border-radius:14px;text-decoration:none;font:800 13px 'Poppins',sans-serif;letter-spacing:.5px;color:#0f0619;background:linear-gradient(135deg,#bf92f3,#823ed0);box-shadow:0 8px 22px rgba(129,59,208,.3)}
.nf-btn:active{transform:scale(.98)}
.nf-empty{padding:34px 14px;text-align:center;color:#b3a591;font-size:13px;border-radius:22px;border:1px dashed rgba(158,109,213,.35);background:rgba(27,16,39,.7)}
.nf-empty b{display:block;font-size:34px;margin-bottom:8px}
.nf-more{height:46px;border-radius:14px;cursor:pointer;font:800 12.5px 'Poppins',sans-serif;letter-spacing:.5px;color:#9053d6;background:transparent;border:1px solid rgba(158,109,213,.5)}
.nf-drawer-dot{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ff4d5e;color:#fff;font:800 11px/18px 'Inter',sans-serif;text-align:center}
.nf-zoom{position:fixed;inset:0;z-index:2147483640;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;padding:14px}
.nf-zoom img{max-width:100%;max-height:100%;border-radius:10px}