/* J-SAM BET — Notification Dropdown Styles */ .jsam-notification-dropdown { display: none; /* position/top/right set dynamically by JS after detaching to */ position: fixed; top: 68px; right: 12px; width: 320px; max-width: calc(100vw - 24px); background: #13162a; border: 1px solid #252840; border-radius: 14px; box-shadow: 0 12px 50px rgba(0,0,0,0.7); z-index: 9999999; overflow: hidden; max-height: 70vh; overflow-y: auto; } .jsam-notification-dropdown.visible { display: block; animation: jsam-notif-in 0.15s ease; } @keyframes jsam-notif-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } } .jsam-notification-dropdown::-webkit-scrollbar { width: 4px; } .jsam-notification-dropdown::-webkit-scrollbar-thumb { background: #2a2f4e; border-radius: 4px; } .jsam-notification-item { padding: 13px 16px; border-bottom: 1px solid #1e2237; transition: background 0.15s; } .jsam-notification-item:last-child { border-bottom: none; } .jsam-notification-item:hover { background: rgba(255,255,255,0.04); } .jsam-notification-item.unread { background: rgba(109, 40, 217, 0.07); border-left: 3px solid #6d28d9; padding-left: 13px; } .jsam-notification-item strong { display: block; font-size: 13px; font-weight: 700; color: #f0f2ff; margin-bottom: 3px; } .jsam-notification-item p { font-size: 12px; color: #8891a5; margin: 0 0 5px; line-height: 1.45; } .jsam-notification-item small { font-size: 10px; color: #6b7499; } .jsam-notif-actions { display: flex; gap: 8px; margin-top: 6px; } .jsam-mark-read, .jsam-notif-delete { font-size: 11px; font-weight: 600; cursor: pointer; padding: 2px 7px; border-radius: 4px; transition: background 0.15s; user-select: none; } .jsam-mark-read { color: #6d28d9; background: rgba(109,40,217,0.12); } .jsam-mark-read:hover { background: rgba(109,40,217,0.22); } .jsam-notif-delete { color: #ef4444; background: rgba(239,68,68,0.1); } .jsam-notif-delete:hover { background: rgba(239,68,68,0.18); } .jsam-notif-loading, .jsam-notif-empty { padding: 22px 16px; text-align: center; font-size: 13px; color: #6b7499; }