.gl-notif-item{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;align-items:flex-start;gap:16px;padding:16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.gl-notif-item:hover{background:var(--surface-2);border-color:#d1fae5;box-shadow:0 4px 12px #0000000d}.gl-notif-item-unread{background:#f0fdf4;border-color:#bbf7d0}.gl-notif-item-unread:hover{background:#dcfce7}.gl-notif-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.gl-notif-title{color:var(--text-primary);margin-bottom:4px;font-size:.95rem;font-weight:700}.gl-notif-msg{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;line-height:1.5}.gl-notif-time{color:var(--text-muted);font-size:.75rem;font-weight:500}.gl-action-btn-outline{border:1.5px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.gl-action-btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.gl-notif-del-btn{cursor:pointer;color:#cbd5e1;opacity:0;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.gl-notif-item:hover .gl-notif-del-btn{opacity:1}.gl-notif-del-btn:hover{color:var(--error);background:#fee2e2}@media (max-width:640px){.gl-notif-item{border-radius:12px;gap:12px;padding:12px}.gl-notif-icon{width:38px;height:38px}.gl-notif-del-btn{opacity:1}}