/* A compact, scrollable bell inbox; no global screen or button changes. */
body #notification-panel{position:fixed;z-index:1200;width:410px;max-width:calc(100vw - 24px);max-height:min(660px,var(--np-available,80vh));display:flex;flex-direction:column;overflow:hidden;background:#fff;color:#162c4b;border:1px solid #d7e4f5;border-radius:24px;box-shadow:0 18px 65px #12386535,0 3px 12px #12386512;font-size:15px;line-height:1.5;text-align:left}
body #notification-panel[hidden]{display:none!important}
body #notification-panel .np-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 20px 12px;background:linear-gradient(125deg,#edf5ff,#f3fbff)}
body #notification-panel .np-eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#42709f}
body #notification-panel h2{display:flex;align-items:center;gap:10px;font-size:24px;line-height:1.3;margin:4px 0;color:#162c4b}
body #notification-panel .np-count{background:#1763cf;color:#fff;font-size:12px;border-radius:20px;min-width:25px;padding:3px 7px;text-align:center}
body #notification-panel .np-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;border:0;border-radius:50%;padding:0;background:#e0eaf7!important;color:#234f83!important;font-size:26px;box-shadow:none}
body #notification-panel .np-filters{display:flex;gap:8px;padding:12px 20px 0}
body #notification-panel .np-filters button{min-height:44px;border:0;border-radius:24px;padding:9px 20px;background:#f0f4fa!important;color:#536981!important;box-shadow:none}
body #notification-panel .np-filters button[aria-pressed=true]{background:#e2eeff!important;color:#1759b4!important}
body #notification-panel .np-status{margin:8px 20px 12px;color:#536981!important;font-size:12px}
body #notification-panel .np-list{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:0 10px 12px;-webkit-overflow-scrolling:touch}
body #notification-panel .np-row{display:flex;align-items:flex-start;gap:12px;width:100%;min-height:96px;padding:14px 12px;margin:0 0 5px;background:#fff!important;color:#162c4b!important;border:1px solid transparent!important;border-radius:16px;text-align:left;box-shadow:none;white-space:normal}
body #notification-panel .np-row.np-unread{background:#edf5ff!important;border-color:#dceaff!important}
body #notification-panel .np-avatar{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:16px;font-size:17px;font-weight:750;margin-top:2px;background:#dceaff;color:#1759b4}
body #notification-panel .np-avatar.np-orange{background:#ffe7cf;color:#91440a}
body #notification-panel .np-avatar.np-green{background:#daf1e5;color:#146344}
body #notification-panel .np-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;overflow-wrap:anywhere}
body #notification-panel .np-name{color:#536981;font-size:11px;font-weight:650}
body #notification-panel .np-copy strong{font-size:14px;line-height:1.45;color:#162c4b!important;font-weight:650}
body #notification-panel .np-body{font-size:13px;font-weight:400;line-height:1.55;color:#405977;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body #notification-panel .np-time{font-size:11px;font-weight:500;line-height:1.6;color:#1759b4;margin-top:4px}
body #notification-panel .np-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#1763cf;margin-top:20px}
body #notification-panel .np-empty{padding:32px 18px;text-align:center;color:#405977}
body #notification-panel .np-empty>span{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#def4e9;color:#176344;font-size:24px;margin:0 auto 14px}
body #notification-panel .np-empty strong{display:block;color:#162c4b;font-size:16px}
body #notification-panel .np-empty p{font-size:13px;color:#536981!important}
body #notification-bell[aria-expanded=true]{background:#dceaff!important;color:#1759b4!important;box-shadow:0 0 0 3px #1763cf1a}
@media(hover:hover){body #notification-panel .np-row:hover{background:#e5effc!important;border-color:#cbdcf5!important;filter:none}body #notification-panel .np-close:hover{background:#cfdef2!important}}
@media(max-width:600px){body #notification-panel{right:12px!important;left:12px;width:auto;max-width:none;border-radius:22px}body #notification-panel .np-heading{padding:18px 16px 10px}body #notification-panel .np-filters{padding-left:16px}body #notification-panel .np-status{margin-left:16px;margin-right:16px}}
@media print{body #notification-panel{display:none!important}}