/* ===== 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(216,182,106,.5);background:linear-gradient(150deg,#1b2238,#0e1527);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,#ffe38a,#f0b429);box-shadow:0 8px 20px rgba(240,180,41,.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:#93a4c9}
.nf-head .ct{flex:0 0 auto;min-width:34px;height:34px;padding:0 10px;border-radius:17px;display:grid;place-items:center;background:#1a2540;border:1px solid #2a3a63;color:#d9b850;font:800 12px 'JetBrains Mono',monospace}
.nf-card{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(216,182,106,.38);background:linear-gradient(150deg,#1b2238 0%,#0e1527 60%,#121a30 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),#f2cf76 70%,#d4af37)}
.nf-card.new{border-color:rgba(242,207,118,.8);box-shadow:0 12px 30px rgba(0,0,0,.4),0 0 18px rgba(216,182,106,.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:#1a2540;border:1px solid #2a3a63}
.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:#8f9cb5;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:#f0b429;border:1px solid rgba(240,180,41,.5);background:rgba(240,180,41,.1)}
.nf-pill.rs{color:#38bdf8;border-color:rgba(56,189,248,.5);background:rgba(56,189,248,.1)}
.nf-media{margin:13px 15px 0;border-radius:16px;overflow:hidden;border:1px solid rgba(216,182,106,.35);background:#070b14;position:relative}
.nf-media img,.nf-media video{display:block;width:100%;max-height:360px;object-fit:cover;background:#070b14}
.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:#f2cf76;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:#1a1405;background:linear-gradient(135deg,#f6e08f,#d4a93a);box-shadow:0 8px 22px rgba(212,175,55,.3)}
.nf-btn:active{transform:scale(.98)}
.nf-empty{padding:34px 14px;text-align:center;color:#8f9cb5;font-size:13px;border-radius:22px;border:1px dashed rgba(216,182,106,.35);background:rgba(14,21,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:#d9b850;background:transparent;border:1px solid rgba(216,182,106,.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}